001 Course Outline (75.03 MB)
002 Join Our Online Classroom! (75.3 MB)
004 Vue vs React vs Angular (165.35 MB)
005 Composition vs Options API (8.2 MB)
006 ZTM-Vue-Course-Code (6.95 MB)
008 ZTM Resources (43.82 MB)
001 Getting Started (29 MB)
001 section-2-1-COMPLETE (723 B)
001 section-2-1-STARTER (651 B)
002 Vue Dev Tools (13.08 MB)
003 Working with Data (28.89 MB)
004 Multiple Vue Instances (16.14 MB)
005 Accessing the Instance Data (15.7 MB)
006 Methods (11.54 MB)
007 Directives (25.77 MB)
008 Two-way data binding (19.26 MB)
009 Binding Attributes (7.45 MB)
009 section-2-9-COMPLETE (1.06 KB)
010 Outputting Raw HTML (13.98 MB)
011 Listening to Events (33.22 MB)
011 section-2-11-COMPLETE (1.22 KB)
012 Passing on Data with Events (5.94 MB)
013 Event Modifiers (11.7 MB)
014 Keyboard Events and Modifiers (15.56 MB)
015 v-model Modifiers (30.42 MB)
016 Computed Properties (39.42 MB)
017 section-2-17-COMPLETE (1.41 KB)
017 Watchers (6.04 MB)
018 Binding Classes (21.18 MB)
018 section-2-18-STARTER (951 B)
019 Binding Styles (13.63 MB)
019 section-2-19-COMPLETE (1.22 KB)
020 Conditional Rendering (26.64 MB)
020 section-2-20-STARTER (729 B)
021 section-2-21-COMPLETE (915 B)
021 The v-show Directive (10.2 MB)
022 List Rendering (33.96 MB)
022 section-2-22-STARTER (840 B)
023 section-2-23-COMPLETE (1.21 KB)
023 section-2-23-STARTER (1.11 KB)
023 Understanding the role of the key attribute (31.71 MB)
001 Creating a Perspective Playground (35.76 MB)
001 section-3-1-STARTER (1.52 KB)
002 Copying to the Clipboard (24.22 MB)
002 section-3-2-COMPLETE (1.77 KB)
001 Mounting the Vue Instance (15.66 MB)
001 section-4-1-STARTER (778 B)
002 Understanding Lifecycle Hooks (14.26 MB)
003 section-4-3-COMPLETE (939 B)
003 Using Lifecycle Hooks (38.01 MB)
004 Virtual DOM (19.96 MB)
005 Understanding Reactivity with Proxies (25.31 MB)
006 The Vue Compiler (44.32 MB)
007 Introduction to Components (25.16 MB)
007 section-4-7-COMPLETE (905 B)
001 Overview (2.99 MB)
003 Introduction to Vite (9.01 MB)
004 Exploring Vite (20.36 MB)
005 Understanding SASS (26.57 MB)
006 PostCSS (13.26 MB)
007 Installing ESLint (15.02 MB)
008 Configuring ESLint (36.63 MB)
008 section-5-7-COMPLETE (7.24 KB)
009 section-5-8-COMPLETE (1.64 KB)
009 webpack-example (1.64 KB)
009 Webpack (25.26 MB)
010 Conclusion (924.51 KB)
001 Scaffolding a Vue Project (27.52 MB)
002 Sidebar Understanding Servers (7.38 MB)
003 Reviewing the Files (33.22 MB)
004 Creating Components (9.37 MB)
005 Child Components (27.02 MB)
006 Component Styles (29.5 MB)
007 Using SASS in Components (3.31 MB)
008 Communicating Between Components (6.66 MB)
009 Props (29.53 MB)
010 The Limitations of Props (11.29 MB)
011 Emitting Events (27.25 MB)
012 Validating Props (37.01 MB)
013 Callback Functions (10.18 MB)
013 section-6-13-COMPLETE (12.88 KB)
014 Inserting content with slots (23.59 MB)
015 Named Slots (36.73 MB)
015 section-6-15-COMPLETE (4.87 KB)
001 Dynamic Components (38.1 MB)
001 section-6-16-COMPLETE (11.76 KB)
002 Animating with CSS Transitions (31.06 MB)
002 section-7-1-STARTER (4.79 KB)
003 Fine-tuning Transitions (20.49 MB)
004 Animating with CSS Animations (18.97 MB)
005 Animating with jаvascript (23.2 MB)
006 jаvascript Zoom Animation (31.54 MB)
007 CSS and jаvascript Transitions (8.35 MB)
008 Animating a List (27.76 MB)
009 Fixing the Animation (8 MB)
010 section-7-9-COMPLETE (5.56 KB)
010 Transition CSS Class Names (23.43 MB)
001 section-8-1-STARTER (1.6 KB)
001 Setting up the Quiz Application (13.03 MB)
002 Rendering the Questions (65.79 MB)
003 Moving between Questions (39.83 MB)
004 Finishing Touches (49.07 MB)
004 section-8-4-COMPLETE (6.28 KB)
005 Exercise Imposter Syndrome (26.51 MB)
001 The Next Step (6.51 MB)
002 Creating a New Project (7.6 MB)
003 Reviewing the Files (22.67 MB)
004 Formatting with ESLint and Prettier (26.11 MB)
005 Adding the Template (55.74 MB)
005 music-template (187.54 KB)
006 What is Tailwind (14.47 MB)
007 Installing Tailwind (41.75 MB)
008 Practicing with Tailwind (28.36 MB)
009 Loading Assets (17.13 MB)
010 Understanding State (13.44 MB)
011 Reviewing the Pinia Configuration (15.13 MB)
012 Splitting the Template into Components (33.08 MB)
013 Disabling Vue's Rules (17.95 MB)
014 Working with State (35.86 MB)
015 Alternative Mapping Functions (9.97 MB)
016 Understanding Getters (1.97 MB)
017 Using Getters (10.9 MB)
018 Closing the Modal (12.78 MB)
019 Aliases (22.21 MB)
020 Adding Tabs (38.09 MB)
020 music-9-22-COMPLETED (308.2 KB)
001 Setting up Form Validation (9.23 MB)
002 Registering a Plugin (15.53 MB)
003 Validation Components (30.11 MB)
004 Defining Rules (10.57 MB)
005 Applying Rules (32.25 MB)
006 Additional Rules (46.53 MB)
007 Validating Emails (20.97 MB)
008 Validating Numbers (17.81 MB)
009 Validating Passwords (29.88 MB)
010 Dropdown and Checkbox Fields (45.67 MB)
011 music-10-11-COMPLETED (498.85 KB)
011 Validating the Form (12.76 MB)
012 section-10-12-COMPLETE (5.03 KB)
012 section-10-12-STARTER (5.01 KB)
012 Sidebar Slot Properties (20.45 MB)
013 Rendering Multiple Error Messages (28.4 MB)
014 Default Values (5.99 MB)
015 Custom Error Messages (57.86 MB)
016 Validation Triggers (13.3 MB)
017 Showing Alerts (49.08 MB)
018 music-10-18-COMPLETED (311.89 KB)
018 Setting up the Login Form (151.19 MB)
001 Understanding Authentication (19.4 MB)
002 Reviewing the Rules (11.17 MB)
003 Setting up the Firebase SDK (34.58 MB)
004 User Registration (36.71 MB)
005 Handling the Response (16.13 MB)
006 Exporting Services (22.98 MB)
007 Storing the User Form Data (35.27 MB)
009 Understanding Authentication (12.73 MB)
010 Logging the user in after Signup (64.75 MB)
011 Understanding Actions (4.34 MB)
012 Using Actions (42.63 MB)
013 Connecting the User with their Data (40.97 MB)
014 Initializing Firebase First (11.34 MB)
015 Persisting the User Authentication (19.97 MB)
016 Setting up the Login (25.51 MB)
017 Signing Out (81.56 MB)
018 music-11-17-COMPLETED (312.34 KB)
018 Sidebar JSON Web Tokens (36.53 MB)
001 Understanding Routing (7.7 MB)
002 Reviewing the Router Configuration (12.34 MB)
003 Creating Routes (46.94 MB)
004 History Mode (73.08 MB)
005 Navigating with Links (22.79 MB)
006 Custom Links (39.64 MB)
007 Tailwind Styles for Active Links (43.47 MB)
008 Naming Routes (16.34 MB)
009 Setting up "Catch-All" and Redirect Routes (19.41 MB)
010 Route Alias (7.07 MB)
011 Guarding Routes (26.29 MB)
012 Route Specific Guards (21.09 MB)
013 Guarding Authentication Only Routes (7.59 MB)
014 Redirecting after Logging Out (17.43 MB)
015 music-12-15-COMPLETED (313.96 KB)
015 Route Meta Fields (23.03 MB)
001 Preparing the Upload Component (40.7 MB)
002 Handling Drag and Drop Events (44.45 MB)
003 Handling the File (37.57 MB)
004 Enabling Firebase's Storage Service (2.78 MB)
005 Uploading Files with Firebase (25.78 MB)
006 Firebase Rules and Validation (22.17 MB)
007 Adding the Progress Bar (36.78 MB)
008 Making the Progress Bar Dynamic (11.34 MB)
009 Improving the Progress Bar (12.79 MB)
010 Handling Errors and Successful Uploads (37.54 MB)
011 Storing the File Data in the Database (55.26 MB)
012 Firebase References and Snapshots (7.34 MB)
013 Fallback Upload (27.65 MB)
014 Canceling Uploads (19.41 MB)
015 Cancelling Uploads with Refs (25.64 MB)
015 music-13-14-COMPLETED (513.83 KB)
016 One more thing about References (10.56 MB)
016 section-13-16-STARTER (529 B)
017 Querying the Database (22.59 MB)
018 Storing the List of Songs (15.55 MB)
019 Displaying the List of Songs (11.89 MB)
020 Prop Validation (7.98 MB)
021 Toggling the Form (8.59 MB)
022 Validating the Song Form (40.51 MB)
023 Editing a Song (67.82 MB)
024 Deleting a Song from the StorageDatabase (51.93 MB)
025 Updating the list of songs after an Upload (41.03 MB)
026 music-13-26-COMPLETED (316.75 KB)
026 Router Leave Guards (56.59 MB)
001 Creating the Home Page (52.67 MB)
002 Checking the Scroll Position (39.5 MB)
003 Infinite Scrolling (28.92 MB)
004 Path Parameters (24.94 MB)
005 Creating the Song Template (62.56 MB)
006 Validating the Comment (23.15 MB)
007 Prepping the Form (26.73 MB)
008 Finalizing the Comment Form (57.74 MB)
009 Displaying the Comments (31.14 MB)
010 Updating the Comments List (39.1 MB)
011 Query Parameters (19.86 MB)
012 Detecting Query Parameters (17 MB)
013 Updating the Comment Count (33.24 MB)
014 Storing the song in the State (38.91 MB)
015 Playing Audio (18.79 MB)
016 Toggling Audio (56.98 MB)
017 Duration and Current Position (32.05 MB)
018 Formatting the Time (10.7 MB)
019 Player Progress Bar (80.51 MB)
020 Changing the Audio Position (57.6 MB)
022 Creating links with Hash Fragments (35.09 MB)
023 music-14-22-COMPLETED (321.31 KB)
023 Route Transitions (13.58 MB)
001 Introduction to Directives (23.1 MB)
002 Writing our First Directive (28.58 MB)
003 Passing Values to Directives (18.61 MB)
004 Directive Modifiers (27.67 MB)
005 music-15-5-COMPLETED (323.21 KB)
005 Registering a Directive Locally (17.48 MB)
001 Introduction to i18n (25.36 MB)
002 Our First Translation (29.95 MB)
003 Formatting and Pluralization (38.26 MB)
004 Number Localizations (30.9 MB)
005 Translating HTML with Component Interpolation (29.77 MB)
006 Changing Locales (17.88 MB)
007 Exercise Translating the Rest of the App (12.62 MB)
007 music-16-7-COMPLETED (323.07 KB)
001 What are Progressive Web Apps (9.64 MB)
002 The Manifest File (25.41 MB)
003 Generating the Manifest File (26.33 MB)
004 Configuring the Manifest File (10.05 MB)
005 Offline Support with Service Workers (16.79 MB)
006 Understanding Caching (4.14 MB)
007 Workbox (25.84 MB)
008 Firebase Data Persistence (23.53 MB)
009 Handling Offline Uploads (34.77 MB)
009 music-17-9-COMPLETED (806.51 KB)
001 Overview (5.08 MB)
002 Auto-Registering Global Components (44.35 MB)
003 Perceived Performance (39.06 MB)
004 Dynamic Route Imports (16.49 MB)
005 Progress Bar (22.65 MB)
006 Code Coverage (27.99 MB)
006 music-18-12-COMPLETED (627.14 KB)
007 music-18-7-COMPLETED (854.31 KB)
007 Rollup Visualizer (18.95 MB)
001 Deploying an App with Vercel (51.17 MB)
001 Introduction to Testing (22.51 MB)
002 Introduction to Vitest (5.44 MB)
003 Adding the Vitest UI (18.9 MB)
004 Writing Our First Test (29.61 MB)
005 Mounting with Vue Test Utils (14.42 MB)
006 Testing the Inner Content (11.79 MB)
007 Passing Data to Components (17.98 MB)
008 Stubbing Components (13.19 MB)
009 Avoid Boolean Assertions (4.68 MB)
010 Testing Children Components (21.71 MB)
011 Mocking Methods (24.75 MB)
012 Testing Attributes (33.59 MB)
013 Testing Pinia Actions (18.86 MB)
014 Mocking Promises (13.6 MB)
015 Testing Router Components (32.84 MB)
016 Snapshot Testing (52.86 MB)
017 E2E Testing Overview (18 MB)
018 music-20-18-COMPLETED (881.62 KB)
018 Writing an E2E Test (90.03 MB)
001 The Composition API (13.92 MB)
002 Mixins (35.58 MB)
002 section-21-2-STARTER (4.61 KB)
003 Reactive References (23.93 MB)
003 section-21-3-STARTER (11.06 KB)
004 The Reactive Function (25.7 MB)
005 Watchers and Computed Properties (26.25 MB)
006 Lifecycle Functions (12.7 MB)
007 Props (14.63 MB)
008 Template Refs (14.66 MB)
009 Emitting Events (4.1 MB)
010 Advantages of the Composition API (50.83 MB)
010 section-21-10-COMPLETE (5.77 KB)
011 Router Hooks (35.45 MB)
011 section-21-11-STARTER (10.74 KB)
012 Pinia Hooks (7.95 MB)
012 section-21-12-COMPLETE (11 KB)
013 Verifying Reactivity (7.45 MB)
014 section-21-14-COMPLETE (5.78 KB)
014 The setup Attribute (15.21 MB)
001 Section Overview (4.62 MB)
002 Controlled Components (79.49 MB)
002 section-22-2-STARTER (5.04 KB)
003 section-22-3-COMPLETE (5.46 KB)
003 Separation of Concerns (17.71 MB)
004 section-22-4-COMPLETE (10.29 KB)
004 section-22-4-STARTER (9.92 KB)
004 Third-Party Libraries as Controlled Components (90.1 MB)
005 Moving Beyond Vue's Event System (42.22 MB)
005 section-22-5-STARTER (17 KB)
006 Encapsulating Scrolling (75.44 MB)
007 section-22-7-COMPLETE (10.5 KB)
007 The Teleport Component (56.91 MB)
001 Thank You! (4.09 MB)
003 Using The TerminalCommand Prompt (74.47 MB)
004 Running script js In Node (5.68 MB)
005 Modules In Node (10.14 MB)
007 ES6 Modules In Node (36.12 MB)
008 Types of Modules (26.06 MB)