JavaScript СОВРЕМЕННАЯ разработка ЗА 1 ЧАС | NodeJS | NPM | WebPack | Import Export | CSS-Loader HD

Уроки JavaScript модульная разработка Канал в телеграмм: http://bit.ly/2QcOXD4 Канал для ардуинщиков и программистов: http://bit.ly/2SMUUYs ☕ Патреон, поддержи автора: https://www.patreon.com/dkadevelop Другие реквизиты на сайте автора: https://dka-develop.ru/blog/donation Используемый редактор: Visual code: https://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 для начинающих http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html - WebPack начало: https://webpack.js.org/guides/getting-started/ - WebPack точка входа https://webpack.js.org/concepts/entry-points/ - Настройки WebPack Dev Server: https://webpack.js.org/configuration/dev-server/ - WebPack Loader / Загрузчик CSS: https://webpack.js.org/loaders/css-loader/ - Stackoverflow style-loader / Загрузчик STYLE: https://stackoverflow.com/questions/35171288/error-cannot-resolve-module-style-loader - HTML WebPack Plugin: https://webpack.js.org/plugins/html-webpack-plugin/ Официальный сайт: https://dka-develop.ru © Music: YouTube Library #javascript #js #ityoutubersru