Все курсы в одном комплекте:
Создание сайта от А до Я:
Сегодня мы подробно рассмотрим, что такое Gulp и как с его помощью можно автоматизировать работу Front-end разработчика. В результате урока мы соберем серьезное и внушительное рабочее Front-end окружение для веб-разработки с использованием Gulp. Страница урока:
Внимание! В данном уроке рассматривается работа с предыдущей версией Gulp 3. Рекомендую изучить новый актуальный урок «Gulp - Актуальное и исчерпывающее руководство для самых маленьких» -
Таймкоды: 00:00 Начало урока 04:13 Установка Node.js и Gulp 07:34 Инициализация проекта npm 09:23 Обзор файла package.json 10:32 Установка Gulp 11:36 Обзор папки node_modules 12:38 Создание структуры Gulp-проекта 15:29 Создание gulpfile.js и подключение Gulp 16:30 Понимание задач (тасков) Gulp 22:30 Установка препроцессора Sass и создание таска 33:52 Наблюдение за файлами Gulp watch 36:47 Создание файла index.html и HTML-структуры 37:07 Установка и настройка Browsersync 43:39 Модификация тасков для автообновления страницы 47:01 Как работает Browsersync 49:02 Обновление страницы при сохранении HTML и JS 52:02 Работа с JavaScript (подключение bower, модулей, сжатие JS) 1:06:16 Подключение стилей плагинов в Sass 1:08:29 Сжатие CSS 1:14:47 Создание таска "build" (сборка проекта) 1:26:20 Сжатие изображений в Gulp (оптимизация) 1:35:38 Работа с Autoprefixer CSS ВКонтакте:
https://vk.com/jediweb Телеграм:
Дзен: