Основательно говорим про инфраструктуру фронтенд разработки. Обсуждаем зачем нужны пакеты и 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 Образования
https://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:
https://vk.com/vileven Facebook: / volodin11 Instagram: / volodin11 Twitter: / vileven11 #сss #javascript #frontend #фронтенд #web #вебразработка #фронтендразработка #программирование #js #css3 #cssvariables #вёрстка #верстка #версткасайта #webpack #rollup #es6 #npm #i18n #babel #jest #unittesting #packages
