Инфраструктура Frontend: npm, modules, webpack, jest, babel, eslint | пакеты, модули, бандлы и тесты

Основательно говорим про инфраструктуру фронтенд разработки. Обсуждаем зачем нужны пакеты и npm. Разбираем системы модулей: commonJs, AMD, UMD и es6-modules в JavaScript. Погружаемся в то, как работают asset-managers: bundlers (webpack/rollup) и task-runners (gulp/grunt). Рассказываю про babel и полифиллы и зачем фронтендеры компилируют javascript в javascript. А также касаемся unit-tests на jest, линтинга на prettier/eslint, i18n и много чего другого!
Запись 2 части 8 лекции курса Frontend разработки в образовательном проекте МГТУ им. Баумана и VK Образования park.vk.company/curriculum/pr... .
Таймкоды:
00:00 Вступление: про что будет лекция?
06:00 Внешние модули и библиотеки, делегирование
11:21 Пакеты и npm
19:17 CommonJs
22:22 AMD
25:30 UMD
27:14 ES6 Modules
28:55 Asset managers
29:30 Task runners
30:31 Почему важно минифицировать CSS/JS и др. статику?
36:32 Что такое Bundlers (webpack) и зачем они нужны?
42:54 Bundle splitting
52:55 Tree Shaking
56:57 Asset managers: завершение
01:01:21 Polyfills
01:03:48 Babel
01:09:53 Unit tests и Jest
01:12:04 i18n
01:12:54 Статический анализ кода: eslint + prettier
01:15:05 hot-reload
Мои соцсети, где мне можно задать вопросы:
LinkedIn: / volodin11
VK: vileven
Facebook: / volodin11
Instagram: / volodin11
Twitter: / vileven11
#сss #javascript #frontend #фронтенд #web #вебразработка #фронтендразработка #программирование #js #css3 #cssvariables #вёрстка #верстка #версткасайта #webpack #rollup #es6 #npm #i18n #babel #jest #unittesting #packages

[@user-kx6hs7yo1d]

Оч классный видик, спасибо большое

[@sashap1rus562]

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

[@user-cm4db1ym4o]

Спасибо! Очень крутая лекция

[@user-if7fk9dw4b]

Спасибо за лекцию! продолжай, "околопроектные штучки", настройки, автоматизация проекта и остальные штуки не часто рассматриваются, хотя заслуживают далеко не второстепенное внимание !

[@user-wh9mc2po7g]

Супер контент, подписался