
Vue.js 3, Vue Router и Pinia
В этом курсе мы будем изучать Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы создадим программу для показа прогноза погоды и сервис для хранения веб-закладок в режиме SaaS. Этот курс особенно полезен для тех, кто уже знаком с базовыми знаниями HTML, CSS и JavaScript и готов освоить один из популярных фреймворков для frontend разработок - Vue.js. Если у вас уже есть опыт работы с другими фреймворками на JavaScript, курс поможет вам быстро освоиться с Vue и его экосистемой.
Курс акцентируют на практическом обучении, и вся теория будет подкреплена реальными проектами. Вместо обыденных примеров, мы займёмся работой с реальными API и будем создавать приложения, отражающие ситуации из реальной жизни. В рамках курса мы детально изучим Vue Router для управления маршрутами и Pinia для работы с состоянием. Также в программе предусмотрено множество упражнений, которые позволят углубить понимание технологий и усовершенствовать проекты, разработанные на занятиях.
Чему вы научитесь?
После прохождения курса вы сможете:
- Создавать проект на Vue
- Понимать реактивность данных
- Работать с Vue Router
- Использовать Pinia
- Управлять состоянием данных в компонентах
- Использовать Reactive API
- Писать в стиле Composition API
- Взаимодействовать с API
- Создавать формы на Vue
- Работать с жизненным циклом компонентов
- Использовать Vue с TypeScript
- Пользоваться встроенными компонентами
- Знать синтаксис шаблонов Vue и директивы
Минимальные требования: Знание JavaScript, Знание TypeScript будет плюсом, Знание HTML и CSS
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:04:551.1. Vue и Pinia
- Урок 2. 00:07:171.2. Как устроен курс
- Урок 3. 00:03:351.3. Обзор проектов
- Урок 4. 00:02:231.4. Проекты домашних заданий
- Урок 5. 00:01:361.5. Обзор курсов
- Урок 6. 00:10:201.6. Работа на платформе
- Урок 7. 00:06:031.7. AI и тренажёры
- Урок 8. 00:03:331.8. Стажировка в студии
- Урок 9. 00:03:002.1. Настройка окружения
- Урок 10. 00:03:242.2. Настройки VSCode
- Урок 11. 00:05:302.3. Установка Node
- Урок 12. 00:15:102.4. О работе NVM
- Урок 13. 00:04:352.5. Создание проекта
- Урок 14. 00:17:322.6. Домашнее задание AI
- Урок 15. 00:05:033.1. Обзор проекта
- Урок 16. 00:03:153.2. Структура компонент
- Урок 17. 00:06:303.3. Настройка eslint
- Урок 18. 00:04:043.4. Шаблоны
- Урок 19. 00:04:153.5. Bind атрибутов
- Урок 20. 00:02:353.6. JS в шаблонах
- Урок 21. 00:04:003.7. Composition API
- Урок 22. 00:02:304.1. Макет проекта
- Урок 23. 00:07:094.2. Упражнение - Глобальный стиль
- Урок 24. 00:05:164.3. Что такое компоненты
- Урок 25. 00:06:054.4. Первый компонент
- Урок 26. 00:05:404.5. Стилизация
- Урок 27. 00:02:464.6. Slot
- Урок 28. 00:03:474.7. Несколько slot
- Урок 29. 00:07:404.8. Декомпозиция на компоненты
- Урок 30. 00:03:364.9. Упражнение - Сборка app
- Урок 31. 00:05:245.1. Компонент статистики
- Урок 32. 00:06:405.2. defineProps
- Урок 33. 00:01:405.3. withDefaults
- Урок 34. 00:04:155.4. v-bind
- Урок 35. 00:09:315.5. Использование svg
- Урок 36. 00:05:255.6. Упражнение - Ввод города
- Урок 37. 00:05:165.7. Events
- Урок 38. 00:05:235.8. defineEmits
- Урок 39. 00:04:035.9. Валидация emits
- Урок 40. 00:05:155.10. Наследование атрибутов
- Урок 41. 00:04:556.1. Как работает реактивность
- Урок 42. 00:06:126.2. Proxy
- Урок 43. 00:07:116.3. Ref
- Урок 44. 00:03:186.4. reactive
- Урок 45. 00:06:496.5. Unwrap
- Урок 46. 00:03:556.6. nextTick
- Урок 47. 00:02:466.7. Упражнение - Состояние редактирования
- Урок 48. 00:09:226.8. computed
- Урок 49. 00:04:157.1. v-if
- Урок 50. 00:03:157.2. v-else
- Урок 51. 00:03:157.3. v-show
- Урок 52. 00:09:537.4. Упражнение - Input
- Урок 53. 00:08:537.5. v-for
- Урок 54. 00:04:257.6. Упражнение - Список данных
- Урок 55. 00:06:587.7. Наивная реализация input
- Урок 56. 00:04:317.8. v-model
- Урок 57. 00:04:237.9. defineModel
- Урок 58. 00:04:258.1. Lifecycle Hooks
- Урок 59. 00:07:568.2. Примеры Hooks
- Урок 60. 00:09:098.3. watch
- Урок 61. 00:05:388.4. API погоды
- Урок 62. 00:06:408.5. Получение данных
- Урок 63. 00:02:078.6. keyup
- Урок 64. 00:03:198.7. Упражнение - Привязка данных
- Урок 65. 00:11:368.8. Упражнение - Обработка ошибок
- Урок 66. 00:08:098.9. Динамические стили
- Урок 67. 00:12:408.10. Упражнение - Карточка погоды
- Урок 68. 00:09:068.11. Упражнение - Вывод прогноза
- Урок 69. 00:08:439.1. Динамические классы
- Урок 70. 00:05:059.2. Свои директивы
- Урок 71. 00:04:289.3. Упражнение - Левая панель
- Урок 72. 00:10:009.4. Рефакторинг компонент
- Урок 73. 00:06:109.5. Provide Inject
- Урок 74. 00:07:159.6. Реализация с Provide Inject
- Урок 75. 00:05:009.7. Symbol key
- Урок 76. 00:18:409.8. Упражнение - Передача данных
- Урок 77. 00:02:489.9. Упражнение - Финал приложения
- Урок 78. 00:04:0010.1. Почему TypeScript
- Урок 79. 00:05:1710.3. Создание приложения
- Урок 80. 00:03:1710.4. Обзор проекта
- Урок 81. 00:04:2610.5. Запуск API
- Урок 82. 00:03:1110.6. Работа с API
- Урок 83. 00:07:2710.7. Подготовка стилей
- Урок 84. 00:07:5110.8. Типизация defineProps
- Урок 85. 00:07:0710.9. Типизация ответа API
- Урок 86. 00:03:0111.1. Почему Pinia
- Урок 87. 00:05:0511.2. Установка Pinia
- Урок 88. 00:05:1211.3. Store профиля
- Урок 89. 00:03:5111.4. Actions
- Урок 90. 00:03:0511.5. Упражнение - Перенос в профиль
- Урок 91. 00:04:5211.6. Добавление axios
- Урок 92. 00:04:1411.7. Упражнение - Store для категорий
- Урок 93. 00:08:4011.8. Упражнение - Вывод списка
- Урок 94. 00:04:3212.1. Установка Vue Router
- Урок 95. 00:05:1512.2. RouterView
- Урок 96. 00:06:1712.3. children
- Урок 97. 00:05:5612.4. Упражнение - Страница входа
- Урок 98. 00:03:5812.5. useRouter
- Урок 99. 00:05:3912.6. LazyLoading
- Урок 100. 00:10:1212.7. Vue DevTools
- Урок 101. 00:04:4312.8. Active links
- Урок 102. 00:05:1412.9. Динамические пути
- Урок 103. 00:03:5212.10. Упражнение - Главная страница
- Урок 104. 00:06:5212.11. Helpers
- Урок 105. 00:02:5212.12. onBeforeRouteUpdate
- Урок 106. 00:07:4512.13. Упражнение - Получение закладок
- Урок 107. 00:04:3712.14. NotFound
- Урок 108. 00:06:3013.1. Типизация defineModel
- Урок 109. 00:06:3013.2. Работа с формой
- Урок 110. 00:07:4513.3. Отправка запроса на авторизацию
- Урок 111. 00:07:3013.4. JWT
- Урок 112. 00:09:1713.5. Хранения в LocalStorage
- Урок 113. 00:07:5913.6. NavigationGuard
- Урок 114. 00:06:4313.7. Данные за авторизацией
- Урок 115. 00:15:0313.8. Упражнение - Редактирование категории
- Урок 116. 00:04:4113.9. Упражнение - Удаление категории
- Урок 117. 00:12:5813.10. Упражнение - Компонент закладки
- Урок 118. 00:07:5913.11. Упражнение - Вывод списка закладок
- Урок 119. 00:15:0813.12. Типизация defineEmits
- Урок 120. 00:14:1214.1. Упражнение - добавление закладки
- Урок 121. 00:04:2614.2. useTemplateRef
- Урок 122. 00:04:4314.3. Component Registration
- Урок 123. 00:04:5014.4. Async Components
- Урок 124. 00:10:2614.5. Teleport
- Урок 125. 00:06:0014.6. Transition
- Урок 126. 00:04:4014.7. Сборка для production
- Урок 127. 00:01:1915.1. Куда двигаться дальше





этот ?