Vue + Tailwind CSS | Создание приложения с нуля (Часть 2/5)

Разработка реального проекта на Vue с использованием Composition API и последующим развертыванием на production. 🌐 Финальное приложение: 🧪 Репозиторий: 🧪 Исходные коды для каждого урока: 🪄 Мои настройки VS Code: 🧪 Репозиторий с настройками: 🎨 Тема VS Code: 🎨 Иконки VS Code: ✍️ Шрифт: 🍿 Весь плейлист: 👀 Другие курсы: VS Code Продуктивность | Мои Горячие Клавиши: Vite - сборщик нового поколения: Vue Composition API с нуля: Кастомная настройка Tailwind CSS: Tailwind CSS JIT компилятор: Лендинг Tesla на Tailwind CSS: Верстка YouTube на Tailwind CSS: YouTube клон на Vue 3 и Tailwind CSS: Настройка VS Code: #vue #vuejs #vue3 #tailwindcss #tailwind 🕛 Тайм-коды: 00:00 - 29. Типы кнопок 06:43 - 30. Скрипт инициализации модуля компонента 09:56 - 31. Генерация опций выпадающего списка активностей 17:54 - 32. Удаление активностей 25:31 - 33. Форма создания активностей 30:16 - 34. Создание активностей 37:22 - 35. Компонент формы создания активности 41:20 - 36. Директива v-model 46:27 - 37. Утилита nextTick 50:29 - 38. Альтернативный компонент вместо пустого списка активностей 55:50 - 39. Функция для генерации активностей 01:02:53 - 40. Исправление ошибок валидации активностей 01:07:42 - 41. Рефакторинг процесса создания активностей 01:12:03 - 42. Рефакторинг компонента выпадающего списка 01:23:57 - 43. Выбор активности для каждого часа дня 01:36:10 - 44. Сброс id активностей при удалении 01:40:50 - 45. Сброс активностей 01:45:23 - 46. Выбор времени для активностей 01:56:02 - 47. Рефакторинг процесса выбора активностей 02:03:49 - 48. Генерация списка опций временных периодов 02:10:44 - 49. Разметка секундомера 02:15:34 - 50. Компонент секундомера 02:22:52 - 51. Выбор активностей случайным образом 02:29:04 - 52. Запуск / остановка / сброс секундомера 02:37:34 - 53. Отключение кнопок секундомера 02:41:45 - 54. Прокрутка к текущему часу 02:50:12 - 55. Улучшение прокрутки к текущему часу 02:58:32 - 56. Прокрутка к определенному часу