Верстка сайтов [Webcademy] Gulp Сборка. Ускорение верстки

[Малыш Джон]

Автор: Webcademy
Название: Gulp Сборка. Ускорение верстки

Внедрите Gulp сборку и препроцессоры в свою верстку. За счет сборки вы увеличите скорость разработки больших проектов будь то лендинг на 10 экранов или многостраничный сайт на 20 страниц. Ощути всю мощь препроцессоров LESS / SCSS и шаблонизатора PUG.

Программа курса:
- NPM - для установки пакетов
- BrowserSync - для запуска автообновления страницы
- Gulp – для системы сборки проекта
- Препроцессоры и шаблонизаторы. Наводим порядок в проекте.
- Препроцессоры LESS и SASS
- Основы работы с препроцессором LESS
- Основы работы с препроцессором SASS
- Основы работы с шаблонизатором PUG
- Реальный боевой пример. Применяем сборку и новые технологии для разработки лендинга
- Внедряем сборку в проект
- Пишем стили на препроцессорах
- Меняем HTML на PUG разметку

Подробнее:

Скачать:

 

[crazyworm]

С Gulp я столкнулся взяв один из проектов на фрилансе. Все откладывал изучение и, честно говоря, достаточно зря. Как выяснилось, это очень мощный инструмент, который позволяет серьезно ускорить и упростить работу.

Что касается самого курса. Курс очень легкий и понятный. Материал подается доступным языком, даются все необходимые объяснения. Автор попутно цепляет достаточно важные вопросы, которые вам обязательно потребуются в работе.

Оценку я поставил 4,5 вместо 5. Причина этому простая — курс уже слегка устарел. Информация в нем на 100% про Gulp версии 3. В новой версии Gulp есть отличия, которые выливаются в ошибки при копировании кода из курса. Но ошибки достаточно просто лечатся, Google спасает. Например, раньше в gulp.task можно было просто перечислить необходимые к запуску таски как массив. В новой версии вам потребуется использование gulp.series. Тоже с автопрефиксером, вместо browsers надо использовать overrideBrowserslist (правда об этом мне заботливо сообщил сам автопрефиксер).

Качество видео и звука, как водится для подобного формата курсов, на высоте. Диктор рассказывает достаточно приятно, без отвлекающийх косяков.

Крайне рекомендую курс к изучению тем, кто связал свою жизнь с версткой и JavaScript )))

 

[altx]

Видео "PUG часть 2-я" находится в папке "День 1", вместо папки "День 2"

 

[crazyworm]

Видео "PUG часть 2-я" находится в папке "День 1", вместо папки "День 2"

Администрация сайта поправила, теперь все лежит по нужным папочкам :)