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