Course Content
13 – Master Project Uploading Files
0/26
014 Canceling Uploads.mp4
04:44
026 Router Leave Guards.mp4
09:43
025 Updating the list of songs after an Upload.mp4
08:04
024 Deleting a Song from the StorageDatabase.mp4
10:06
023 Editing a Song.mp4
12:53
022 Validating the Song Form.mp4
07:00
021 Toggling the Form.mp4
02:47
020 Prop Validation.mp4
02:52
019 Displaying the List of Songs.mp4
03:02
018 Storing the List of Songs.mp4
04:44
017 Querying the Database.mp4
06:03
016 One more thing about References.mp4
04:43
015 Cancelling Uploads with Refs.mp4
07:01
001 Preparing the Upload Component.mp4
06:18
013 Fallback Upload.mp4
04:38
012 Firebase References and Snapshots.mp4
02:37
011 Storing the File Data in the Database.mp4
10:41
010 Handling Errors and Successful Uploads.mp4
06:42
009 Improving the Progress Bar.mp4
04:52
008 Making the Progress Bar Dynamic.mp4
03:13
007 Adding the Progress Bar.mp4
06:53
006 Firebase Rules and Validation.mp4
07:01
005 Uploading Files with Firebase.mp4
05:57
004 Enabling Firebase’s Storage Service.mp4
01:20
003 Handling the File.mp4
06:34
002 Handling Drag and Drop Events.mp4
08:12
24 – Appendix Extra Bits
0/5
003 Using The TerminalCommand Prompt.mp4
10:05
004 Running script.js In Node.mp4
03:05
005 Modules In Node.mp4
04:22
007 ES6 Modules In Node.mp4
08:59
008 Types of Modules.mp4
05:10
23 – Where To Go From Here
0/1
001 Thank You!.mp4
01:17
22 – Component Design Patterns
0/7
001 Section Overview.mp4
01:13
002 Controlled Components.mp4
17:56
003 Separation of Concerns.mp4
04:55
004 Third-Party Libraries as Controlled Components.mp4
14:04
005 Moving Beyond Vue’s Event System.mp4
11:27
006 Encapsulating Scrolling.mp4
08:35
007 The Teleport Component.mp4
11:55
21 – Composition API
0/14
001 The Composition API.mp4
06:00
002 Mixins.mp4
10:23
003 Reactive References.mp4
07:09
004 The Reactive Function.mp4
07:04
005 Watchers and Computed Properties.mp4
08:03
006 Lifecycle Functions.mp4
03:07
007 Props.mp4
06:09
008 Template Refs.mp4
04:38
009 Emitting Events.mp4
01:54
010 Advantages of the Composition API.mp4
11:51
011 Router Hooks.mp4
07:42
012 Pinia Hooks.mp4
03:03
013 Verifying Reactivity.mp4
03:08
014 The setup Attribute.mp4
02:58
20 – Master Project Testing Your Vue App
0/18
010 Testing Children Components.mp4
06:30
018 Writing an E2E Test.mp4
12:20
017 E2E Testing Overview.mp4
06:30
016 Snapshot Testing.mp4
11:54
015 Testing Router Components.mp4
06:35
014 Mocking Promises.mp4
04:14
013 Testing Pinia Actions.mp4
06:07
012 Testing Attributes.mp4
06:28
011 Mocking Methods.mp4
05:33
001 Introduction to Testing.mp4
12:14
009 Avoid Boolean Assertions.mp4
01:37
008 Stubbing Components.mp4
04:50
007 Passing Data to Components.mp4
05:11
006 Testing the Inner Content.mp4
04:15
005 Mounting with Vue Test Utils.mp4
06:39
004 Writing Our First Test.mp4
08:57
003 Adding the Vitest UI.mp4
02:55
002 Introduction to Vitest.mp4
02:50
19 – Master Project Deployment + Production
0/1
001 Deploying an App with Vercel.mp4
11:17
18 – Master Project Performance Optimizations
0/7
001 Overview.mp4
01:54
002 Auto-Registering Global Components.mp4
10:38
003 Perceived Performance.mp4
07:17
004 Dynamic Route Imports.mp4
05:53
005 Progress Bar.mp4
05:39
006 Code Coverage.mp4
04:00
007 Rollup Visualizer.mp4
05:02
17 – Master Project PWA (Progressive Web App)
0/9
001 What are Progressive Web Apps.mp4
04:19
002 The Manifest File.mp4
05:24
003 Generating the Manifest File.mp4
05:35
004 Configuring the Manifest File.mp4
03:29
005 Offline Support with Service Workers.mp4
06:00
006 Understanding Caching.mp4
03:00
007 Workbox.mp4
05:15
008 Firebase Data Persistence.mp4
04:18
009 Handling Offline Uploads.mp4
05:34
16 – Master Project Internationalization
0/7
001 Introduction to i18n.mp4
06:01
002 Our First Translation.mp4
07:07
003 Formatting and Pluralization.mp4
06:40
004 Number Localizations.mp4
08:38
005 Translating HTML with Component Interpolation.mp4
05:56
006 Changing Locales.mp4
05:41
007 Exercise Translating the Rest of the App.mp4
02:50
15 – Master Project Directives
0/5
001 Introduction to Directives.mp4
05:31
002 Writing our First Directive.mp4
05:47
003 Passing Values to Directives.mp4
05:21
004 Directive Modifiers.mp4
05:06
005 Registering a Directive Locally.mp4
04:39
14 – Master Project Playing Music
0/22
012 Detecting Query Parameters.mp4
06:55
023 Route Transitions.mp4
04:43
022 Creating links with Hash Fragments.mp4
04:48
020 Changing the Audio Position.mp4
10:23
019 Player Progress Bar.mp4
08:21
018 Formatting the Time.mp4
04:31
017 Duration and Current Position.mp4
06:13
016 Toggling Audio.mp4
10:03
015 Playing Audio.mp4
03:33
014 Storing the song in the State.mp4
07:27
013 Updating the Comment Count.mp4
04:27
001 Creating the Home Page.mp4
09:40
011 Query Parameters.mp4
05:43
010 Updating the Comments List.mp4
07:34
009 Displaying the Comments.mp4
06:20
008 Finalizing the Comment Form.mp4
10:23
007 Prepping the Form.mp4
04:42
006 Validating the Comment.mp4
03:58
005 Creating the Song Template.mp4
09:53
004 Path Parameters.mp4
04:47
003 Infinite Scrolling.mp4
08:23
002 Checking the Scroll Position.mp4
08:12
01 – Introduction
0/5
001 Course Outline.mp4
05:55
002 Join Our Online Classroom!.mp4
04:01
004 Vue vs React vs Angular.mp4
12:07
005 Composition vs. Options API.mp4
02:13
008 ZTM Resources.mp4
04:23
12 – Master Project Routing
0/15
001 Understanding Routing.mp4
04:45
002 Reviewing the Router Configuration.mp4
05:06
003 Creating Routes.mp4
07:09
004 History Mode.mp4
08:47
005 Navigating with Links.mp4
05:47
006 Custom Links.mp4
05:21
007 Tailwind Styles for Active Links.mp4
05:02
008 Naming Routes.mp4
04:15
009 Setting up “Catch-All” and Redirect Routes.mp4
06:23
010 Route Alias.mp4
02:38
011 Guarding Routes.mp4
05:13
012 Route Specific Guards.mp4
04:54
013 Guarding Authentication Only Routes.mp4
03:20
014 Redirecting after Logging Out.mp4
04:55
015 Route Meta Fields.mp4
08:26
11 – Master Project Authentication
0/17
010 Logging the user in after Signup.mp4
06:47
018 Sidebar JSON Web Tokens.mp4
09:10
017 Signing Out.mp4
08:03
016 Setting up the Login.mp4
06:42
015 Persisting the User Authentication.mp4
06:29
014 Initializing Firebase First.mp4
04:39
013 Connecting the User with their Data.mp4
08:24
012 Using Actions.mp4
07:45
011 Understanding Actions.mp4
02:22
001 Understanding Authentication.mp4
06:23
009 Understanding Authentication.mp4
06:25
007 Storing the User Form Data.mp4
07:56
006 Exporting Services.mp4
04:54
005 Handling the Response.mp4
04:48
004 User Registration.mp4
06:30
003 Setting up the Firebase SDK.mp4
07:37
002 Reviewing the Rules.mp4
04:49
10 – Master Project Form Validation
0/18
010 Dropdown and Checkbox Fields.mp4
07:29
018 Setting up the Login Form.mp4
18:00
017 Showing Alerts.mp4
08:57
016 Validation Triggers.mp4
03:58
015 Custom Error Messages.mp4
10:34
014 Default Values.mp4
01:53
013 Rendering Multiple Error Messages.mp4
06:22
012 Sidebar Slot Properties.mp4
08:34
011 Validating the Form.mp4
04:01
001 Setting up Form Validation.mp4
04:30
009 Validating Passwords.mp4
05:01
008 Validating Numbers.mp4
04:32
007 Validating Emails.mp4
03:40
006 Additional Rules.mp4
06:30
005 Applying Rules.mp4
05:35
004 Defining Rules.mp4
03:48
003 Validation Components.mp4
05:31
002 Registering a Plugin.mp4
05:34
09 – Master Project Introduction to Pinia
0/20
011 Reviewing the Pinia Configuration.mp4
06:04
020 Adding Tabs.mp4
05:33
019 Aliases.mp4
03:13
018 Closing the Modal.mp4
02:05
017 Using Getters.mp4
04:09
016 Understanding Getters.mp4
01:31
015 Alternative Mapping Functions.mp4
03:06
014 Working with State.mp4
06:40
013 Disabling Vue’s Rules.mp4
04:52
012 Splitting the Template into Components.mp4
05:23
001 The Next Step.mp4
01:31
010 Understanding State.mp4
05:34
009 Loading Assets.mp4
03:59
008 Practicing with Tailwind.mp4
05:15
007 Installing Tailwind.mp4
07:58
006 What is Tailwind.mp4
05:36
005 Adding the Template.mp4
08:13
004 Formatting with ESLint and Prettier.mp4
04:30
003 Reviewing the Files.mp4
06:19
002 Creating a New Project.mp4
04:39
08 – Project 2 Vue Quiz App
0/5
001 Setting up the Quiz Application.mp4
05:00
002 Rendering the Questions.mp4
12:03
003 Moving between Questions.mp4
10:44
004 Finishing Touches.mp4
11:27
005 Exercise Imposter Syndrome.mp4
02:55
07 – Transitions & Animations
0/9
001 Animating with CSS Transitions.mp4
09:47
002 Fine-tuning Transitions.mp4
05:11
003 Animating with CSS Animations.mp4
08:32
004 Animating with JavaScript.mp4
06:34
005 JavaScript Zoom Animation.mp4
06:51
006 CSS and JavaScript Transitions.mp4
03:24
007 Animating a List.mp4
08:53
008 Fixing the Animation.mp4
04:18
009 Transition CSS Class Names.mp4
05:37
06 – Advanced Vue Components
0/16
001 Scaffolding a Vue Project.mp4
09:08
002 Sidebar Understanding Servers.mp4
05:25
003 Reviewing the Files.mp4
09:29
004 Creating Components.mp4
04:04
005 Child Components.mp4
08:16
006 Component Styles.mp4
06:29
007 Using SASS in Components.mp4
02:04
008 Communicating Between Components.mp4
02:21
009 Props.mp4
06:13
010 The Limitations of Props.mp4
03:46
011 Emitting Events.mp4
08:34
012 Validating Props.mp4
07:35
013 Callback Functions.mp4
04:58
014 Inserting content with slots.mp4
08:33
015 Named Slots.mp4
07:07
016 Dynamic Components.mp4
09:38
05 – Vue Developer Environment
0/9
001 Overview.mp4
02:16
003 Introduction to Vite.mp4
05:29
004 Exploring Vite.mp4
05:46
005 Understanding SASS.mp4
08:00
006 PostCSS.mp4
06:37
007 Installing ESLint.mp4
04:52
008 Configuring ESLint.mp4
07:27
009 Webpack.mp4
08:21
010 Conclusion.mp4
00:46
04 – Vue Beyond the Fundamentals
0/7
001 Mounting the Vue Instance.mp4
04:17
002 Understanding Lifecycle Hooks.mp4
04:39
003 Using Lifecycle Hooks.mp4
09:21
004 Virtual DOM.mp4
07:21
005 Understanding Reactivity with Proxies.mp4
07:32
006 The Vue Compiler.mp4
13:02
007 Introduction to Components.mp4
07:42
03 – Project 1 Perspective Playground
0/2
001 Creating a Perspective Playground.mp4
11:45
002 Copying to the Clipboard.mp4
04:06
02 – Vue Fundamentals
0/23
012 Passing on Data with Events.mp4
02:33
023 Understanding the role of the key attribute.mp4
08:15
022 List Rendering.mp4
12:00
021 The v-show Directive.mp4
04:24
020 Conditional Rendering.mp4
10:04
019 Binding Styles.mp4
05:13
018 Binding Classes.mp4
08:09
017 Watchers.mp4
03:12
016 Computed Properties.mp4
09:06
015 v-model Modifiers.mp4
05:19
014 Keyboard Events and Modifiers.mp4
04:54
013 Event Modifiers.mp4
02:31
001 Getting Started.mp4
07:37
011 Listening to Events.mp4
07:06
010 Outputting Raw HTML.mp4
06:00
009 Binding Attributes.mp4
02:38
008 Two-way data binding.mp4
07:13
007 Directives.mp4
05:07
006 Methods.mp4
04:40
005 Accessing the Instance Data.mp4
06:01
004 Multiple Vue Instances.mp4
04:06
003 Working with Data.mp4
08:43
002 Vue Dev Tools.mp4
06:01
[Last updated 5/2024] Complete Vue Developer Bootcamp (Pinia, Vitest) (Udemy – Engsub)
Previous
Next
0% Complete