Vue + Tailwind CSS | Создание приложения с нуля (Часть 3/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 - 57. Макрос defineExpose
09:36 - 58. Компонент для отображения оставшегося времени
15:29 - 59. Вычисление общего количества замеренного времени
28:48 - 60. Улучшение компонента оставшегося времени
35:11 - 61. Зависимость оставшегося времени активности от секундомера
44:37 - 62. Provide / Inject
54:20 - 63. Доступ к массиву TimelineItems через provide / inject
59:49 - 64. Доступ к массиву активностей через provide / inject
01:06:11 - 65. Доступ к массиву опций временных интервалов через provide / inject
01:09:38 - 66. Доступ к функции setTimelineItemActivity через provide / inject
01:16:42 - 67. Доступ к функции setActivitySecondsToComplete через provide/inject
01:23:35 - 68. Доступ к функции createActivity через provide / inject
01:27:29 - 69. Доступ к функции deleteActivity через provide / inject
01:31:07 - 70. Роутер
01:36:51 - 71. Рефакторинг функционала роутинга
01:45:13 - 72. Рефакторинг роутинга
01:49:23 - 73. Рефакторинг компонента NavItem
01:54:34 - 74. Рефакторинг структуры данных NAV_ITEMS
02:00:49 - 75. Символьные ключи для provide / inject
02:09:02 - 76. Общий рефакторинг
02:15:03 - 77. Модуль активностей
02:19:37 - 78. Сохранение реактивности при использовании provide / inject
02:23:28 - 79. Модуль timeline-items
02:26:52 - 80. Исправление функции удаления активностей
02:31:40 - 81. Рефакторинг модуля активностей
02:33:43 - 82. Рефакторинг модуля timeline items
02:39:57 - 83. Использование глобальных хранилищ вместо provide / inject
02:47:09 - 84. Синхронизация времени после удаления активности
8 views
19
10
4 years ago 00:08:20 26
Vue Router
5 years ago 01:59:45 17
Learning : Getting Started with Vue
5 years ago 00:27:34 19
James Stewart - Vue 2 / Vue 3 Comparison
5 years ago 00:12:46 21
Getting Started with the Vue Router in Vue 3
4 years ago 00:10:23 54
master vue recursion
7 years ago 00:33:08 23
Learn (RU) - Vue CLI
5 years ago 00:02:15 29
HOW TO: Transition gracefully From Vue 2 to Vue 3
3 years ago 00:17:14 41
petite-vue
2 years ago 00:12:16 49
Vue button component
5 years ago 00:39:47 25
Vue Composition (Function) API
4 years ago 00:08:05 24
Before You Create A Project Watch This! | Vue Pro Tips | Vue Tutorial
5 years ago 00:11:15 10
Vue 3: Using Vue 3 in a Vue CLI project with the Vue-Next Plugin
5 years ago 00:22:31 43
Mirage JS with Vue
7 years ago 00:35:12 163
Vue NYC - SSR with Vue - Justin Michaliga
2 years ago 00:13:09 14
Laravel Vue JS Blade or Vue Layout
5 years ago 00:12:08 20
Vue 3.0 Tutorial - 5 Tips To Upgrade Your Vue 2 App To Vue 3 // Vue 3 Upgrade Guide
4 years ago 00:09:52 30
How to Upgrade Vue 2 to Vue 3
5 years ago 00:13:46 32
Autosizing Textarea with Vue
5 years ago 00:13:29 23
AM Coder - Vue & the Vue CLI #1 - Setup and Deployment