📢 Уроки JavaScript модульная разработка
🙉 Канал в телеграмм: bit.ly/2QcOXD4
💕 Канал для ардуинщиков и программистов: bit.ly/2SMUUYs
☕🍗 Патреон, поддержи автора:
/ dkadevelop
🔹 Другие реквизиты на сайте автора:
dka-develop.ru/blog/donation
🔹 Используемый редактор:
Visual code: code.visualstudio.com/
📢 ТаймКод:
0:00 О чем видео
0:45 Что такое NodeJS
3:32 Установка NodeJS на Windows
8:04 Отличие от обычного написания кода без NodeJS
11:36 Что такое NPM и как им пользоваться
16:30 Что такое Yarn
17:12 Установка пакета с использованием NPM
19:31 WebPack знакомство / что это?
22:24 Что упрощает WebPack / модульность
24:50 Создание проекта с использованием NPM / Webpack
27:39 Интеграция WebPack в проект / Что такое Webpack-CLI
36:17 webpack.config.js создание
40:19 WebPack слежение за файлами
41:14 WebPack Dev Server
44:15 Модульная разработка что это Export Import?
52:51 Генерация HTML
1:00:53 Подключение jQuery в проект
1:04:15 Подключение CSS файлов
1:08:23 Генерация файла html и подключение скриптов JS
📢 Полезные ссылки:
- Введение в пакетный менеджер NPM для начинающих
prgssr.ru/development/vvedenie...
- WebPack начало:
webpack.js.org/guides/getting...
- WebPack точка входа
webpack.js.org/concepts/entry...
- Настройки WebPack Dev Server:
webpack.js.org/configuration/...
- WebPack Loader / Загрузчик CSS:
webpack.js.org/loaders/css-lo...
- Stackoverflow style-loader / Загрузчик STYLE:
stackoverflow.com/questions/3...
- HTML WebPack Plugin:
webpack.js.org/plugins/html-w...
🌍 Официальный сайт:
dka-develop.ru
© Music:
RU-vid Library
#javascript #js #ityoutubersru
8 май 2024