Главная страницаКатегория webpackWebpack 5 Ninja - Создание микрофронтенда и веб-приложений

Webpack 5 Ninja - Создание микрофронтенда и веб-приложений

Name: Webpack 5 Ninja - Создание микрофронтенда и веб-приложений
Price: 12.5 USD
Rating: 5 (15 reviews)

Webpack 5 Ninja - Build Micro frontend and web apps

udemy

★5 (всего оценок - 15)

Продолжительность

8 ч 26 мин

Категория

Webpack

Количество уроков

83 Видео

Дата добавления

2 мар. 2023 г., 20:19

Язык

Английский

Дата выхода

18 мар. 2022 г., 01:00

Дата обновления

29 апр. 2026 г., 17:03

Хотите уверенно владеть Webpack 5 и научиться создавать быстрые, масштабируемые веб‑приложения и микрофронтенды? Этот курс поможет вам пройти путь от базовых принципов до продвинутых техник сборки, используя реальные практические примеры и оптимизационные подходы, применимые в современных проектах.

Что вы узнаете в этом курсе

Материал выстроен так, чтобы плавно провести вас от фундаментальных понятий Webpack 5 к созданию профессиональной конфигурации под реальные проекты.

Основы Webpack 5

Как работает Webpack и зачем он нужен
Входные точки, выходные файлы, режимы сборки
Загрузка CSS, изображений и других ассетов

Продвинутые возможности

Оптимизация бандлов и ускорение загрузки
Работа с кешированием и минификацией
Использование плагинов для автоматизации рутинных задач
Создание конфигураций для разработки и продакшена

Микрофронтенды на Webpack 5

Вы узнаете, как использовать Module Federation и другие техники для построения модульных, масштабируемых веб‑архитектур.

Практическая часть курса

На протяжении обучения вы будете работать с реальным проектом, шаг за шагом внедряя изученные концепции. Такой подход помогает глубже понять механику Webpack и применять знания в своих проектах.

Создание React‑приложения без CRA

В бонусном разделе вы самостоятельно настроите React‑проект без create-react-app, что даст понимание всего процесса сборки и работы инструментов “под капотом”.

Для кого подходит этот курс

Начинающих разработчиков, которые впервые знакомятся с Webpack
Фронтенд‑специалистов, желающих улучшить навыки оптимизации
Разработчиков на HTML/CSS/JS, React, Angular и других фреймворках
Тех, кто хочет освоить основы микрофронтенд‑архитектуры

Почему стоит выбрать этот курс

Четкая, логичная структура подачи материала
Максимум практики и минимум теории ради теории
Полные ресурсы и исходники на GitHub
Пошаговое объяснение каждого концепта простым языком

После прохождения курса вы сможете уверенно настраивать Webpack 5 под любые задачи, оптимизировать веб‑проекты и разрабатывать современные микрофронтенды.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

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

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198