[Webcademy] Интенсив. Сборка. Gulp 4, SCSS и шаблонизатор PUG. Тариф «Расширенный» (2019)

ZenMaster

Модератор
Сообщения
6.045
Реакции
8
Баллы
38
Credits
2.000
Материал может быть удален по запросу правообладателя!



Описание курса:

За 5 дней ты освоишь Gulp, начнешь использовать сборку в своей работе.

Научишься структурировать свой CSS и HTML код, использовать CSS препроцессор SCSS и шаблонизатор PUG, применять в верстке переменные, миксины, подключаемые секции, шаблоны и разделять верстку и контент.

Сможешь брать на фрилансе заказы в которых фигурирует gulp сборка, препроцессоры и шаблонизатор PUG.

Что будет на интенсиве:
1. Освоим инструменты: консоль, npm, Gulp.
Установим консоль. Разберемся с тем как работают npm пакеты. Установи Gulp. Напишем первые Gulp таски. Установим локальный сервер.

2. Настроим работу с препроцессором SCSS.
Настройка компиляции, создание исходных карт, автоматическая генерация браузерных префиксов. Обработка ошибок и отображение нотификаций, так чтобы сборка не вылетала при ошибках, а аккуратно уведомляла в каком файле и на какой строке надо сделать исправление.

3. Закрепим все на практике, на учебном макете.
Перенесем верстку готового проекта на Gulp сборку, разобьём стили на составляющие. Первый учебный макет.

4. Познакомимся с шаблонизатором PUG.
Научимся структурировано разделять верстку, писать код действительно модульно и собирать страницу и из блоков, как из кубиков.

5. Еще раз закрепим на практике.
Сверстаем на готовой сборке второй учебный проект. Верстка с нуля, на чистой сборке. Лейауты, миксины, секции, блоки. Модульная верстка в действии.

По окончанию интенсива у тебя будет:
— код чистой сборки для небольших проектов
— пример верстки сайта на данной сборке
— код сборки Gulp + PUG + JSON для объемных, сложных проектов
— пример верстки сайта на продвинутой сборке

Ссылка на Продажник:

Скрытое содержимое для зарегистрированных пользователей!

Ссылка на скачивание этого материала:

Скрытое содержимое могут видеть только пользователь группы : Vip, Администратор, Модератор, Проверенный, Свой

Прямая ссылка на покупку материала:
Для просмотра скрытого содержимого, необходимо Войти или Зарегистрироваться
 
Сверху