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