Контент на сайте активно дополняется каждый день! Пожалуйста, поддержите нас Премиум - подпиской! Скрыть

Меню

Интенсив и сборка через Gulp 4, SCSS, шаблонизатор PUG

Добавить отзыв

373

Интенсив и сборка через Gulp 4, SCSS, шаблонизатор PUG Премиум

30 урока(ов)

06:24:32

Русский

2020

Премиум

От 4.99$

    Данный курс

  • 7.99 $

Описание

За неполных 7 часов вы узнаете что такое Gulp, начнёте использовать сборку вёрстки на практике. В курсе есть информация о правильном структурировании CSS, HTML код, а также о CSS препроцессоре - SCSS и шаблонизаторе PUG, применять в верстке переменные, миксины, подключаемые секции, шаблоны и разделять верстку и контент. После просмотра всего видеокурса вы сможете выполнять заказы на фрилансе в которых фигурирует Gulp - сборка, препроцессоры и шаблонизатор PUG.


Что будет на интенсиве:


1. Освоим инструменты: консоль, npm, Gulp.


Установим консоль. Разберемся с тем как работают npm пакеты. Установи Gulp. Напишем первые Gulp таски. Установим локальный сервер.


2. Настроим работу с препроцессором SCSS.


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


3. Закрепим все на практике, на учебном макете.


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


4. Познакомимся с шаблонизатором PUG.


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


5. Еще раз закрепим на практике.


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


По окончанию интенсива у тебя будет:

  1. Код чистой сборки для небольших проектов
  2. Пример верстки сайта на данной сборке
  3. Код сборки Gulp + PUG + JSON для объемных, сложных проектов
  4. Пример верстки сайта на продвинутой сборке

Видеокурс

Это демо - урок(и)

Комментарии

Добавить отзыв

Откройте «Премиум» доступ!

Получайте новые знания в полном объеме, не ограничивайте себя :)

Подробнее

Вступай в наше сообщество!

Любому IT-нику нужны единомышленники. К тому-же в нашем чате Вы можете заказать курс, который вас интересует.