⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс
Курс по разработке современных frontend проектов с помощью сборщика нового поколения Vite.
🧪 Репозиторий:
🧪 Исходные коды для каждого урока:
🎨 Тема VS Code:
🎨 Иконки VS Code:
✍️ Шрифт:
🍿 Весь плейлист:
👀 Другие курсы:
Vue Composition API с нуля:
Кастомная настройка Tailwind CSS:
Tailwind CSS JIT компилятор:
Лендинг Tesla на Tailwind CSS:
Верстка YouTube на Tailwind CSS:
YouTube клон на Vue 3 и Tailwind CSS:
Настройка 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 - Метод ()
03:10:35 - Метод ()
03:19:28 - Интеграция Vue
03:24:22 - Интеграция React
03:30:19 - Деплоймент Vite проекта