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

  • Автор темы Moderator
  • Дата начала
Moderator

Moderator

Модератор
Сообщения
42 184
Реакции
9 372
Монеты
420 492
Автор: Webcademy
Название: Интенсив. Сборка. Gulp 4, SCSS и шаблонизатор PUG. Тариф «Расширенный» (2019)
d0c58250455f475034a807e5c35e1de8.png
За 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 для объемных, сложных проектов
— пример верстки сайта на продвинутой сборке

 

Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.
Ссылки и информация для скачивания:
Для просмотра содержимого вам необходимо авторизоваться.