Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 1. Фронтенд-разработка для начинающих

Учимся работать с Vue 3, Vue Router и Pinia — создаем пустое приложение для подбора коктейлей, делаем маршрутизацию через роутер, подключаем хранилище Pinia. Пишем фронтенд и делаем верстку с помощью фреймворка Element Plus. Подключаем CocktailDB API, получаем с сервера данные и расставляем в верстку. Содержание 00:00:00 Вступление 00:00:22 Смотрим макет 00:01:03 Создаем пустой проект на Vue 3 00:03:38 Чистим проект от лишнего и настраиваем под себя 00:07:58 Настраиваем Vue Router 00:14:45 Пишем общие стили для всех страниц 00:19:06 Пишем компонент-шаблон 00:30:58 Верстаем главную страницу 00:35:21 Настраиваем Pinia 00:41:44 Получаем список ингредиентов с сервера 00:43:37 Стилизация селекта через Element Plus 00:48:55 Верстаем главную страницу 00:51:47 Получаем коктейль по ингредиенту 00:55:41 Выводим список коктейлей на главной 00:57:54 Пишем компонент-превью коктейля 01:09:01 Заключение Официальный сайт Vue — https://vuejs.org/
Сайт Pinia — https://pinia.vuejs.org/
Сайт CocktailDB API — https://www.thecocktaildb.com/api.php
Сайт Element Plus — https://element-plus.org/en-US/
Макет в Figma — https://www.figma.com/file/OtLxFZwe0O...