Разобраться в Gulp
Сейчас на работе я зачастую использую уже готовые сборщики на основе Gulp. Чаще всего нахожу на github какой-нибудь Yeoman-генератор под нужный мне стек и юзаю его. Однако приходится вносить какие-то правки ,изменять конфиги и т.д. Готовые сборщики ,которые пилятся командами и выкладываются на githab довольно сложно устроены ,и иногда тяжковато что-то там поправить без каких-либо последствий.
Моя цель - разобраться в системе Gulp. Уметь быстро и без напряга разобраться в готовом сборщике и донастроить его под себя. Скорее всего достаточно будет посмотреть сринкаст от Кантора и прочесть пару статеек.
К тому же данная цель является одним из пунктов ,которые я обозначил для себя обязательными для становления Middle Frontend Developer. Все таки ,чтобы быть профессионалом ,нужно шарить в том ,что ты используешь.
Goal Accomplishment Criteria
Понимаю ,как там все работает. Могу написать собственную сборку или без труда поправить существующую
-
Вебинар от loftschool из курса "Продвинутая веб-разработка" - Workflow #2
-
Вебинар
-
Методичка
-
-
Скринкаст по NodeJs
Кантор советует прежде посмотреть некоторые уроки из первой части его скринкастов по NodeJS для лучшего понимания материала
-
Введение в Node.JS, об этом скринкасте
-
Что такое Node.JS? Почему Node.JS?
-
Установка и запуск
-
Исходники и документация
-
Модули для Node.JS
-
Приёмы работы с модулями
-
Введение в NPM - менеджер пакетов для Node.JS
-
Структура пакета NPM
-
Глобальные модули
-
События, EventEmitter и утечки памяти
-
Работа с файлами, модуль fs
-
Безопасный путь к файлу в fs и path
-
Потоки данных в Node.JS, fs.ReadStream
-
Writable поток ответа res, метод pipe
-
-
Скринкаст от Кантора по "гальп"
-
Что такое Gulp? Сравнение с Grunt и Webpack
-
Установка и запуск задач
-
Потоки Vinyl-FS
-
Начальная сборка стилей
-
Инкрементальная сборка, watch
-
Инкрементальность и производительность
-
Автоперезагрузка браузера: browser-sync
-
Обработка ошибок
-
Создание плагинов при помощи through2
-
Более сложный поток: eslint, gulp-if, stream-combiner2
-
Понимаем ли мы потоки Node.JS?
-
Организация gulpfile'а
-
Стили + ресурсы, спрайты, продакшн
-
Интеграция Gulp и Webpack
-
Don't miss new posts!
Subscribe for the Goal and follow through to its completion
