[HTML Academy] Профессиональный онлайн-курс Vite

Для того чтобы пройти курс, его необходимо скачать себе на ПК и открыть файлы в браузере.

Vite — свежий и быстрый инструмент сборки для фронтенда и серверной части приложения.
Vite обладает собственной экосистемой с плагинами, CLI и даже фреймворком для тестирования кода Vitest. Сейчас Vite продолжает стремительно набирать популярность — его используют более трёх миллионов разработчиков по всему миру, поэтому этот инструмент точно стоит изучить.

На курсе познакомимся с основными возможностями Vite и научимся с ним работать.
На курсе рассматривается версия Vite 5.

Курс поможет вам получить востребованный навык и повысить свою ценность на рынке
После курса вы сможете создавать собственные сборки и менять конфиги в рабочих проектах. Вы станете тратить меньше времени на разработку — Vite снимет с вас часть рутинных задач.
Ваши приложения станут быстрее, ведь вы научитесь оптимизировать код и сжимать размер файлов или шрифтов перед деплоем проекта.

Типовые задачи, которые вы научитесь решать на курсе:

• Разворачивать Vite-проект с помощью Vite CLI
• Конфигурировать Vite для одностраничных и многостраничных сайтов
• Внедрять препроцессоры и Tailwind для написания стилей
• Оптимизировать графику в контексте Vite
• Разбираться в режимах сборки и средах разработки
• Пользоваться переменными окружения
• Настраивать деплой Vite-проекта на GitHub Pages
• Тестировать код при помощи Vitest
• Устанавливать плагины в Vite для настройки под специфические нужны проекта
• Осознанно подбирать инструменты под каждый проект

Программа курса
Программа построена так, чтобы вы постепенно углубляли знания.
Раздел 1. Введение
Раздел 2. Погружение в конфигурацию Vite
Раздел 3. Режимы разработки и деплой
Раздел 4. Vitest. Тестируем код с помощью Vite
Раздел 5. Дополнительные возможности
Раздел 6. Заключение и миграция с Gulp