frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
4 ч 10 мин
Категория
Webpack
Количество уроков
37 Видео
Дата добавления
13 июл. 2018 г., 16:59
Язык
Английский
Дата выхода
29 июн. 2018 г., 10:00
Дата обновления
13 июл. 2018 г., 17:17
Изучите основные понятия Webpack 4 с Шоном Ларкин - сторонником Webpack. Вы начнете полностью с нуля, добавив webpack с npm и разделите свои разработки и производственные среды. Затем вы научитесь "лениво" загружать свой JavaScript с помощью разбиения кода, удалять код, который вам не нужен и управлять всем конвейером сборки с помощью популярных загрузчиков и плагинов из экосистемы Webpack. Будьте уверены в создании и отправке кода с помощью Webpack - сборщика с открытым исходным кодом, отвечающего за работу некоторых из самых популярных и высокопроизводительных веб-приложений!
https://docs.google.com/presentation/d/1hFtMCMo62DgOIc-9OwgaVwPZHwv1cgMELArHcMbXlSI/edit
https://github.com/thelarkinn/webpack-workshop-2018
!Видео в формате .webm - точно работает в Google Chrome!
Посмотреть больше
-
Урок 1. 00:05:05Introduction
-
Урок 2. 00:09:52Problems with Script Loading
-
Урок 3. 00:10:20History of Modules
-
Урок 4. 00:04:03EcmaScript Modules (ESM)
-
Урок 5. 00:08:49Introducing Webpack
-
Урок 6. 00:03:12Configuring Webpack
-
Урок 7. 00:07:05Using Webpack for the First Time
-
Урок 8. 00:06:39Adding npm Scripts for Environment Builds
-
Урок 9. 00:07:05Setting Up Debugging
-
Урок 10. 00:05:04Coding Your First Module
-
Урок 11. 00:01:42Adding Watch Mode
-
Урок 12. 00:04:46ES Module Syntax
-
Урок 13. 00:05:17CommonJS Export
-
Урок 14. 00:07:11CommonJS Named Exports
-
Урок 15. 00:04:46Tree Shaking
-
Урок 16. 00:10:21Webpack Bundle Walkthrough
-
Урок 17. 00:02:48Webpack Entry
-
Урок 18. 00:06:24Output & Loaders
-
Урок 19. 00:05:32Chaining Loaders
-
Урок 20. 00:04:47Webpack Plugins
-
Урок 21. 00:02:35Webpack Config
-
Урок 22. 00:04:44Passing Variable to Webpack Config
-
Урок 23. 00:04:47Adding Webpack Plugins
-
Урок 24. 00:06:55Setting Up a Local Development Server
-
Урок 25. 00:05:28Starting to Code with Webpack
-
Урок 26. 00:09:52Splitting Environment Config Files
-
Урок 27. 00:06:05Webpack Q&A
-
Урок 28. 00:07:44Using CSS with Webpack
-
Урок 29. 00:12:11Hot Module Replacement with CSS
-
Урок 30. 00:07:26File Loader & URL Loader
-
Урок 31. 00:06:29Loading Images with JavaScript
-
Урок 32. 00:05:09Limit Filesize Option in URL Loader
-
Урок 33. 00:16:00Implementing Presets
-
Урок 34. 00:05:50Bundle Analyzer Preset
-
Урок 35. 00:05:29Compression Plugin
-
Урок 36. 00:10:01Source Maps
-
Урок 37. 00:12:52Q&A and Closing Remarks
Автор - frontendmasters
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Webpack 4: За пределами основ
Webpack 4: Beyond the Basics
Быстрые, основанные на примерах руководства Javascript в последней версии Webpack 4.8.3. React, Angular, SSR и миграция с Ver 3 обро пожаловать в поваренную книгу веб-хакера для создания современных приложений javascript с помощью загрузчика модулей Webpack.Я стараюсь сделать этот курс «За пределами основ» доступным для всех уровней квалификации. Он ориентирован на людей, которые видели основы и немного перепутались, но все же не
Знакомство с Webpack 4 (Воркшоп)
Знакомство с Webpack 4
Познакомьтесь с самым популярным инструментом для сборки JavaScript-проектов - Webpack. Использование webpack 4 теперь гарантирует вам на 98% сокращение времени сборки для ваших проектов благодаря повышению производительности. Я попробовал это самостоятельно в существующем проекте webpack, который использовал webpack 3, и результат уменьшил время сборки на 2x. Вы сами можете это проверить.
frontendmasters
11 мая 2018 г., 16:23
Развертывание веб-приложений с помощью Webpack
Deploying Web Applications with Webpack
Этот воркшоп предназначен для тех, кто учится использовать Webpack, ответственный за включение некоторых из самых популярных высокопроизводительных приложений! Вы узнаете, почему вы должны использовать webpack для создания своих веб-приложений и как использовать webpack как критическую часть вашей архитектуры front-end или Node.js-build. Мы рассмотрим основные концепции webpack, поймем, как организовать и составить возможности webpack, и узнать,
frontendmasters
13 июл. 2018 г., 17:16
Веб-производительность с Webpack
Web Performance with Webpack
Научитесь решать наиболее распространенные проблемы производительности веб-сайта, c основным разработчиком Webpack 4! Вы научитесь создавать сайты с мгновенной загрузкой путем ленивой загрузки JavaScript с разбиением кода, удаления неиспользуемого кода и предварительной выборки активов с помощью магических комментариев. Webpack был создан специально для веб-производительности, и этот курс Шон научит вас использовать все мощные функции оптимизации
frontendmasters
13 июл. 2018 г., 17:31
Webpack Плагины
Mastering Webpack Plugins
Погрузитесь в систему плагинов Webpack 4 и познакомьтесь с исходным кодом Webpack с Sean Larkin - основным разработчиком Webpack 4. Вы получите обзор подключаемых экземпляров для создания плагинов Webpack: компилятор, компиляция, Resolver, Module Factories, Parser и Templates. Затем создадите настраиваемый плагин, изолируете поведение плагина и создадите кастомный загрузчик.