⚡️ Vite - Быстрая Сборка JavaScript Проектов | Полный курс
166Курс по разработке современных frontend проектов с помощью сборщика нового поколения Vite.
🧪 Репозиторий: https://github.com/igorbabko/builds-with-vite
🧪 Исходные коды для каждого урока: https://github.com/igorbabko/builds-with-vite/commits/main
🎨 Тема VS Code:
https://marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula
🎨 Иконки VS Code:
https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
✍️ Шрифт:
https://philpl.gumroad.com/l/dank-mono
https://www.jetbrains.com/lp/mono/
🍿 Весь плейлист: https://www.youtube.com/playlist?list=PL-FhWbGlJPfZg649Ukk5vPa4nUjHhQ6o3
👀 Другие курсы:
Vue Composition API с нуля: https://www.youtube.com/playlist?list=PL-FhWbGlJPfaCm9Qx7G9wQqtt2_yBT92V
Кастомная настройка Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbF0sFMBNwVlzQNGCsASYQw
Tailwind CSS + JIT компилятор: https://www.youtube.com/playlist?list=PL-FhWbGlJPfY5OQNvcOU9nWvxZgooW-FA
Лендинг Tesla на Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbmPBYt_sUH3IbBddvrx506
Верстка YouTube на Tailwind CSS: https://www.youtube.com/watch?v=LdbHAZiZexU&list=PL-FhWbGlJPfa2QOklK-4ED0gZFg6gbmyE
YouTube клон на Vue 3 и Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U
Настройка VS Code: https://www.youtube.com/playlist?list=PL-FhWbGlJPfZKlFiR0i3nLVgUMPg8Z4t-
#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 проекта