Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:02:40
    What Do I Need to Take the Vue 3 Masterclass?
  2. Урок 2. 00:04:31
    FTF - Hello from the Future
  3. Урок 3. 00:01:49
    FTF - From Vue CLI to Vite
  4. Урок 4. 00:05:21
    Install Vue CLI and Its Dependencies
  5. Урок 5. 00:02:47
    Scaffold a New Vue 3 Project With Vue CLI
  6. Урок 6. 00:04:32
    Exploring the Scaffolded Vue 3 Project
  7. Урок 7. 00:08:02
    FTF - Bootstrap the Project with Vite
  8. Урок 8. 00:09:26
    Automatic and Static Code Review With ESLint (Linting)
  9. Урок 9. 00:06:20
    Choosing ESLint Presets
  10. Урок 10. 00:05:31
    Initialize a Vue 3 App Using createApp
  11. Урок 11. 00:08:36
    Structuring Our Forum Data
  12. Урок 12. 00:03:27
    How to Import Data From JSON Files in a Vue 3 App
  13. Урок 13. 00:05:09
    FTF - From Options to CAPI
  14. Урок 14. 00:12:28
    Displaying a List of Elements in Vue 3
  15. Урок 15. 00:09:47
    FTF - Refactor the HomePage Component Using the Composition API
  16. Урок 16. 00:05:59
    Styling Vue Components
  17. Урок 17. 00:04:31
    Global Styles and Stylesheet Processing
  18. Урок 18. 00:07:16
    Install and Configure Vue Router 4
  19. Урок 19. 00:06:01
    Dynamic Route Matching & Route Params
  20. Урок 20. 00:02:10
    Extract Router Configuration
  21. Урок 21. 00:08:43
    Create ThreadList.vue and Clean up the Homepage
  22. Урок 22. 00:05:02
    FTF - Refactor the ThreadList Component with the Composition API
  23. Урок 23. 00:04:07
    Using router-link to Navigate Between Page Components
  24. Урок 24. 00:04:50
    Creating a Not Found Page with Vue Router
  25. Урок 25. 00:10:28
    Redirect With Vue Router Without Changing the URL
  26. Урок 26. 00:04:53
    Reorganizing the Page Components
  27. Урок 27. 00:06:19
    Creating a Forum Post Component
  28. Урок 28. 00:11:04
    Creating a Post Editor
  29. Урок 29. 00:08:26
    Communication Between Components
  30. Урок 30. 00:07:14
    Adding Human Readable Dates
  31. Урок 31. 00:06:09
    Creating Base Components in a Vue Application
  32. Урок 32. 00:05:49
    Registering Base Components Globally
  33. Урок 33. 00:06:31
    Organizing Threads in Forums
  34. Урок 34. 00:08:43
    Creating a ForumList Component
  35. Урок 35. 00:12:38
    Introducing Categories, Collections of Forums
  36. Урок 36. 00:04:52
    FTF - From Vuex to Pinia
  37. Урок 37. 00:10:24
    How to Migrate Vue Application’s State to Vuex
  38. Урок 38. 00:06:33
    Vuex Actions & Mutations
  39. Урок 39. 00:12:21
    FTF - Setup Initial State in Pinia
  40. Урок 40. 00:09:41
    FTF - Use Pinia Actions for Adding Posts
  41. Урок 41. 00:04:05
    Creating a Forum Navbar
  42. Урок 42. 00:03:34
    Fetching the Authenticated User From Vuex
  43. Урок 43. 00:07:19
    Creating the User Profile Page
  44. Урок 44. 00:04:25
    JavaScript: Passed by Reference vs by Value
  45. Урок 45. 00:06:25
    Extracting User Posts and Threads to the Store
  46. Урок 46. 00:07:35
    Updating the User Profile
  47. Урок 47. 00:04:42
    Sharing Components Between Multiple Pages
  48. Урок 48. 00:02:27
    Scroll to Top with Vue Router
  49. Урок 49. 00:02:23
    Using the authId When Creating new posts
  50. Урок 50. 00:03:34
    Creating New Forum Threads
  51. Урок 51. 00:07:40
    Refactoring the Forum Thread Related Actions and Mutations
  52. Урок 52. 00:04:29
    Creating a Route to Create New Forum Threads
  53. Урок 53. 00:03:44
    Redirecting When Creating New Threads
  54. Урок 54. 00:03:54
    Creating a ThreadEditor Component
  55. Урок 55. 00:10:49
    Editing Threads
  56. Урок 56. 00:03:27
    Improving the ThreadEditor
  57. Урок 57. 00:09:35
    FTF - Refactor the Thread Editor Component with the Composition API
  58. Урок 58. 00:09:14
    Creating Helper Functions
  59. Урок 59. 00:06:59
    What Is a Higher Order Function in JavaScript?
  60. Урок 60. 00:09:53
    Creating Vuex Mutations with Higher Order Functions
  61. Урок 61. 00:10:28
    Creating Dynamic Vuex Getters with Higher Order Functions
  62. Урок 62. 00:05:57
    Minor Improvements Before Introducing the Cloud Firestore
  63. Урок 63. 00:02:25
    FTF - From Firebase 8 - 9
  64. Урок 64. 00:06:41
    Firebase Setup and Installation
  65. Урок 65. 00:05:57
    Set up the Cloud Firestore Database
  66. Урок 66. 00:06:34
    Understanding the Lifecycle Hooks in Vue.js
  67. Урок 67. 00:11:04
    Migrating Vuex to use Cloud Firestore Database
  68. Урок 68. 00:05:36
    Fetching Data from Cloud Firestore with Vuex Actions
  69. Урок 69. 00:08:53
    Creating Reusable Vuex Actions and Mutations
  70. Урок 70. 00:07:48
    Creating Vuex Actions that Fetch Multiple Items from Cloud Firestore
  71. Урок 71. 00:08:32
    Fetching Data in beforeCreate on the Homepage
  72. Урок 72. 00:05:59
    Fetching Data for the Forum Page
  73. Урок 73. 00:12:52
    Fetching Data For All Remaining Pages
  74. Урок 74. 00:07:31
    Mapping Vuex Actions
  75. Урок 75. 00:06:38
    Splitting the Vuex Store into Multiple Files
  76. Урок 76. 00:04:00
    Fetching App-Wide Data
  77. Урок 77. 00:09:42
    Storing New Posts in Cloud Firestore with Vuex
  78. Урок 78. 00:06:13
    Using the Server Timestamp for Post Published At
  79. Урок 79. 00:05:03
    Storing New Threads in Cloud Firestore with Vuex
  80. Урок 80. 00:08:01
    Incrementing the User's Posts Count
  81. Урок 81. 00:06:34
    Updating a Thread in the Firestore
  82. Урок 82. 00:09:51
    Creating a Font Awesome Plugin in Vue 3
  83. Урок 83. 00:08:30
    Preparing the User Interface for Post Updates
  84. Урок 84. 00:05:52
    Updating a Post in Cloud Firestore
  85. Урок 85. 00:14:04
    Unsubscribing from Cloud Firestore Snapshots
  86. Урок 86. 00:02:41
    Hiding Content Until Data is Fully Loaded
  87. Урок 87. 00:08:43
    Sharing Logic Between Components with Mixins
  88. Урок 88. 00:09:23
    Displaying a Loading Indicator while Components Fetch Async Data
  89. Урок 89. 00:02:11
    Show a Loading Spinner while Fetching Async Data
  90. Урок 90. 00:04:18
    Showing a Progress Bar while Components Fetch Asynchronous Data
  91. Урок 91. 00:06:02
    Firebase Tools (CLI)
  92. Урок 92. 00:06:24
    Seeding the Database
  93. Урок 93. 00:06:53
    Using .env for Different Environment Configuration
  94. Урок 94. 00:05:12
    Using .env for Secure Secrets
  95. Урок 95. 00:04:25
    Creating the User Registration Form
  96. Урок 96. 00:06:06
    Storing New Users in the Firestore
  97. Урок 97. 00:07:01
    Integrating Registration with Firebase Authentication
  98. Урок 98. 00:05:45
    Signing the User in after Registration
  99. Урок 99. 00:07:46
    Signing Users In and Out
  100. Урок 100. 00:05:02
    Using Class Bindings for User Drop Down Menu
  101. Урок 101. 00:06:02
    Authenticating Users via 3rd Party Providers
  102. Урок 102. 00:09:09
    Unsubscribing from the Auth User Snapshot
  103. Урок 103. 00:11:51
    In Component Navigation Guards with Vue Router
  104. Урок 104. 00:04:47
    Navigation Guards for Componentless Routes
  105. Урок 105. 00:06:20
    Meta Fields and Global Navigation Guards
  106. Урок 106. 00:07:50
    Navigation Guards and Firebase Authentication
  107. Урок 107. 00:03:28
    404 Thread Show Page and Async Thread Data
  108. Урок 108. 00:13:59
    Firestore Rules and Protecting Pages for Authenticated Users
  109. Урок 109. 00:02:49
    Hiding Guest Pages from Logged In Users
  110. Урок 110. 00:04:26
    Redirecting Users After Logging In to the Page they Tried to Visit
  111. Урок 111. 00:02:53
    Allowing Only Authenticated Users to Create and Edit Posts
  112. Урок 112. 00:05:36
    The Authenticated User's Profile Page
  113. Урок 113. 00:06:04
    Forcing Vue Router to Destroy Component to Trigger Lifecycle Hooks
  114. Урок 114. 00:10:58
    Splitting a Large Vuex Store Into Namespaced Modules Part 1
  115. Урок 115. 00:12:28
    Splitting a Large Vuex Store Into Namespaced Modules Part 2
  116. Урок 116. 00:14:29
    Splitting a Large Vuex Store Into Namespaced Modules Part 3
  117. Урок 117. 00:06:54
    Closing Dropdown on Click Outside
  118. Урок 118. 00:04:31
    Building a Mobile Navbar
  119. Урок 119. 00:06:07
    Closing the Mobile Navbar on Scroll
  120. Урок 120. 00:10:04
    Pagination and Indexes in the Cloud Firestore
  121. Урок 121. 00:05:37
    Paginating User Posts with Infinite Scroll
  122. Урок 122. 00:17:11
    Paginating Threads with Pagination Component
  123. Урок 123. 00:03:07
    Storing the Current Page as a URL Query Variable
  124. Урок 124. 00:05:41
    Clean Up to Prep for Notifications
  125. Урок 125. 00:10:49
    A Composable for Storing and Interacting with Notifications
  126. Урок 126. 00:09:15
    Implementing Notifications on Thread Page Part 1
  127. Урок 127. 00:03:40
    Implementing the Notifications on Thread Page Part 2
  128. Урок 128. 00:03:04
    Extending Notifications with Options
  129. Урок 129. 00:01:50
    Using the Transition Group Component
  130. Урок 130. 00:08:08
    Uploading Avatars to Firebase Storage During Registration
  131. Урок 131. 00:01:57
    Securing Files with Firebase Storage Rules
  132. Урок 132. 00:05:17
    Editing the User Avatar on the Profile Page
  133. Урок 133. 00:06:54
    Improving the Avatar Editing User Experience
  134. Урок 134. 00:04:58
    Handling Errors With Image Uploads
  135. Урок 135. 00:04:39
    Providing an Avatar Placeholder for Users with no Avatar
  136. Урок 136. 00:09:53
    Use the Pixabay REST API to Enable Random Profile Pictures
  137. Урок 137. 00:03:31
    Storing Images to Firebase Storage from a Web URL
  138. Урок 138. 00:04:43
    Introduction to VeeValidate
  139. Урок 139. 00:03:18
    Displaying Error Messages with VeeValidate
  140. Урок 140. 00:06:06
    Defining Global Components and Rules
  141. Урок 141. 00:01:48
    Using Multiple Rules on a Single Field
  142. Урок 142. 00:02:08
    Passing Arguments to VeeValidate Rules
  143. Урок 143. 00:04:55
    Customizing VeeValidate Error Messages
  144. Урок 144. 00:06:25
    Defining Async Rules with VeeValidate
  145. Урок 145. 00:06:01
    Wrapping VeeValidate Field with Custom AppFormField
  146. Урок 146. 00:06:04
    Adding Validation to all the Forms
  147. Урок 147. 00:06:56
    Creating a Simple Autocomplete Location Field
  148. Урок 148. 00:05:44
    Last Minute Clean Up Part 1
  149. Урок 149. 00:06:42
    Last Minute Clean Up Part 2
  150. Урок 150. 00:04:54
    Last Minute Clean Up Part 3
  151. Урок 151. 00:10:08
    Updating the User Email Address
  152. Урок 152. 00:05:06
    Updating the User Email Address Part 2
  153. Урок 153. 00:03:45
    Deploying to Netlify
  154. Урок 154. 00:03:06
    CI/CD with Netlify
  155. Урок 155. 00:08:04
    Analyzing Bundle Size and Code Splitting Routes
  156. Урок 156. 00:08:35
    Meta for SEO with Netlify PreRendering
  157. Урок 157. 00:00:49
    Course Conclusion