Open source воркшопы

Воркшопы, которые обучают веб разработке. Создавайте собственные воркшопы или присоединяйтесь к разработке существующих в вашей стране.

Браузерное расширение "30 Seconds"

30 Seconds of Knowledge меняет стартовую страницу. При открытии новой вкладки подтягивает какой-то прикольный код-семпл с обьяснением и показывает на стартовой странице.
Можно настроить по темам и языкам программирования.

CSS Scan 2.0

открыть

CSS Scan 2.0 - The fastest and easiest way to inspect or copy CSS

Полная настройка Webpack 4

7 полезных видео уроков:

🖍 Настройка Webpack 4 шаблона. Установка Babel 7 и webpack dev server. Настройка js на примере vue
🖍 Полная настройка Webpack 4 препроцессоров. Sass, настройка post css плагинов, минификация стилей.
🖍 Самое важное по WEBPACK 4 - обработка картинок и html. Webpack-merge. Обработка статических файлов
🖍 Подключение VUE и VUEX, забываем jQuery. Использование vuejs в верстке.
🖍 Ускоряем загрузку JS в 3-4 раза. Code Splitting и vendors.js
🖍 Лучший способ подключения и обработки шрифтов.
🖍 Полная настройка шаблонизатора pug. Использование в верстке и не только

Webpack. Full Course 2020

Webpack. Полный Курс 2020
После него ты научишься создавать любые сборки под любые проекты.
Почему курс почти 3 часа? В нем рассказываю про почти все в деталях: babel, typescript, eslint, sass, less, react jsx, hmr, dev server, шрифты, картинки, xml, csv. Расскажу про оптимизацию приложения с разными билдами, решение проблем с кешированием, настройку Webpack для разных окружений, анализ бандла и просто best practices
После курса больше не будет пробелов, относительно того, как работают и собираются современные Frontend приложения
Приятного просмотра
Исходный код

Вебпак, вид сквозь монокль

открыть на ютубе

Рассмотрим хорошие практики современных сборщиков в мире фронтенда. Разберём популярные проблемы.