udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Webpack 5 Ninja - Создание микрофронтенда и веб-приложений
Webpack 5 Ninja - Build Micro frontend and web apps
Продолжительность
8 ч 26 мин
Категория
Webpack
Количество уроков
83 Видео
Дата добавления
2 мар. 2023 г., 20:19
Язык
Английский
Дата выхода
18 мар. 2022 г., 01:00
Webpack - один из самых важных инструментов для всех веб-приложений. Это будет очень практический курс, мы рассмотрим базовые понятия и некоторые из продвинутых концепций Webpack 5 и посмотрим, как мы cможем использовать этот инструмент для оптимизации веб-приложения. Мы не только рассмотрим концепции, но и возьмем реальный веб-сайт, который я создал для этого курса, и применим все наше понимание к нему. Мы будем применять основные концепции, такие как загрузчики для загрузки CSS/изображений и многое другое.
Будем использовать плагины для автоматизации множества вещей, а затем посмотрим, как мы сможем настроить конфигурации, характерные как для среды разработки, так и для рабочей среды.
Я также включил бонусный раздел, в котором мы создадим приложение React с нуля без использования утилиты «create react app». Это даст четкое понимание всех концепций и того, что происходит за кулисами.
Я изо всех сил старался структурировать этот курс самым простым способом, и будут все ресурсы, доступные для загрузки на Github, а также прикрепленные к этому курсу.
Этот курс не требует каких-либо знаний о Webpack и будет полезен всем разработчикам, создающим веб-сайт любого типа, будь то использование основного HTML CSS или фреймворков и библиотек, таких как React и Angular.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:03:48Introduction
-
Урок 2. 00:07:35What is Webpack
-
Урок 3. 00:02:26Software installations
-
Урок 4. 00:05:19Understanding basic concepts
-
Урок 5. 00:02:09***IMP*** Source Code download
-
Урок 6. 00:08:08Basic HTML Javascript Setup
-
Урок 7. 00:08:49Adding webpack configuration
-
Урок 8. 00:05:58Fixing our button click
-
Урок 9. 00:12:58CommonJS modules
-
Урок 10. 00:09:56ES6 Modules
-
Урок 11. 00:00:53Loaders Section Introduction
-
Урок 12. 00:04:50What are loaders ?
-
Урок 13. 00:07:54CSS loaders Part 1
-
Урок 14. 00:13:02CSS loaders Part 2
-
Урок 15. 00:08:11SCSS Loaders
-
Урок 16. 00:10:27Loading images in JS
-
Урок 17. 00:05:13Fonts loaders
-
Урок 18. 00:01:26Loaders Recap
-
Урок 19. 00:01:07Plugins section introduction
-
Урок 20. 00:09:30Multiple entry bundle
-
Урок 21. 00:02:51what are plugins ?
-
Урок 22. 00:09:54Using HTML Webpack plugin
-
Урок 23. 00:02:23Fixing our broken page
-
Урок 24. 00:05:36Automated Reloading ( Dev Server )
-
Урок 25. 00:01:44Section overview Webpack Website
-
Урок 26. 00:07:52Install dependencies via NPM
-
Урок 27. 00:04:56Basic Webpack config
-
Урок 28. 00:10:57CSS | SCSS loaders setup
-
Урок 29. 00:06:44Dev server setup
-
Урок 30. 00:06:57Analyse the issue
-
Урок 31. 00:06:56Copy assets to dist folder
-
Урок 32. 00:03:35Fixing the imports in courses page
-
Урок 33. 00:01:39Optimization section introduction
-
Урок 34. 00:03:43What is code splitting ?
-
Урок 35. 00:06:52Analyzing the Webpack build
-
Урок 36. 00:07:21Webpack split chunk
-
Урок 37. 00:06:45Lazy loading | Dynamic imports
-
Урок 38. 00:02:24Adding hash to output bundle files
-
Урок 39. 00:01:19Production Optimization section introduction
-
Урок 40. 00:07:36Extract CSS from HTML
-
Урок 41. 00:07:40Shimming
-
Урок 42. 00:08:56Remove dead CSS
-
Урок 43. 00:05:32Tree shaking | Webpack Production mode
-
Урок 44. 00:02:46Production vs Development mode
-
Урок 45. 00:10:20Splitting webpack configuration part - 1
-
Урок 46. 00:05:21Splitting webpack configuration part - 2
-
Урок 47. 00:03:19Section introduction React app using Webpack
-
Урок 48. 00:04:58Basic HTML and JS configuration
-
Урок 49. 00:03:45Define Entry , Output configurations
-
Урок 50. 00:05:36Adding Loaders | Dev server configurations
-
Урок 51. 00:09:23Adding Babel loader
-
Урок 52. 00:02:25Fixing our routing issue
-
Урок 53. 00:04:36Post CSS Loaders configuration
-
Урок 54. 00:07:51ESLint configuration
-
Урок 55. 00:03:01Section introduction Micro-frontends
-
Урок 56. 00:08:25Why Micro-frontends
-
Урок 57. 00:05:08Micro-frontends project introduction
-
Урок 58. 00:07:02Starting of applications servers
-
Урок 59. 00:03:45Module federation basics
-
Урок 60. 00:07:32Exposing components
-
Урок 61. 00:05:39Fetching movies data to homepage
-
Урок 62. 00:10:28Importing remote components
-
Урок 63. 00:03:24Rendering all movies list
-
Урок 64. 00:05:48Exercise: Use the Typography component
-
Урок 65. 00:03:51Initialise more Micro-frontends
-
Урок 66. 00:05:05Setup movie app base
-
Урок 67. 00:08:42Adding homepage to movie app
-
Урок 68. 00:07:27Fixing the rendering issue
-
Урок 69. 00:12:22Adding details page and booking route
-
Урок 70. 00:05:52Navigating to the details page
-
Урок 71. 00:04:00Passing movie id as the path path parameter
-
Урок 72. 00:11:03Navigating via quick booking
-
Урок 73. 00:06:08State management introduction
-
Урок 74. 00:10:02RXJS basics
-
Урок 75. 00:11:08Publishing booking data to ovservable
-
Урок 76. 00:08:29Consuming the event on booking page
-
Урок 77. 00:02:00Rendering the data on booking page
-
Урок 78. 00:07:57Publish booking and routing data to details page
-
Урок 79. 00:02:21Micro-frontend conclusion
-
Урок 80. 00:00:53Course Conclusion
-
Урок 81. 00:04:41Managing System Environment
-
Урок 82. 00:05:12NodeJS Path Module
-
Урок 83. 00:09:19Regular Expressions
Автор - udemy
Комментарии
-
Artmaniох усач
