-
Урок 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