2021-01 The Vue js 3 Masterclass

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