Скачать Ключевский - Gulp 4. Сборка для верстки (2019)

Laurik

Джедай
2 Ноя 2013
1.960
48.239
Gulp 4. Сборка для верстки
Автор: Webcademy [Юрий Ключевский]
Тариф «Расширенный»

sun9_3.userapi.com_c206716_v206716648_16344_K0QK4bJrzPk.jpg


За 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 для объемных, сложных проектов
— пример верстки сайта на продвинутой сборке



Скачать:
 
Последнее редактирование модератором:
Отзыв

После изучения продукта «Ключевский - Gulp 4. Сборка для верстки (2019)», оставьте отзыв о нём в данной теме.

Сверху