193
Перейти к демо
30 урока(ов)
06:24:32
Русский
2020
За неполных 7 часов вы узнаете что такое Gulp, начнёте использовать сборку вёрстки на практике. В курсе есть информация о правильном структурировании CSS, HTML код, а также о CSS препроцессоре - SCSS и шаблонизаторе PUG, применять в верстке переменные, миксины, подключаемые секции, шаблоны и разделять верстку и контент. После просмотра всего видеокурса вы сможете выполнять заказы на фрилансе в которых фигурирует Gulp - сборка, препроцессоры и шаблонизатор PUG.
1. Освоим инструменты: консоль, npm, Gulp.
Установим консоль. Разберемся с тем как работают npm пакеты. Установи Gulp. Напишем первые Gulp таски. Установим локальный сервер.
2. Настроим работу с препроцессором SCSS.
Настройка компиляции, создание исходных карт, автоматическая генерация браузерных префиксов. Обработка ошибок и отображение нотификаций, так чтобы сборка не вылетала при ошибках, а аккуратно уведомляла в каком файле и на какой строке надо сделать исправление.
3. Закрепим все на практике, на учебном макете.
Перенесем верстку готового проекта на Gulp сборку, разобьём стили на составляющие. Первый учебный макет.
4. Познакомимся с шаблонизатором PUG.
Научимся структурировано разделять верстку, писать код действительно модульно и собирать страницу и из блоков, как из кубиков.
5. Еще раз закрепим на практике.
Сверстаем на готовой сборке второй учебный проект. Верстка с нуля, на чистой сборке. Лейауты, миксины, секции, блоки. Модульная верстка в действии.
Подробнее...
Видеокурс
Комментарии
Получайте новые знания в полном объеме, не ограничивайте себя :)
ПодробнееЛюбому IT-нику нужны единомышленники. К тому-же в нашем чате Вы можете заказать курс, который вас интересует.
-50%
Мы из Украины!
Мы очень опечалены происходящим в нашей стране, но всё равно сохраняем оптимизм, работаем что бы Вы учились и каждый день познавали мир IT.
Используйте промокод (LoveUA) при оформлении подписки на любой тариф и получайте скидку 50%!
Просто поддержите нас подпиской на сайте, а заодно смотрите любые видеокурсы без ограничений!
Закрыть окно