⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс
Курс по разработке современных frontend проектов с помощью сборщика нового поколения Vite.
Telegram - https://t.me/igorbabko_dev
🧪 Репозиторий: https://github.com/igorbabko/builds-w...
🧪 Исходные коды для каждого урока: https://github.com/igorbabko/builds-w...
🎨 Тема VS Code:
https://marketplace.visualstudio.com/...
🎨 Иконки VS Code:
https://marketplace.visualstudio.com/...
https://marketplace.visualstudio.com/...
✍️ Шрифт:
https://philpl.gumroad.com/l/dank-mono
https://www.jetbrains.com/lp/mono/
🍿 Весь плейлист: • Vite - сборщик нового поколения
👀 Другие курсы:
Vue Composition API с нуля: • Vue Composition API с нуля
Кастомная настройка Tailwind CSS: • Кастомная настройка Tailwind CSS
Tailwind CSS + JIT компилятор: • Tailwind CSS + JIT компилятор
Лендинг Tesla на Tailwind CSS: • Лендинг Tesla на Tailwind CSS
Верстка YouTube на Tailwind CSS: • Tailwind CSS YouTube клон #1 - Шапка
YouTube клон на Vue 3 и Tailwind CSS: • YouTube клон на Vue 3 и Tailwind CSS
Настройка VS Code: • Настройка VS Code
#vite #vitejs #javascript #bundler #frontend
🕛 Тайм-коды:
00:00 - Установка Vite
06:04 - Импорт NPM модулей
14:03 - Импорт CSS файлов
18:30 - Импорт CSS модулей
24:07 - PostCSS плагины (Tailwind CSS)
28:20 - CSS препроцессоры
31:51 - Импорт JSON файлов
33:39 - Импорт файлов
36:54 - Папка public
43:12 - Glob импорты
50:14 - Именованные glob импорты
53:57 - Поддержка JSX синтаксиса
01:04:40 - TypeScript
01:09:52 - ESLint
01:13:22 - Псевдонимы путей
01:17:10 - Переменные окружения
01:25:53 - Сборки для многостраничных приложений
01:33:15 - Режим сборки библиотеки
01:46:21 - Сборка библиотек с несколькими точками входа
01:52:31 - Импорт модулей библиотеки с помощью require
01:56:46 - Сторонние зависимости в собственных библиотеках
02:03:18 - Публикация пакета в NPM репозитории
02:12:53 - Оптимизация картинок
02:18:17 - Создание плагина
02:28:01 - Конфигурация плагина
02:37:11 - Конфигурация сервера
02:44:59 - Горячая замена модулей (HMR)
02:56:02 - Взаимодействие клиента и сервера
03:02:01 - Метод hot.accept()
03:10:35 - Метод hot.dispose()
03:19:28 - Интеграция Vue
03:24:22 - Интеграция React
03:30:19 - Деплоймент Vite проекта
Смотрите видео ⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Игорь Бабко 09 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 19,62 раз и оно понравилось 83 людям.