0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p>В ближайшее время менеджер Центра свяжется с вами для уточнения деталей и оплаты заказа.</p>
1
<p>В ближайшее время менеджер Центра свяжется с вами для уточнения деталей и оплаты заказа.</p>
2
<p>На ваш e-mail<a>xxx@mail.ru</a>мы отправили письмо с информацией о заказе.</p>
2
<p>На ваш e-mail<a>xxx@mail.ru</a>мы отправили письмо с информацией о заказе.</p>
3
<h2>Описание курса</h2>
3
<h2>Описание курса</h2>
4
<p>Обучение проходит на Webpack 5</p>
4
<p>Обучение проходит на Webpack 5</p>
5
<p>Webpack - это мощный инструмент сборки для разработки веб-приложений. Он позволяет объединять и упаковывать различные модули и ресурсы вашего проекта в один или несколько бандлов, которые затем могут быть развернуты на сервере.</p>
5
<p>Webpack - это мощный инструмент сборки для разработки веб-приложений. Он позволяет объединять и упаковывать различные модули и ресурсы вашего проекта в один или несколько бандлов, которые затем могут быть развернуты на сервере.</p>
6
<p>Webpack предоставляет множество функциональных возможностей, которые делают процесс сборки более эффективным и удобным. Он поддерживает различные типы файлов, такие как JavaScript, CSS, изображения, шрифты и другие, и автоматически обрабатывает их с помощью соответствующих загрузчиков.</p>
6
<p>Webpack предоставляет множество функциональных возможностей, которые делают процесс сборки более эффективным и удобным. Он поддерживает различные типы файлов, такие как JavaScript, CSS, изображения, шрифты и другие, и автоматически обрабатывает их с помощью соответствующих загрузчиков.</p>
7
<p>Одна из главных особенностей Webpack - это его способность разрешать зависимости между модулями. Он позволяет импортировать и экспортировать функции, классы и переменные из одного модуля в другой, что облегчает организацию кода и повышает его переиспользуемость. Webpack также поддерживает использование плагинов, которые расширяют его функциональность. Например, вы можете использовать плагины для оптимизации кода, минификации файлов, генерации HTML-страниц и многого другого.</p>
7
<p>Одна из главных особенностей Webpack - это его способность разрешать зависимости между модулями. Он позволяет импортировать и экспортировать функции, классы и переменные из одного модуля в другой, что облегчает организацию кода и повышает его переиспользуемость. Webpack также поддерживает использование плагинов, которые расширяют его функциональность. Например, вы можете использовать плагины для оптимизации кода, минификации файлов, генерации HTML-страниц и многого другого.</p>
8
<p>Одна из наиболее значимых особенностей Webpack - это его способность к разделению кода на чанки. Это позволяет загружать только необходимые части кода при необходимости, что улучшает производительность вашего приложения.</p>
8
<p>Одна из наиболее значимых особенностей Webpack - это его способность к разделению кода на чанки. Это позволяет загружать только необходимые части кода при необходимости, что улучшает производительность вашего приложения.</p>
9
<p>В целом, Webpack - это мощный инструмент, который помогает разработчикам управлять и собирать комплексные проекты. Он облегчает разработку, улучшает производительность и позволяет создавать эффективные веб-приложения.</p>
9
<p>В целом, Webpack - это мощный инструмент, который помогает разработчикам управлять и собирать комплексные проекты. Он облегчает разработку, улучшает производительность и позволяет создавать эффективные веб-приложения.</p>
10
<p>Курс рекомендован фронтенд-разработчикам.</p>
10
<p>Курс рекомендован фронтенд-разработчикам.</p>
11
<p><a>Узнать больше</a></p>
11
<p><a>Узнать больше</a></p>
12
<h2>Вы научитесь</h2>
12
<h2>Вы научитесь</h2>
13
<ul><li>устанавливать Webpack в папку проекта</li>
13
<ul><li>устанавливать Webpack в папку проекта</li>
14
<li>импортировать JS-файлы и их функционал</li>
14
<li>импортировать JS-файлы и их функционал</li>
15
<li>выполнять сборку командой npx webpack</li>
15
<li>выполнять сборку командой npx webpack</li>
16
<li>настраивать и выполнять сборку командой npm run build</li>
16
<li>настраивать и выполнять сборку командой npm run build</li>
17
<li>настраивать несколько точек входа</li>
17
<li>настраивать несколько точек входа</li>
18
<li>устанавливать плагин HtmlWebpackPlugin и генерировать новый HTML в сборку</li>
18
<li>устанавливать плагин HtmlWebpackPlugin и генерировать новый HTML в сборку</li>
19
<li>указывать новый title для сгенерированного HTML-файла</li>
19
<li>указывать новый title для сгенерированного HTML-файла</li>
20
<li>чистить папку сборки dist от неиспользуемых файлов</li>
20
<li>чистить папку сборки dist от неиспользуемых файлов</li>
21
<li>включать режим разработки</li>
21
<li>включать режим разработки</li>
22
<li>включать поддержку ресурсных карт</li>
22
<li>включать поддержку ресурсных карт</li>
23
<li>запускать webpack в режиме наблюдения</li>
23
<li>запускать webpack в режиме наблюдения</li>
24
<li>реализовывать динамический импорт</li>
24
<li>реализовывать динамический импорт</li>
25
<li>предотвращать дублирование между чанками с помощью dependOn</li>
25
<li>предотвращать дублирование между чанками с помощью dependOn</li>
26
<li>исключать дублирующие зависимости при помощи SplitChunksPlugin</li>
26
<li>исключать дублирующие зависимости при помощи SplitChunksPlugin</li>
27
<li>устанавливать и запускать webpack-dev-server</li>
27
<li>устанавливать и запускать webpack-dev-server</li>
28
<li>получать статистику по webpack</li>
28
<li>получать статистику по webpack</li>
29
<li>выводить рантайм-код webpack в отдельный файл</li>
29
<li>выводить рантайм-код webpack в отдельный файл</li>
30
<li>выносить в отдельный файл сторонние библиотеки</li>
30
<li>выносить в отдельный файл сторонние библиотеки</li>
31
<li>получать данные переменных окружения в webpack.config.js</li>
31
<li>получать данные переменных окружения в webpack.config.js</li>
32
<li>передавать переменные окружения в webpack</li>
32
<li>передавать переменные окружения в webpack</li>
33
<li>указывать разные конфигурационные файлы для разработки и производства</li>
33
<li>указывать разные конфигурационные файлы для разработки и производства</li>
34
<li>вместе с вызовом webpack кросс-системно передавать переменные окружения</li>
34
<li>вместе с вызовом webpack кросс-системно передавать переменные окружения</li>
35
<li>передавать переменные окружения из .env-файла</li>
35
<li>передавать переменные окружения из .env-файла</li>
36
<li>получать данные из дополнительных env-файлов</li>
36
<li>получать данные из дополнительных env-файлов</li>
37
<li>использовать ленивую загрузку</li>
37
<li>использовать ленивую загрузку</li>
38
<li>настроить глобальный доступ к объекту</li>
38
<li>настроить глобальный доступ к объекту</li>
39
<li>настраивать работу webpack с React</li>
39
<li>настраивать работу webpack с React</li>
40
<li>создавать сборку приложения на React</li>
40
<li>создавать сборку приложения на React</li>
41
<li>настраивать работу webpack с PHP</li>
41
<li>настраивать работу webpack с PHP</li>
42
<li>настраивать работу webpack с TypeScript</li>
42
<li>настраивать работу webpack с TypeScript</li>
43
<li>настраивать копирование активов в нужную папку</li>
43
<li>настраивать копирование активов в нужную папку</li>
44
<li>настраивать вынос CSS в отдельные файлы</li>
44
<li>настраивать вынос CSS в отдельные файлы</li>
45
<li>настраивать обработку SASS-файлов</li>
45
<li>настраивать обработку SASS-файлов</li>
46
<li>выполнять минификацию CSS</li>
46
<li>выполнять минификацию CSS</li>
47
<li>включать eslint для проверки JS-кода</li>
47
<li>включать eslint для проверки JS-кода</li>
48
</ul><p>Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы.</p>
48
</ul><p>Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы.</p>
49
<p>Обучение по мировым стандартам позволяет нашим выпускникам работать в ведущих компаниях России и других стран. Они делают успешную карьеру и пользуются уважением работодателей.</p>
49
<p>Обучение по мировым стандартам позволяет нашим выпускникам работать в ведущих компаниях России и других стран. Они делают успешную карьеру и пользуются уважением работодателей.</p>
50
<p><a>Узнать больше</a></p>
50
<p><a>Узнать больше</a></p>
51
<h2>Предварительная подготовка</h2>
51
<h2>Предварительная подготовка</h2>
52
<p><a>Узнать больше</a></p>
52
<p><a>Узнать больше</a></p>
53
<h2>Программа курса</h2>
53
<h2>Программа курса</h2>
54
<p><strong>Модуль 1. Введение в Webpack5 (0,5 ак. ч.)</strong></p>
54
<p><strong>Модуль 1. Введение в Webpack5 (0,5 ак. ч.)</strong></p>
55
<p><strong>Модуль 2. Управление активами (assets) (0,5 ак. ч.)</strong></p>
55
<p><strong>Модуль 2. Управление активами (assets) (0,5 ак. ч.)</strong></p>
56
<p><strong>Модуль 3. Управление выводом (Output Management) (0,5 ак. ч.)</strong></p>
56
<p><strong>Модуль 3. Управление выводом (Output Management) (0,5 ак. ч.)</strong></p>
57
<p><strong>Модуль 4. Разработка (0,5 ак. ч.)</strong></p>
57
<p><strong>Модуль 4. Разработка (0,5 ак. ч.)</strong></p>
58
<p><strong>Модуль 5. Разделение кода (0,5 ак. ч.)</strong></p>
58
<p><strong>Модуль 5. Разделение кода (0,5 ак. ч.)</strong></p>
59
<p><strong>Модуль 6. Кэширование (0,5 ак. ч.)</strong></p>
59
<p><strong>Модуль 6. Кэширование (0,5 ак. ч.)</strong></p>
60
<p><strong>Модуль 7. Создание библиотек (0,5 ак. ч.)</strong></p>
60
<p><strong>Модуль 7. Создание библиотек (0,5 ак. ч.)</strong></p>
61
<p><strong>Модуль 8. Переменные (среды) окружения (0,5 ак. ч.)</strong></p>
61
<p><strong>Модуль 8. Переменные (среды) окружения (0,5 ак. ч.)</strong></p>
62
<p><strong>Модуль 9. Горячая замена модуля/Hot Module Replacement (0,5 ак. ч.)</strong></p>
62
<p><strong>Модуль 9. Горячая замена модуля/Hot Module Replacement (0,5 ак. ч.)</strong></p>
63
<p><strong>Модуль 10. Сотрясение дерева/Tree Shaking (0,5 ак. ч.)</strong></p>
63
<p><strong>Модуль 10. Сотрясение дерева/Tree Shaking (0,5 ак. ч.)</strong></p>
64
<p><strong>Модуль 11. Производство/Production (0,5 ак. ч.)</strong></p>
64
<p><strong>Модуль 11. Производство/Production (0,5 ак. ч.)</strong></p>
65
<p><strong>Модуль 12. Ленивая загрузка/Lazy Loading (0,5 ак. ч.)</strong></p>
65
<p><strong>Модуль 12. Ленивая загрузка/Lazy Loading (0,5 ак. ч.)</strong></p>
66
<p><strong>Модуль 13. Мерцание/Shimming (0,5 ак. ч.)</strong></p>
66
<p><strong>Модуль 13. Мерцание/Shimming (0,5 ак. ч.)</strong></p>
67
<p><strong>Модуль 14. React и webpack (0,5 ак. ч.)</strong></p>
67
<p><strong>Модуль 14. React и webpack (0,5 ак. ч.)</strong></p>
68
<p><strong>Модуль 15. PHP и webpack (0,5 ак. ч.)</strong></p>
68
<p><strong>Модуль 15. PHP и webpack (0,5 ак. ч.)</strong></p>
69
<p><strong>Модуль 16. TypeScript и webpack (0,5 ак. ч.)</strong></p>
69
<p><strong>Модуль 16. TypeScript и webpack (0,5 ак. ч.)</strong></p>
70
<p><strong>Модуль 17. Полезные плагины</strong></p>
70
<p><strong>Модуль 17. Полезные плагины</strong></p>
71
<p>Аудиторная нагрузка в классе с преподавателем<strong>8 ак. ч.</strong><strong>+ 8 ак. ч. бесплатно*</strong></p>
71
<p>Аудиторная нагрузка в классе с преподавателем<strong>8 ак. ч.</strong><strong>+ 8 ак. ч. бесплатно*</strong></p>
72
<p>* Для слушателей курса предусмотрено<strong>время для самостоятельной практической отработки и проработки материала</strong>в компьютерных классах Центра.</p>
72
<p>* Для слушателей курса предусмотрено<strong>время для самостоятельной практической отработки и проработки материала</strong>в компьютерных классах Центра.</p>
73
<p>Вы можете использовать его для закрепления знаний, выполнения домашних заданий и консультаций со специалистами.</p>
73
<p>Вы можете использовать его для закрепления знаний, выполнения домашних заданий и консультаций со специалистами.</p>
74
<p>Время предоставляется<strong>бесплатно</strong>по предварительному согласованию с администратором комплекса:</p>
74
<p>Время предоставляется<strong>бесплатно</strong>по предварительному согласованию с администратором комплекса:</p>
75
<ul><li>для занятий<strong>с 10:00 до 17:10:</strong>дополнительное время<strong>с 9:00 до 10:00.</strong></li>
75
<ul><li>для занятий<strong>с 10:00 до 17:10:</strong>дополнительное время<strong>с 9:00 до 10:00.</strong></li>
76
<li>для занятий<strong>с 14:00 до 17:10:</strong>дополнительное время<strong>с 13:15 до 14:00.</strong></li>
76
<li>для занятий<strong>с 14:00 до 17:10:</strong>дополнительное время<strong>с 13:15 до 14:00.</strong></li>
77
<li>для занятий<strong>с 18:30 до 21:30:</strong>дополнительное время<strong>с 17:10 до 17:55.</strong></li>
77
<li>для занятий<strong>с 18:30 до 21:30:</strong>дополнительное время<strong>с 17:10 до 17:55.</strong></li>
78
</ul><p>По завершении обучения проводится<strong>итоговая аттестация.</strong>Она может проходить в виде теста на последнем занятии или основываться на результатах выполнения практических заданий в ходе курса.</p>
78
</ul><p>По завершении обучения проводится<strong>итоговая аттестация.</strong>Она может проходить в виде теста на последнем занятии или основываться на результатах выполнения практических заданий в ходе курса.</p>
79
<p><a>Узнать больше</a></p>
79
<p><a>Узнать больше</a></p>
80
<p>Данный курс вы можете пройти как в очном формате, так и дистанционно в режиме<a>онлайн</a>. Чтобы записаться на онлайн-обучение, в корзине измените тип обучения на "онлайн" и выберите удобную для вас группу.</p>
80
<p>Данный курс вы можете пройти как в очном формате, так и дистанционно в режиме<a>онлайн</a>. Чтобы записаться на онлайн-обучение, в корзине измените тип обучения на "онлайн" и выберите удобную для вас группу.</p>
81
<p><a>Чем онлайн-обучение отличается от других видов обучения?</a></p>
81
<p><a>Чем онлайн-обучение отличается от других видов обучения?</a></p>
82
<p>Слушатели групп, которые проходят только онлайн, могут подключиться к занятиям из аудитории УЦ Специалист. Чтобы забронировать место, свяжитесь с менеджером заранее. Не позднее чем за 3 дня до начала занятий.</p>
82
<p>Слушатели групп, которые проходят только онлайн, могут подключиться к занятиям из аудитории УЦ Специалист. Чтобы забронировать место, свяжитесь с менеджером заранее. Не позднее чем за 3 дня до начала занятий.</p>
83
<p><strong>Сортировать:</strong></p>
83
<p><strong>Сортировать:</strong></p>
84
<p>* Данная скидка действительна при заказе и оплате обучения только сегодня. Запишитесь прямо сейчас со скидкой!</p>
84
<p>* Данная скидка действительна при заказе и оплате обучения только сегодня. Запишитесь прямо сейчас со скидкой!</p>
85
<p>Стоимость не облагается НДС</p>
85
<p>Стоимость не облагается НДС</p>
86
<h2>Стоимость обучения</h2>
86
<h2>Стоимость обучения</h2>
87
<h6>Частным лицам</h6>
87
<h6>Частным лицам</h6>
88
<p>Индивидуальное обучение</p>
88
<p>Индивидуальное обучение</p>
89
<p><strong>16 600 ₽ *</strong></p>
89
<p><strong>16 600 ₽ *</strong></p>
90
<p>Обучение в кредит</p>
90
<p>Обучение в кредит</p>
91
<p><strong>От 586 руб./месяц</strong></p>
91
<p><strong>От 586 руб./месяц</strong></p>
92
<h6>Организациям</h6>
92
<h6>Организациям</h6>
93
<p>Указана минимальная цена за<a>индивидуальное обучение</a>. Число часов работы с преподавателем в 2 раза меньше, чем при обучении в группе. Если Вам для полного усвоения материала курса потребуется больше часов работы с преподавателем, то они оплачиваются дополнительно. В случае занятий по индивидуальной программе расчёт стоимости обучения и количества необходимых часов производится отдельно.</p>
93
<p>Указана минимальная цена за<a>индивидуальное обучение</a>. Число часов работы с преподавателем в 2 раза меньше, чем при обучении в группе. Если Вам для полного усвоения материала курса потребуется больше часов работы с преподавателем, то они оплачиваются дополнительно. В случае занятий по индивидуальной программе расчёт стоимости обучения и количества необходимых часов производится отдельно.</p>
94
<p>Длительность индивидуального обучения - минимум 4 академических часа. Стоимость обучения в Москве уточняйте у менеджера. При выездном индивидуальном обучении устанавливается надбавка: +40% от стоимости заказанных часов при выезде в пределах МКАД, +40% от стоимости заказанных часов и + 1% от стоимости заказанных часов за каждый километр удаления от МКАД при выезде в пределах Московской области. Стоимость выезда за пределы Московской области рассчитывается индивидуально менеджерами по работе с корпоративными клиентами.</p>
94
<p>Длительность индивидуального обучения - минимум 4 академических часа. Стоимость обучения в Москве уточняйте у менеджера. При выездном индивидуальном обучении устанавливается надбавка: +40% от стоимости заказанных часов при выезде в пределах МКАД, +40% от стоимости заказанных часов и + 1% от стоимости заказанных часов за каждый километр удаления от МКАД при выезде в пределах Московской области. Стоимость выезда за пределы Московской области рассчитывается индивидуально менеджерами по работе с корпоративными клиентами.</p>
95
<p>Для юридических лиц (организаций) указана цена, действующая при полной предоплате.</p>
95
<p>Для юридических лиц (организаций) указана цена, действующая при полной предоплате.</p>
96
<p><a>Узнать больше</a></p>
96
<p><a>Узнать больше</a></p>
97
<h2>Документы об окончании</h2>
97
<h2>Документы об окончании</h2>
98
<p>В зависимости от программы обучения выдаются следующие документы:</p>
98
<p>В зависимости от программы обучения выдаются следующие документы:</p>
99
<p><strong>Свидетельство выпускника</strong></p>
99
<p><strong>Свидетельство выпускника</strong></p>
100
<p><strong>Cертификат международного образца</strong></p>
100
<p><strong>Cертификат международного образца</strong></p>
101
<p><strong>Удостоверение о повышении квалификации</strong></p>
101
<p><strong>Удостоверение о повышении квалификации</strong></p>
102
<p>* Для получения удостоверения вам необходимо предоставить копию диплома о высшем или среднем профессиональном образовании.</p>
102
<p>* Для получения удостоверения вам необходимо предоставить копию диплома о высшем или среднем профессиональном образовании.</p>
103
<p>Сертификаты международного образца выводятся после окончания курса в личном кабинете слушателя.</p>
103
<p>Сертификаты международного образца выводятся после окончания курса в личном кабинете слушателя.</p>
104
104