» » Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

Если Вы используете bootstrap, понимаете его минусы и хотите использовать самые современные технологии, то данный курс однозначно для Вас. Детально изучить flexbox, научиться использовать NPM, Gulp - это дорогого стоит!

Вишенкой на торте этого курса является конечно же Smartgid. С помошью этого чудесного инструмента смог усовершенствовать и в тоже время многократно упростить свою верстку, а также значительно сократить время верстки лендингов.

Материал подается простыми словами с множеством примеров, что делает его предельно понятным.

Программа курса:
Вводный вебинар
Техническая информация
Доступы в группы и к тренажёрам
Обзор программы курса
Обзор вспомогательных инструментов

1.
Основы Flexbox
Основная и вспомогательная оси
Тонкости выравнивания элементов
Адаптивка без media-запросов
Расчёт размеров элемента
-
Разбор домашних работ
Фокусы flex-grow
Нюансы в IE 11
Погрешность расчёта размеров
Код без media-запросов: за и против

2.
Flex-direction: column
Нюансы переноса элементов
Вертикальные и горизонтальные отступы
Смена порядка следования элементов
Задачи, для которых flex неудобен
-
Разбор домашних работ
Общие выводы по технологиям
Необходимость автоматизации мелочей
Моральная подготовка к node.js

3.
Node.js и NPM - основы магии
Gulp - сборка проекта
Autoprefixer - кроссбраузерность
Concat - соединение файлов
Sourcemaps - удобная отладка
-
Разбор домашних работ
Плагин Clean CSS
Group CSS Media Queries
Неудобства плагина concat
Чего не хватает в чистом CSS

4.
Основы CSS-препроцессоров
Иерархическое написание
Переменные и примеси
Написание кода на LESS
Написание кода на SASS (SCSS)
-
Разбор домашних работ
Синтаксисы разных препроцессоров
LESS vs SCSS
Препроцессоры vs постпроцессоры

5.
npm i smart-grid - поехали!
Основы создания сетки
Отступы в px или в %
Margin и padding варианты
Настройка свойств сетки
-
Разбор домашних работ
Нюансы fields и offset
Резиновые и обычные элементы
Row и col без size

6.
Вёрстка макета
Оптимизация кода
Иерархия селекторов vs BEM
Дополнительные приёмы вёрстки
Кроссбраузерность
-
Разбор домашних работ
Подведение итогов курса
Ответы на финальные вопросы
Направление дальнейшего развития

Интерактивный онлайн-курс «Продвинутая вёрстка» (2020) Интерактивный онлайн-курс «Продвинутая вёрстка» (2020) Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

Название: Интерактивный онлайн-курс «Продвинутая вёрстка»
Год выхода: 2020
Жанр: Видеокурс, веб-дизайн, графика, обучение
Формат видео: MP4 | 1920x1080 | AVC/H.264
Формат аудио: AAC | 126 kb/s | 44 кГц
Язык: Русский
Продолжительность: 19:46:43
Размер: 5.76 Gb

Скачать: Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)



Сайт w-hdtv.ru - это современный кинематографический портал, предназначенный для того, чтобы с максимальным удобством скачать фильм или посмотреть его онлайн. Все видеоматериалы, представленные на сайте лицензированы.

Администрация сайта внимательно следит за самым последними новинками в мире кино, так что на w-hdtv.ru вы сможете увидеть все самые популярные фильмы текущего сезона.

Впрочем, поиск по жанрам остаётся основным. На w-hdtv.ru можно посмотреть полнометражные фильмы всех основных жанров, таких как боевик, триллер, драма, комедия, исторический, ужасы. В каждой категории содержится как минимум несколько сотен отличных фильмов, к каждому из которых составлено подробное описание. Кроме этого на сайте есть возможность ознакомиться с документальными фильмами и с записанными ТВ-программами. Есть специальные разделы для сериалов и для мультипликации, а также для видео-клипов. Большая часть фильмов помещена сразу в несколько категорий, так что, например, одну и ту же картину можно найти в комедиях, в семейных фильмах и в мелодрамах. А большинство фильмов из раздела криминальное подпадают также под категории триллер или боевик.

Пользуясь услугами портала w-hdtv.ru каждый зритель сможет без труда найти в мире кино то, что отвечает его личным вкусам и пристрастиям.
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

0 комментариев

Ваше имя: *
Ваш e-mail: *

Подписаться на комментарии

Код: Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: