Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Build Web Apps with Vue JS 3 & Firebase, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:05:53
    What is Vue?
  • Урок 2. 00:04:07
    New Features in Vue 3
  • Урок 3. 00:01:37
    What You Should Already Know
  • Урок 4. 00:02:47
    Environment Setup
  • Урок 5. 00:01:26
    Course Files
  • Урок 6. 00:03:40
    How to use Vue (using the CDN)
  • Урок 7. 00:05:26
    Creating a Vue App
  • Урок 8. 00:04:34
    Templates & Data
  • Урок 9. 00:08:02
    Methods & Click Events
  • Урок 10. 00:08:43
    Conditional Rendering
  • Урок 11. 00:10:10
    Other Mouse Events
  • Урок 12. 00:04:16
    Outputting Lists (v-for)
  • Урок 13. 00:05:29
    Attribute Binding
  • Урок 14. 00:04:51
    Dynamic Classes
  • Урок 15. 00:01:46
    CHALLENGE - Add to Favs
  • Урок 16. 00:02:21
    SOLUTION - Add to Favs
  • Урок 17. 00:05:03
    Computed Properties
  • Урок 18. 00:02:51
    Why Use the Vue CLI?
  • Урок 19. 00:05:15
    How to Use the Vue CLI
  • Урок 20. 00:07:53
    New Project Walkthrough
  • Урок 21. 00:09:24
    Vue Files & Templates
  • Урок 22. 00:04:06
    Template Refs
  • Урок 23. 00:09:29
    Multiple Components
  • Урок 24. 00:06:16
    Component Styles & Global Styles
  • Урок 25. 00:11:12
    Passing Data with Props
  • Урок 26. 00:05:34
    Emitting Custom Events
  • Урок 27. 00:03:45
    Click Event Modifiers
  • Урок 28. 00:08:59
    Slots
  • Урок 29. 00:04:16
    CHALLENGE - Reusing Components
  • Урок 30. 00:03:57
    Using Teleport
  • Урок 31. 00:04:10
    Project 1 Preview & Setup
  • Урок 32. 00:08:40
    Starting a New Game
  • Урок 33. 00:10:34
    Component Lifecycle Hooks
  • Урок 34. 00:04:55
    Creating the Reaction Timer
  • Урок 35. 00:06:24
    Emitting Custom Events with Data
  • Урок 36. 00:02:49
    CHALLENGE - Showing a Results Component
  • Урок 37. 00:04:20
    Finishing Touches
  • Урок 38. 00:05:28
    Forms Intro & Setup
  • Урок 39. 00:05:10
    Two-way Data Binding
  • Урок 40. 00:03:10
    Select Fields
  • Урок 41. 00:06:47
    Checkboxes
  • Урок 42. 00:11:22
    Keyboard Events & Modifiers
  • Урок 43. 00:03:49
    CHALLENGE - Deleting Skills
  • Урок 44. 00:09:49
    Submitting the Form
  • Урок 45. 00:02:38
    Why Use the Vue Router?
  • Урок 46. 00:09:52
    Router Setup for New Projects
  • Урок 47. 00:06:35
    Router Links
  • Урок 48. 00:05:47
    Folder Structure
  • Урок 49. 00:06:12
    Route Parameters
  • Урок 50. 00:05:25
    Dynamic Links
  • Урок 51. 00:05:12
    404 Pages & Redirects
  • Урок 52. 00:05:58
    Programmatic Navigation
  • Урок 53. 00:01:42
    Lazy Loading Components
  • Урок 54. 00:07:11
    Using JSON Server
  • Урок 55. 00:08:36
    Where to Fetch Data
  • Урок 56. 00:04:22
    Conditionally Showing Data
  • Урок 57. 00:05:10
    Project 2 Preview & Setup
  • Урок 58. 00:05:48
    Home View & Data
  • Урок 59. 00:07:02
    Single Project Template
  • Урок 60. 00:04:05
    Using Material Icons
  • Урок 61. 00:08:35
    Deleting Projects
  • Урок 62. 00:11:40
    Completing Projects
  • Урок 63. 00:05:46
    New Project Form
  • Урок 64. 00:05:11
    Adding New Projects
  • Урок 65. 00:03:38
    Navbar Component
  • Урок 66. 00:08:40
    Edit Project Route
  • Урок 67. 00:04:33
    CHALLENGE - Updating Projects
  • Урок 68. 00:08:54
    Creating a Filter Nav
  • Урок 69. 00:05:04
    CHALLENGE - Showing Filtered Projects
  • Урок 70. 00:04:44
    Drawbacks of the Options API
  • Урок 71. 00:07:13
    Composition API Basics
  • Урок 72. 00:06:19
    Template Refs in the Setup Function
  • Урок 73. 00:06:58
    Using Refs for Reactivity
  • Урок 74. 00:06:39
    Refs vs Reactive
  • Урок 75. 00:06:57
    Computed Values in the Setup Function
  • Урок 76. 00:05:44
    Using watch and watchEffect
  • Урок 77. 00:08:18
    Using Props in the Setup Function
  • Урок 78. 00:05:54
    Lifecycle Hooks
  • Урок 79. 00:11:08
    Fetching Data in the Setup Function
  • Урок 80. 00:08:17
    Reusable Composition Functions (Composables)
  • Урок 81. 00:09:24
    Creating Another Composable
  • Урок 82. 00:06:35
    Creating a Loading Spinner
  • Урок 83. 00:13:46
    Making a Web Form
  • Урок 84. 00:03:52
    CHALLENGE - Making a POST Request
  • Урок 85. 00:03:44
    Future Async Lesson & Extra Styling
  • Урок 86. 00:05:01
    Routing Recap & Navbar
  • Урок 87. 00:03:35
    Using useRouter
  • Урок 88. 00:02:10
    Using useRoute
  • Урок 89. 00:10:50
    CHALLENGE - Creating a Tag Route
  • Урок 90. 00:15:54
    Creating a Tag Cloud
  • Урок 91. 00:03:40
    Creating a Firebase Project
  • Урок 92. 00:07:39
    Connecting to a Firebase Project
  • Урок 93. 00:04:57
    Firestore Collections & Documents
  • Урок 94. 00:09:33
    Fetching a Collection of Documents
  • Урок 95. 00:06:35
    Fetching Single Documents
  • Урок 96. 00:03:54
    Adding Documents
  • Урок 97. 00:05:36
    Deleting Docments
  • Урок 98. 00:05:49
    Using Timestamps
  • Урок 99. 00:02:20
    Ordering Collections
  • Урок 100. 00:11:55
    Intro to Real-Time Listeners
  • Урок 101. 00:07:04
    Project 3 Preview & Setup
  • Урок 102. 00:04:25
    Firebase Setup (& Reusing Firebase Projects)
  • Урок 103. 00:08:05
    Creating a Signup & Login Form
  • Урок 104. 00:04:35
    CHALLENGE - Switching Between Forms
  • Урок 105. 00:03:31
    Firebase Authentication Setup
  • Урок 106. 00:14:37
    Creating a Signup Composable
  • Урок 107. 00:03:08
    Outputting Errors
  • Урок 108. 00:07:31
    Creating a Login Composable
  • Урок 109. 00:06:40
    Setup Context & Emitting Events
  • Урок 110. 00:03:51
    Navbar Component
  • Урок 111. 00:05:01
    Logging Users Out (Composable)
  • Урок 112. 00:08:39
    Getting the Current User (Composable)
  • Урок 113. 00:09:17
    Route Guards (for Unauth Users)
  • Урок 114. 00:04:22
    Waiting for Firebase Auth to Initialize
  • Урок 115. 00:04:02
    CHALLENGE - Watching the Current User
  • Урок 116. 00:08:38
    New Chat Form
  • Урок 117. 00:10:07
    Adding New Messages to Firestore
  • Урок 118. 00:11:53
    Real-Time Firestore Listener (Composable)
  • Урок 119. 00:07:03
    Creating the Chat Window
  • Урок 120. 00:05:51
    Formatting Dates (date-fns)
  • Урок 121. 00:03:58
    CHALLENGE - Auto-Scrolling the Chat Window
  • Урок 122. 00:06:03
    Unsubscribing From Real-Time Listeners
  • Урок 123. 00:02:28
    Final Route Guard
  • Урок 124. 00:00:54
    Testing & Next Steps
  • Урок 125. 00:06:19
    The Firebase CLI
  • Урок 126. 00:01:19
    Building an App
  • Урок 127. 00:01:33
    Deploying the App
  • Урок 128. 00:02:53
    Making Changes & Re-deploying
  • Урок 129. 00:02:14
    What Are Security Rules?
  • Урок 130. 00:08:25
    Paths & Rules Explained
  • Урок 131. 00:02:21
    Requiring Authentication
  • Урок 132. 00:02:04
    Locking the API to a Domain
  • Урок 133. 00:06:47
    Project 4 Preview & Setup
  • Урок 134. 00:07:39
    Global Styles & Custom Font
  • Урок 135. 00:04:16
    Creating a Firebase Project
  • Урок 136. 00:03:51
    Connecting to Firebase
  • Урок 137. 00:10:37
    Reusing Firebase Composables
  • Урок 138. 00:08:32
    Creating a Login View
  • Урок 139. 00:06:39
    Adding a 'pending' State to Requests
  • Урок 140. 00:07:09
    Creating a Signup View
  • Урок 141. 00:08:34
    Adding a Navbar Component
  • Урок 142. 00:04:01
    CHALLENGE - Logging Users Out
  • Урок 143. 00:03:19
    CHALLENGE - Conditionally Showing Links
  • Урок 144. 00:07:43
    New Playlist Component
  • Урок 145. 00:11:05
    Handling File Changes
  • Урок 146. 00:04:24
    Intro to Firebase Storage
  • Урок 147. 00:08:08
    Uploading Images (part 1)
  • Урок 148. 00:05:44
    Uploading Images (part 2)
  • Урок 149. 00:12:57
    Adding New Playlists
  • Урок 150. 00:04:36
    CHALLENGE - Getting Real-Time Playlist Data
  • Урок 151. 00:05:37
    Listing Playlists
  • Урок 152. 00:08:15
    Nav Update & Route Guards
  • Урок 153. 00:04:42
    Playlist Details Route
  • Урок 154. 00:05:02
    Redirecting to Playlist Details
  • Урок 155. 00:07:38
    Getting Single Documents (Real-time)
  • Урок 156. 00:09:33
    Playlist Details Template
  • Урок 157. 00:07:14
    Checking Playlist Ownership
  • Урок 158. 00:09:28
    CHALLENGE - Deleting a Playlist (Composable)
  • Урок 159. 00:06:13
    Deleting Images from Storage
  • Урок 160. 00:07:31
    More on Firestore Rules
  • Урок 161. 00:06:41
    Storage Rules
  • Урок 162. 00:11:30
    Adding Songs to Playlists
  • Урок 163. 00:08:45
    Updating Playlist Details
  • Урок 164. 00:06:06
    Listing Songs
  • Урок 165. 00:05:14
    CHALLENGE - Deleting Songs
  • Урок 166. 00:06:16
    User Playlists Route
  • Урок 167. 00:09:45
    Firestore Queries
  • Урок 168. 00:03:41
    Listing User Playlists
  • Урок 169. 00:02:22
    Final Touches
  • Урок 170. 00:02:11
    Building & Deploying
  • Урок 171. 00:01:12
    Next Steps
  • Урок 172. 00:09:16
    Intro & Starter Project
  • Урок 173. 00:06:10
    Firebase Config File
  • Урок 174. 00:07:47
    Fetching Firestore Data
  • Урок 175. 00:10:28
    Real Time Collection Data
  • Урок 176. 00:04:35
    Adding New Documents
  • Урок 177. 00:03:23
    Deleting Documents
  • Урок 178. 00:06:11
    Updating Documents
  • Урок 179. 00:01:40
    Setting up Firebase Auth
  • Урок 180. 00:09:12
    Signing Up New Users
  • Урок 181. 00:02:43
    Logging Users Out
  • Урок 182. 00:04:20
    Logging Users In
  • Урок 183. 00:07:44
    Getting the Current User
  • Урок 184. 00:04:16
    Conditional Navbar Content
  • Урок 185. 00:05:09
    Waiting for Auth to be Ready
  • Урок 186. 00:05:15
    Making a Route Guard
  • Урок 187. 00:02:41
    Redirecting Users
  • Урок 188. 00:10:59
    Firestore Queries
  • Урок 189. 00:00:48
    Extra JavaScript Lessons
  • Урок 190. 00:05:05
    ES6 Modules (Import & Export)
  • Урок 191. 00:06:23
    Using map( ) & filter( )
  • Урок 192. 00:02:14
    Spread Syntax
  • Урок 193. 00:02:11
    Template Strings
  • Урок 194. 00:02:47
    Arrow Function Syntax
  • Урок 195. 00:05:27
    Fetch & Promises
  • Урок 196. 00:03:02
    Async & Await
  • Урок 197. 00:02:47
    Introduction
  • Урок 198. 00:01:01
    Course Files
  • Урок 199. 00:03:25
    Text Editor Setup
  • Урок 200. 00:03:37
    What is Vue.js?
  • Урок 201. 00:03:09
    Setting up Vue.js (the simple way)
  • Урок 202. 00:05:29
    The Vue Instance
  • Урок 203. 00:06:23
    Methods
  • Урок 204. 00:06:19
    Data Binding
  • Урок 205. 00:05:53
    Events
  • Урок 206. 00:05:51
    The Event Object
  • Урок 207. 00:04:45
    Keyboard Events
  • Урок 208. 00:03:12
    Two-way Data Binding (v-model)
  • Урок 209. 00:05:13
    Modifiers
  • Урок 210. 00:07:54
    Conditional Output with v-if
  • Урок 211. 00:07:52
    Looping with v-for
  • Урок 212. 00:08:47
    The Vue CLI
  • Урок 213. 00:12:53
    Components & Vue Files
  • Урок 214. 00:04:03
    The data() Function
  • Урок 215. 00:08:37
    Nesting Components
  • Урок 216. 00:05:02
    Scoped CSS
  • Урок 217. 00:13:38
    Passing Data with Props
  • Урок 218. 00:09:26
    Custom Events
  • Урок 219. 00:10:36
    Life-cycle Hooks
  • Урок 220. 00:08:12
    Making Requests with Axios
  • Урок 221. 00:04:05
    Filters
  • Урок 222. 00:06:26
    Computed Properties (custom search box)
  • Урок 223. 00:05:58
    What is the Vue Router?
  • Урок 224. 00:07:05
    Setting up Routes
  • Урок 225. 00:06:06
    Router Links
  • Урок 226. 00:07:27
    Route Parameters
  • Урок 227. 00:03:10
    Watching the $route Object
  • Урок 228. 00:04:42
    More on Router Links
  • Урок 229. 00:05:42
    Programmatically Redirecting Users
  • Урок 230. 00:02:51
    Hash vs History Mode
  • Урок 231. 00:02:14
    Styling Active Links
  • Урок 232. 00:04:54
    Project Preview & Setup
  • Урок 233. 00:02:34
    Project Structure
  • Урок 234. 00:02:06
    Material Design
  • Урок 235. 00:06:23
    Navbar Component
  • Урок 236. 00:12:29
    Index Component
  • Урок 237. 00:05:45
    Deleting (local) Data
  • Урок 238. 00:04:07
    Introduction to Firebase
  • Урок 239. 00:05:47
    Setting up Firestore
  • Урок 240. 00:06:05
    Installing Firebase
  • Урок 241. 00:11:03
    Retrieving Firestore Data
  • Урок 242. 00:06:08
    Deleting Firestore Data
  • Урок 243. 00:11:30
    Add Smoothie Component
  • Урок 244. 00:09:58
    Adding Ingredients
  • Урок 245. 00:04:27
    Outputting Ingredients
  • Урок 246. 00:09:04
    Saving Records to Firestore
  • Урок 247. 00:05:09
    Deleting Ingredients
  • Урок 248. 00:08:21
    Edit Smoothie Route
  • Урок 249. 00:09:33
    Firestore Queries
  • Урок 250. 00:06:43
    Edit Smoothie Form
  • Урок 251. 00:06:53
    Updating Firestore Records
  • Урок 252. 00:08:30
    Deploying to Firebase
  • Урок 253. 00:01:25
    Project Review
  • Урок 254. 00:03:15
    Project Overview & Setup
  • Урок 255. 00:01:13
    Project Structure
  • Урок 256. 00:05:07
    Firestore Setup
  • Урок 257. 00:08:42
    Making a Welcome Screen
  • Урок 258. 00:08:50
    Passing Props Via Routes
  • Урок 259. 00:06:16
    Route Guards
  • Урок 260. 00:06:07
    Creating the Chat Window
  • Урок 261. 00:06:06
    New Message Component
  • Урок 262. 00:05:58
    Adding Messages to Firestore
  • Урок 263. 00:10:48
    Real-Time Events (event listeners)
  • Урок 264. 00:03:34
    Formatting Times with Moment
  • Урок 265. 00:04:05
    Auto-scrolling
  • Урок 266. 00:03:38
    Deploying the App
  • Урок 267. 00:00:55
    Project Review
  • Урок 268. 00:02:19
    Project Overview & Setup
  • Урок 269. 00:02:04
    Project Structure
  • Урок 270. 00:02:17
    Setting up Firebase
  • Урок 271. 00:04:38
    Navbar Component
  • Урок 272. 00:02:24
    Map Component
  • Урок 273. 00:06:42
    Google Maps API
  • Урок 274. 00:07:08
    Creating a New Map
  • Урок 275. 00:07:43
    Creating a Signup Page
  • Урок 276. 00:04:38
    Firebase Auth & Data Structure
  • Урок 277. 00:13:11
    Checking if an Alias exists
  • Урок 278. 00:05:43
    Signing up a User
  • Урок 279. 00:06:40
    Creating Firestore User Records
  • Урок 280. 00:08:15
    Wrapping the Vue Instance
  • Урок 281. 00:04:51
    Logging a User Out
  • Урок 282. 00:07:45
    Login Component
  • Урок 283. 00:07:06
    Logging Users In
  • Урок 284. 00:08:58
    Geolocation API
  • Урок 285. 00:08:25
    Updating a User’s Location
  • Урок 286. 00:07:57
    Route Guarding (auth)
  • Урок 287. 00:07:08
    Conditional Navbar Links
  • Урок 288. 00:06:43
    Ninja (map) Markers
  • Урок 289. 00:08:35
    User Profiles
  • Урок 290. 00:02:27
    User Comments (data discussion)
  • Урок 291. 00:09:44
    Adding Comments
  • Урок 292. 00:09:07
    Showing Comments (Real-Time)
  • Урок 293. 00:03:59
    Some Final Styles
  • Урок 294. 00:03:30
    Deploying the app
  • Урок 295. 00:02:08
    What Are Cloud Functions?
  • Урок 296. 00:07:04
    Creating a Simple Callable Function
  • Урок 297. 00:07:41
    Calling a Function
  • Урок 298. 00:04:49
    Intro to Firebase Rules
  • Урок 299. 00:04:42
    ES6 Arrow Functions
  • Урок 300. 00:05:46
    ES6 Promises
  • Урок 301. 00:03:36
    Imports and Exports
  • Урок 302. 00:05:12
    JavaScript Filter Method
  • Урок 303. 00:04:09
    Vue CLI 3 Introduction
  • Урок 304. 00:06:20
    Using the new Vue CLI
  • Урок 305. 00:02:44
    The CLI Service
  • Урок 306. 00:06:21
    Custom Presets
  • Урок 307. 00:04:51
    Adding Plugins
  • Урок 308. 00:05:45
    Build & Deploy to Firebase
  • Урок 309. 00:08:54
    Instant Prototyping
  • Урок 310. 00:07:38
    Build Targets (Making a Web Component)
  • Урок 311. 00:04:24
    Using Web Components
  • Урок 312. 00:05:11
    The Vue GUI (part 1)
  • Урок 313. 00:04:48
    The Vue GUI (part 2)
  • Урок 314. 00:01:40
    Using 'vue init' with the New CLI