udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Vue JS 3: Composition API (с Pinia, Firebase 9 и Vite)
Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
Продолжительность
9 ч 10 мин
Категория
Vue
Количество уроков
138 Видео
Дата добавления
23 дек. 2022 г., 17:28
Язык
Английский
Дата выхода
17 июн. 2022 г., 01:00
Если вы уже знакомы с Vue 2 и Options API, то этот курс научит вас всему, что вам нужно знать, чтобы переключиться (и начать работу) на Vue 3 и новый восхитительный Composition API. Я независимый разработчик приложений и создатель Fudget, приложения для личных финансов с самым высоким рейтингом для iOS, Android, Mac и Windows и я провел последние 12 месяцев, создавая Fudget 2, который построен на Vue 3 и Composition API.
В этом курсе вы начнете с изучения основных различий между Options API и Composition API, создав простое приложение Options API и преобразовав его в Composition API.
Затем вы освоите все основы, включая:
- Реактивные данные с Refs и Reactive Objects
- Методы, Computed Properties и Watchers
- Хуки жизненного цикла
- Директивы
- Vue Маршрутизатор
- Дочерние компоненты — включая новые способы обработки props, emits и modelValue.
- Динамические компоненты
- Composables — как создавать их с нуля и как импортировать их из библиотеки VueUse
- И вы изучите управление состоянием, используя Pinia, невероятную преемницу Vuex.
Изучив основы, вы с нуля создадите реальное приложение под названием Noteballs, которое имеет все возможности CRUD, использует Pinia для управления состоянием и демонстрирует реальное использование всех основ, которые вы изучили ранее.
После этого курса вы сможете создавать свои собственные приложения Vue 3, полностью основанные на Composition API — с нуля.
Этот курс требует базового понимания Vue 2 и Options API, HTML, CSS и JavaScript.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:08:03Introduction
-
Урок 2. 00:05:37What is the Composition API?
-
Урок 3. 00:07:45Editor & Software Setup
-
Урок 4. 00:02:08Vue Devtools
-
Урок 5. 00:01:06Vue 3 Docs & Install Node.js
-
Урок 6. 00:02:39Create a Vue Project
-
Урок 7. 00:03:44Project Setup
-
Урок 8. 00:01:35Options API - Design
-
Урок 9. 00:02:00Options API - Data & Methods
-
Урок 10. 00:01:28Convert it to Composition API
-
Урок 11. 00:03:21Composition API - Data (refs) & Methods
-
Урок 12. 00:02:52Script Setup - An Easier Way!
-
Урок 13. 00:01:28Refs
-
Урок 14. 00:01:32Two-Way Data Binding
-
Урок 15. 00:03:00Reactive Objects
-
Урок 16. 00:01:21Non-Reactive Data
-
Урок 17. 00:03:41Methods
-
Урок 18. 00:04:15Computed Properties
-
Урок 19. 00:01:33A Note on Filters
-
Урок 20. 00:03:42Watch
-
Урок 21. 00:04:19Mounted Hooks
-
Урок 22. 00:02:01Activated Hooks
-
Урок 23. 00:01:32Updated Hooks
-
Урок 24. 00:02:13Multiple Hooks!
-
Урок 25. 00:03:49Local Custom Directives
-
Урок 26. 00:02:51Global Custom Directives
-
Урок 27. 00:03:50$route - Part 1
-
Урок 28. 00:03:22$route - Part 2
-
Урок 29. 00:02:41useRoute
-
Урок 30. 00:03:30useRouter
-
Урок 31. 00:02:55Lists (v-for)
-
Урок 32. 00:03:05Template Refs
-
Урок 33. 00:01:52nextTick
-
Урок 34. 00:04:24Teleport - Part 1
-
Урок 35. 00:03:22Teleport - Part 2
-
Урок 36. 00:02:52Child Components
-
Урок 37. 00:01:36Fix Lazy-Loading Views
-
Урок 38. 00:03:35Slots
-
Урок 39. 00:03:52Props
-
Урок 40. 00:03:53Emits
-
Урок 41. 00:02:25modelValue
-
Урок 42. 00:02:39update:modelValue
-
Урок 43. 00:02:47Dynamic Components - Part 1
-
Урок 44. 00:02:20Dynamic Components - Part 2
-
Урок 45. 00:04:11Provide / Inject - Part 1
-
Урок 46. 00:03:14Provide / Inject - Part 2
-
Урок 47. 00:04:55What is a Composable?
-
Урок 48. 00:02:40Create a Composable
-
Урок 49. 00:03:27Use Our Composable
-
Урок 50. 00:04:16Reuse our Composable
-
Урок 51. 00:03:28Add Composable from VueUse
-
Урок 52. 00:05:36What is State Management?
-
Урок 53. 00:05:03Composable State vs Vuex vs Pinia
-
Урок 54. 00:02:42State - Part 1
-
Урок 55. 00:05:42State - Part 2
-
Урок 56. 00:03:41Actions
-
Урок 57. 00:02:43Getters
-
Урок 58. 00:02:23Use our Store Anywhere
-
Урок 59. 00:02:07Introduction & Noteballs App
-
Урок 60. 00:02:15Create Project
-
Урок 61. 00:03:03Router - Install & Setup
-
Урок 62. 00:04:01Router - Add Some Routes
-
Урок 63. 00:01:51Add RouterView & Navigation
-
Урок 64. 00:02:20Router - Tidying Up
-
Урок 65. 00:03:10Install Bulma
-
Урок 66. 00:02:47Nav Bar - Design
-
Урок 67. 00:02:55Nav Bar - Navigation & Logo
-
Урок 68. 00:05:06Nav Bar - Responsive Design & Menu
-
Урок 69. 00:02:05Pages (Design)
-
Урок 70. 00:01:52Notes (Design)
-
Урок 71. 00:02:31Add Note Form (Design)
-
Урок 72. 00:02:38Notes Array (Ref)
-
Урок 73. 00:09:01Add Note Method
-
Урок 74. 00:02:33Child Component - Note
-
Урок 75. 00:01:35Props (Note)
-
Урок 76. 00:05:46Computed (Note Length)
-
Урок 77. 00:06:25Delete Note (Emit)
-
Урок 78. 00:04:21Pinia - Setup & State
-
Урок 79. 00:03:41Use Our Store
-
Урок 80. 00:03:48Action - Add Note
-
Урок 81. 00:02:39Action (with Parameters) - Add Note
-
Урок 82. 00:05:16Action - Delete Note
-
Урок 83. 00:04:39Edit Note Page & Route
-
Урок 84. 00:03:58Reusable Component - AddEditNote
-
Урок 85. 00:05:33Hook up with modelValue
-
Урок 86. 00:05:05Fix the Focus
-
Урок 87. 00:10:33Custom Color, Placeholder & Label Props
-
Урок 88. 00:05:36Getter - Get Note Content (useRoute)
-
Урок 89. 00:03:10Getter (with Parameters) - Get Note Content
-
Урок 90. 00:06:25Action - Update Note
-
Урок 91. 00:01:21useRouter - Redirect to Notes Page
-
Урок 92. 00:07:34More Getters & Stats Page
-
Урок 93. 00:02:08Directive - Autofocus
-
Урок 94. 00:02:58Global Directive - Autofocus
-
Урок 95. 00:02:11Watch the Number of Characters (Watch)
-
Урок 96. 00:04:25Composable - useWatchCharacters
-
Урок 97. 00:02:49Composable - Multiple Parameters
-
Урок 98. 00:06:11Click Outside Composable (VueUse, Template Refs)
-
Урок 99. 00:07:20Delete Modal Design (Reactive Objects)
-
Урок 100. 00:05:22Hide the Delete Modal (modelValue & update:modelValue)
-
Урок 101. 00:03:35Delete Modal - Click Outside to Close
-
Урок 102. 00:06:19Delete Modal - Keyboard Control (Lifecycle Hooks)
-
Урок 103. 00:04:58Delete Modal - Delete The Note
-
Урок 104. 00:03:30Introduction to Firebase
-
Урок 105. 00:01:47Create a Firebase Project
-
Урок 106. 00:02:04Create App & Install Firebase
-
Урок 107. 00:02:36Setup Firestore Database
-
Урок 108. 00:02:24Connect to Database
-
Урок 109. 00:07:18Display Notes from Firestore
-
Урок 110. 00:07:50Get Notes in Real Time
-
Урок 111. 00:06:22Add Note
-
Урок 112. 00:02:37Delete Note
-
Урок 113. 00:05:06Update Note
-
Урок 114. 00:05:33Order Notes by Date (ID)
-
Урок 115. 00:05:27Improve Document Structure & Auto ID’s
-
Урок 116. 00:09:38Display Date on Note
-
Урок 117. 00:04:55Add a Progress Bar
-
Урок 118. 00:02:09Show Placeholder when No Notes
-
Урок 119. 00:07:30Login & Register Page - Tabs
-
Урок 120. 00:08:32Login & Register Page - Form
-
Урок 121. 00:03:41Firestore Authentication & Auth Store
-
Урок 122. 00:07:06Register User
-
Урок 123. 00:02:25Logout User
-
Урок 124. 00:03:26Login User
-
Урок 125. 00:07:51Listen for Auth Changes & Store User Data
-
Урок 126. 00:04:04Improve Logout Button
-
Урок 127. 00:05:24Redirect User on Auth Change
-
Урок 128. 00:05:43Restructure Database for Multiple Users
-
Урок 129. 00:07:19Setup Refs for Multiple Users
-
Урок 130. 00:04:13Clear Notes array in State when user logs out
-
Урок 131. 00:08:54Unsubscribe from the Get Notes Listener
-
Урок 132. 00:03:49Navigation Guards - Part 1
-
Урок 133. 00:04:47Navigation Guards - Part 2
-
Урок 134. 00:03:31Firestore Security Rules - Part 1
-
Урок 135. 00:05:20Firebase Security Rules - Part 2
-
Урок 136. 00:06:19Hosting - Part 1
-
Урок 137. 00:04:08Hosting - Part 2
-
Урок 138. 00:02:23Bonus Lecture
Автор - udemy
Комментарии
-
Andrewupdate please -
BlinksНачиная с 21 видео - никакие видео не грузятся -
Blinks Blinksага, понял, в лисе не работает, в хроме работает
-
vadimbelinovichВидео 59 - Introduction & Noteballs App не загружается
