你将会学到的

构建企业级 Vue 应用程序并部署到生产环境

使用 Vue 3 进行文件上传、测试、PWA、国际化、身份验证

学习像高级开发人员一样构建反应性、高性能、大规模的应用程序

了解 Vue 3 的最新功能，包括 Composition API、Pinia、Vue Router 等

学习使用 TailwindCSS、Sass、CSS 动画和过渡构建漂亮的应用程序

从零开始掌握 Vue 开发者的最新生态系统

成为前 10% 的 VueJS 开发者

在您的应用程序中使用 Pinia（Vuex 的新替代品）进行状态管理

学习在性能和可扩展性方面比较权衡

设置身份验证和用户帐户

使用 Firebase 构建全栈应用程序

通过做出良好的架构决策和帮助团队中的其他人来学习领导 Vue 项目

掌握 Vue 设计模式

使用 Vue 路由器进行路由

将应用程序转换为渐进式 Web 应用程序

使用 Vitest、快照测试甚至 E2E 测试来测试您的应用程序！

使用最新的 ES6/ES7/ES8/ES9/ES10/ES11 JavaScript 编写干净的代码

了解为什么 Vue 在开发人员中的受欢迎程度超过了 React 和 Angular！

要求

基本的 HTML、CSS 和 JavaScript 知识

您不需要任何 Vue 或任何其他 JS 框架的经验！

说明

刚刚更新了 2022 年的所有新 Vue 3 功能！加入由超过 800,000 名开发人员组成的实时在线社区，以及由在硅谷和多伦多使用 Vue.js 实际工作过的行业专家教授的课程

使用最新版本的 Vue，本课程侧重于效率。永远不要再花时间在令人困惑、过时、不完整的教程上。Andrei 课程的毕业生现在在谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook 等顶级科技公司工作

我们向您保证，这是 Vue 上最全面的在线资源。这个基于项目的课程将向您介绍 2022 年 Vue JS 开发人员的所有现代工具链。在此过程中，我们将使用 Vue、Pinia、Vue Router、Composition API、Firebase、Vitest 构建一个类似于 Spotify 的大型音乐播放器应用程序，萨斯+更多。这将是一个使用 Firebase 的全栈应用程序

所有代码都将逐步提供，即使您不喜欢编写代码，您也可以访问完整的主项目代码，因此任何注册该课程的人都可以将自己的项目放入他们的投资组合马上

当我们从头到尾将专业的 Vue 项目发布到生产中时，课程将非常实用。我们将从一开始就教你 Vue 基础知识，然后进入高级主题，这样你就可以在未来的任何 VueJS 项目中对架构和工具做出正确的决策。如果您是前端框架的新手，或者即使您来自 React 或 Angular 背景，您也会喜欢 Vue！

以下是本课程将涵盖的内容：

• 1. 基础知识——在本节中，我们将学习 Vue 的基础知识，例如计算属性、方法和观察者。仅使用基础知识，我们就能够使用事件、绑定和条件渲染来操作文档。我们还将学习如何使用官方的 Vue 开发者工具来调试应用程序
• 2. 项目：透视游乐场——在本节中，我们将通过创建一个 CSS 透视游乐场来构建我们的第一个项目。这将使我们有机会通过开发一个可视化 CSS 属性如何操纵元素视角的工具来强化我们在上一节中学到的许多基本概念
• 3. 超越基础——在本节中，我们将深入了解 Vue 框架的内部工作原理。JavaScript 框架如何增加响应性？Vue 如何将模板编译成虚拟 DOM 对象？这将使我们深入了解 Vue 如何能够为现代应用程序提供框架。我们还将讨论生命周期钩子和组件
• 4. 学习工具 –在本节中，我们将退后一步，讨论一些用于开发应用程序的工具。在您的整个职业生涯中，您将需要处理帮助我们开发应用程序的工具（即 Vite、Sass、PostCSS、ESLint）。我们将讨论如何配置这些工具以及为什么它们是必要的
• 5. 高级组件 –在本节中，我们将使用 Vite 搭建一个 Vue 项目。Vue 的目标是让开发体验尽可能顺畅和无痛。Vue 可以帮助我们搭建项目、配置工具和运行服务器。这减轻了 Web 开发中许多更繁琐的任务。我们将能够直接跳到组件，看看我们如何通过使用道具、发射事件、插槽和动态呈现内容来构建具有组件的应用程序
• 6. 过渡和动画 –在本节中，我们将学习如何通过添加过渡和动画来为应用程序添加一些魅力。动画可以为任何应用程序注入活力。他们还可以通过向用户提供有关其行为的反馈来改善用户体验。我们将讨论如何使用 CSS 和 JavaScript 实现动画。两者都在 Vue 中得到支持。我们甚至会讨论最新的 Web Animations API
• 7. 项目：测验应用程序 –在本节中，我们将利用迄今为止所学的一切来开发测验应用程序。测验是让用户参与几乎所有行业的好方法
• 8. 主项目：PINIA 简介 –在本节中，我们将开始研究本课程的主项目，这是一个音乐应用程序！不间断地上传、管理和听音乐。我们将使用 TailwindCSS 来帮助我们设计一个漂亮的现代应用程序。前端开发社区正在接受新的孩子。之后，我们将通过使用名为 PINIA 的官方状态库（在较新的代码库中替换 Vuex）来了解状态管理
• 9. 主项目：表单验证 –在本节中，我们将执行表单验证以防止提交无效数据。意外发生。确保检查错误是我们的工作。我们将学习如何为各种场景强制执行规则
• 10. 主项目：认证 –在本节中，我们将开始认证和注册。用户在注册帐户后将能够立即登录。我们将使用 Firebase 作为管理和验证用户的后端解决方案
• 11. 主项目：路由 –在本节中，我们将使用 Vue Router 库处理路由。下面，路由器库使用历史 API 来处理导航。它允许我们在页面之间切换而无需刷新资产。我们将看看如何使用这个库来帮助我们保护路由、添加元字段以及根据当前路由自定义网站的外观
• 12. 主项目：上传文件 –在本节中，我们将开始将文件上传到 Firebase。我们使用 Firebase 验证文件至关重要。我们不希望用户在听音乐时意外下载恶意文件。我们将介绍如何使用 Firebase 规则执行验证。这样做之后，我们将在数据库中存储附加信息。我们甚至会介绍如何在拖放不可用的情况下实施后备解决方案
• 13. 主项目：播放音乐 –在本节中，我们将开始制作音频播放器。我们将实现基本功能，例如播放/暂停、擦洗和显示当前持续时间。我们将通过允许用户提交评论、浏览音乐和排序数据来使站点的其余部分正常运行
• 14. 主项目：指令 –在本节中，我们将简要了解如何编写自定义指令。指令是可以使用附加属性和方法扩展元素的属性。我们将介绍基础知识并研究高级概念，例如修饰符和参数
• 15. 主项目：国际化 –在本节中，我们将向项目添加国际化，以便跨多种语言翻译项目。翻译消息有不同的方法。有些消息需要格式化或复数形式。我们还可以翻译数字（即货币）。我们将看看如何用几行代码在语言之间切换
• 16. 主项目：PWA –网络已经转向移动优先的方法。在本节中，我们将添加 PWA（渐进式 Web 应用程序）功能，通过使用 Workbox 缓存文件并使用 Firebase 持久化数据，使我们的应用程序对移动设备友好
• 17. 主项目：优化 –在本节中，我们将在将我们的应用程序投入生产之前进行一些最终优化。我们将研究各种技术和工具来帮助我们微调我们的应用程序。我们可以使用 Vite 来分块文件和自动注册组件。我们将添加一些功能来帮助用户了解应用正在处理友好用户体验的请求
• 18. 主项目：部署 –在本节中，我们将使用一个命令将我们的应用程序部署到 Vercel！快捷方便
• 19. 主项目：测试 –在本节中，我们将讨论如何使用 Vitest 测试项目。单元测试允许我们单独测试一个特性。这是您将编写的最常见的测试类型。测试中有一些问题可以通过模拟来解决。通过模拟代码，我们将能够隔离功能并对其进行测试。之后，我们将继续进行快照测试和 E2E 测试，以将所有内容整合在一起
• 20. COMPOSITION API –在本节中，我们将讨论 Vue 中引入的最新特性，称为组合 API。这是构建组件的不同方式。虽然 Vue 提供了一个简单的 API 来编写组件，但也有一些缺点。组合 API 解决了这些问题。我们将讨论您为什么要使用组合 API 并了解引入它的原因

本课程不是让您在不了解原理的情况下编写代码，这样当您完成课程后，除了观看另一个教程之外，您不知道该做什么。不！本课程将推动您并挑战您从 Vue 的绝对初学者转变为 Vue 开发人员中排名前 10% 的人

我们向您保证这是最全面的 Vue JS 在线课程！观看课程大纲视频，了解我们将要涵盖的所有主题、我们将要构建的所有项目，以及成为顶级 Vue 开发人员需要学习的所有技术！

课程目录

• 03 - Project 1 Perspective Playground
• 002 Copying to the Clipboard_en.srt
• 003 Extra Exercise Copy Button.html
• 002 Copying to the Clipboard
• external-links.txt
• 001 Creating a Perspective Playground_en.srt
• 001 Creating a Perspective Playground
• 002 Copying to the Clipboard.srt
• 001 section-3-1-STARTER
• 002 section-3-2-COMPLETE
• 001 Creating a Perspective Playground.srt
• 17 - Master Project PWA (Progressive Web App)
• 002 The Manifest File_en.srt
• 006 Understanding Caching
• 001 What are Progressive Web Apps_en.srt
• 003 Generating the Manifest File.srt
• 003 Generating the Manifest File_en.srt
• 008 Firebase Data Persistence
• external-links.txt
• 006 Understanding Caching.srt
• 009 Handling Offline Uploads_en.srt
• 004 Configuring the Manifest File.srt
• 005 Offline Support with Service Workers
• 009 music-17-9-COMPLETED
• 002 The Manifest File
• 005 Offline Support with Service Workers_en.srt
• 007 Workbox.srt
• 004 Configuring the Manifest File
• 002 The Manifest File.srt
• 008 Firebase Data Persistence.srt
• 003 Generating the Manifest File
• 008 Firebase Data Persistence_en.srt
• 005 Offline Support with Service Workers.srt
• 009 Handling Offline Uploads
• 007 Workbox
• 007 Workbox_en.srt
• 001 What are Progressive Web Apps.srt
• 004 Configuring the Manifest File_en.srt
• 006 Understanding Caching_en.srt
• 009 Handling Offline Uploads.srt
• 001 What are Progressive Web Apps
• 19 - Master Project Deployment + Production
• 002 Sharing Your Project.html
• 001 Deploying an App with Vercel.srt
• 001 Deploying an App with Vercel
• 001 Deploying an App with Vercel_en.srt
• 10 - Master Project Form Validation
• 018 Setting up the Login Form
• 013 Rendering Multiple Error Messages_en.srt
• 014 Default Values
• 001 Setting up Form Validation
• 018 Setting up the Login Form_en.srt
• 007 Validating Emails.srt
• 017 Showing Alerts.srt
• 013 Rendering Multiple Error Messages
• 007 Validating Emails_en.srt
• 006 Additional Rules
• 008 Validating Numbers
• 015 Custom Error Messages.srt
• 016 Validation Triggers_en.srt
• 001 Setting up Form Validation.srt
• 018 music-10-18-COMPLETED
• 010 Dropdown and Checkbox Fields
• 017 Showing Alerts_en.srt
• 008 Validating Numbers_en.srt
• 016 Validation Triggers
• 001 Setting up Form Validation_en.srt
• 002 Registering a Plugin
• 004 Defining Rules_en.srt
• 005 Applying Rules
• 012 section-10-12-STARTER
• 005 Applying Rules.srt
• 003 Validation Components_en.srt
• 009 Validating Passwords_en.srt
• 012 Sidebar Slot Properties.srt
• 009 Validating Passwords.srt
• 012 section-10-12-COMPLETE
• 012 Sidebar Slot Properties_en.srt
• 016 Validation Triggers.srt
• 003 Validation Components.srt
• 011 music-10-11-COMPLETED
• 004 Defining Rules.srt
• external-links.txt
• 003 Validation Components
• 002 Registering a Plugin.srt
• 013 Rendering Multiple Error Messages.srt
• 011 Validating the Form
• 002 Registering a Plugin_en.srt
• 012 Sidebar Slot Properties
• 015 Custom Error Messages_en.srt
• 018 Setting up the Login Form.srt
• 008 Validating Numbers.srt
• 017 Showing Alerts
• 011 Validating the Form_en.srt
• 004 Defining Rules
• 015 Custom Error Messages
• 014 Default Values.srt
• 005 Applying Rules_en.srt
• 009 Validating Passwords
• 007 Validating Emails
• 010 Dropdown and Checkbox Fields.srt
• 011 Validating the Form.srt
• 006 Additional Rules.srt
• 006 Additional Rules_en.srt
• 010 Dropdown and Checkbox Fields_en.srt
• 014 Default Values_en.srt
• 23 - Where To Go From Here
• 001 Thank You!_en.srt
• 002 Become An Alumni.html
• 005 Coding Challenges.html
• 001 Thank You!
• 001 Thank You!.srt
• 003 Endorsements On LinkedIn.html
• 004 Learning Guideline.html
• 09 - Master Project Introduction to Pinia
• 004 Formatting with ESLint and Prettier.srt
• 011 Reviewing the Pinia Configuration.srt
• 009 Loading Assets_en.srt
• 005 Adding the Template.srt
• 015 Alternative Mapping Functions_en.srt
• 010 Understanding State_en.srt
• 012 Splitting the Template into Components_en.srt
• 016 Understanding Getters
• 015 Alternative Mapping Functions.srt
• 012 Splitting the Template into Components
• 001 The Next Step_en.srt
• 020 Adding Tabs_en.srt
• 007 Installing Tailwind
• 009 Loading Assets.srt
• 011 Reviewing the Pinia Configuration_en.srt
• 007 Installing Tailwind.srt
• 002 Creating a New Project
• 001 The Next Step
• 019 Aliases.srt
• 005 music-template
• 005 Adding the Template
• 013 Disabling Vue’s Rules_en.srt
• 004 Formatting with ESLint and Prettier_en.srt
• 014 Working with State.srt
• 020 music-9-22-COMPLETED
• 020 Adding Tabs
• 017 Using Getters.srt
• 003 Reviewing the Files
• 010 Understanding State.srt
• 020 Adding Tabs.srt
• 019 Aliases
• 002 Creating a New Project_en.srt
• 008 Practicing with Tailwind_en.srt
• 003 Reviewing the Files_en.srt
• 014 Working with State_en.srt
• 016 Understanding Getters_en.srt
• 015 Alternative Mapping Functions
• 010 Understanding State
• 007 Installing Tailwind_en.srt
• 003 Reviewing the Files.srt
• 005 Adding the Template_en.srt
• 006 What is Tailwind_en.srt
• 008 Practicing with Tailwind
• 012 Splitting the Template into Components.srt
• 011 Reviewing the Pinia Configuration
• 017 Using Getters
• 006 What is Tailwind
• 016 Understanding Getters.srt
• 009 Loading Assets
• 002 Creating a New Project.srt
• 006 What is Tailwind.srt
• 018 Closing the Modal
• 008 Practicing with Tailwind.srt
• 019 Aliases_en.srt
• 018 Closing the Modal.srt
• external-links.txt
• 014 Working with State
• 001 The Next Step.srt
• 013 Disabling Vue’s Rules.srt
• 004 Formatting with ESLint and Prettier
• 017 Using Getters_en.srt
• 018 Closing the Modal_en.srt
• 20 - Master Project Testing Your Vue App
• 011 Mocking Methods_en.srt
• 006 Testing the Inner Content_en.srt
• 011 Mocking Methods.srt
• 006 Testing the Inner Content
• 018 Writing an E2E Test
• 012 Testing Attributes.srt
• 002 Introduction to Vitest
• 008 Stubbing Components
• 005 Mounting with Vue Test Utils.srt
• 015 Testing Router Components.srt
• 013 Testing Pinia Actions.srt
• 017 E2E Testing Overview
• 018 music-20-18-COMPLETED
• 010 Testing Children Components
• 016 Snapshot Testing.srt
• 010 Testing Children Components.srt
• 015 Testing Router Components_en.srt
• 010 Testing Children Components_en.srt
• 001 Introduction to Testing.srt
• 004 Writing Our First Test
• 002 Introduction to Vitest_en.srt
• 007 Passing Data to Components
• 003 Adding the Vitest UI
• 005 Mounting with Vue Test Utils
• 016 Snapshot Testing
• 001 Introduction to Testing_en.srt
• 009 Avoid Boolean Assertions.srt
• 007 Passing Data to Components_en.srt
• 008 Stubbing Components.srt
• 013 Testing Pinia Actions
• 003 Adding the Vitest UI.srt
• 006 Testing the Inner Content.srt
• 014 Mocking Promises_en.srt
• 017 E2E Testing Overview.srt
• 012 Testing Attributes
• 018 Writing an E2E Test.srt
• external-links.txt
• 009 Avoid Boolean Assertions_en.srt
• 004 Writing Our First Test_en.srt
• 012 Testing Attributes_en.srt
• 016 Snapshot Testing_en.srt
• 002 Introduction to Vitest.srt
• 007 Passing Data to Components.srt
• 018 Writing an E2E Test_en.srt
• 017 E2E Testing Overview_en.srt
• 013 Testing Pinia Actions_en.srt
• 009 Avoid Boolean Assertions
• 001 Introduction to Testing
• 008 Stubbing Components_en.srt
• 004 Writing Our First Test.srt
• 014 Mocking Promises.srt
• 015 Testing Router Components
• 003 Adding the Vitest UI_en.srt
• 005 Mounting with Vue Test Utils_en.srt
• 014 Mocking Promises
• 011 Mocking Methods
• 08 - Project 2 Vue Quiz App
• 002 Rendering the Questions_en.srt
• 001 section-8-1-STARTER
• 002 Rendering the Questions
• 004 Finishing Touches
• 005 Exercise Imposter Syndrome_en.srt
• 003 Moving between Questions
• 001 Setting up the Quiz Application.srt
• 003 Moving between Questions.srt
• 004 section-8-4-COMPLETE
• 005 Exercise Imposter Syndrome.srt
• 005 Exercise Imposter Syndrome
• 002 Rendering the Questions.srt
• 001 Setting up the Quiz Application
• 004 Finishing Touches.srt
• external-links.txt
• 001 Setting up the Quiz Application_en.srt
• 004 Finishing Touches_en.srt
• 003 Moving between Questions_en.srt
• 11 - Master Project Authentication
• 003 Setting up the Firebase SDK.srt
• 007 Storing the User Form Data.srt
• 016 Setting up the Login
• 005 Handling the Response
• 018 Sidebar JSON Web Tokens.srt
• 013 Connecting the User with their Data.srt
• 011 Understanding Actions
• 017 Signing Out
• 017 Signing Out.srt
• 014 Initializing Firebase First
• 001 Understanding Authentication
• 002 Reviewing the Rules_en.srt
• 018 music-11-17-COMPLETED
• 004 User Registration.srt
• 018 Sidebar JSON Web Tokens
• 016 Setting up the Login.srt
• 012 Using Actions
• 014 Initializing Firebase First.srt
• 003 Setting up the Firebase SDK
• 006 Exporting Services.srt
• 005 Handling the Response.srt
• 006 Exporting Services_en.srt
• 007 Storing the User Form Data
• 011 Understanding Actions.srt
• 009 Understanding Authentication
• 010 Logging the user in after Signup.srt
• 006 Exporting Services
• 002 Reviewing the Rules.srt
• 010 Logging the user in after Signup
• 001 Understanding Authentication_en.srt
• 018 Sidebar JSON Web Tokens_en.srt
• 015 Persisting the User Authentication
• 017 Signing Out_en.srt
• 004 User Registration_en.srt
• 013 Connecting the User with their Data_en.srt
• 012 Using Actions_en.srt
• 003 Setting up the Firebase SDK_en.srt
• 011 Understanding Actions_en.srt
• 016 Setting up the Login_en.srt
• external-links.txt
• 010 Logging the user in after Signup_en.srt
• 013 Connecting the User with their Data
• 002 Reviewing the Rules
• 014 Initializing Firebase First_en.srt
• 009 Understanding Authentication_en.srt
• 001 Understanding Authentication.srt
• 012 Using Actions.srt
• 005 Handling the Response_en.srt
• 015 Persisting the User Authentication.srt
• 007 Storing the User Form Data_en.srt
• 004 User Registration
• 015 Persisting the User Authentication_en.srt
• 009 Understanding Authentication.srt
• 008 Extra Exercise Add Another Field.html
• 22 - Component Design Patterns
• 004 Third-Party Libraries as Controlled Components_en.srt
• 002 Controlled Components_en.srt
• 002 section-22-2-STARTER
• 005 Moving Beyond Vue’s Event System.srt
• 002 Controlled Components.srt
• 004 section-22-4-COMPLETE
• 003 Separation of Concerns_en.srt
• 002 Controlled Components
• 004 Third-Party Libraries as Controlled Components
• 001 Section Overview_en.srt
• 006 Encapsulating Scrolling_en.srt
• 007 section-22-7-COMPLETE
• 004 section-22-4-STARTER
• 003 Separation of Concerns
• 004 Third-Party Libraries as Controlled Components.srt
• 001 Section Overview
• external-links.txt
• 003 section-22-3-COMPLETE
• 007 The Teleport Component
• 007 The Teleport Component_en.srt
• 005 Moving Beyond Vue’s Event System_en.srt
• 006 Encapsulating Scrolling
• 003 Separation of Concerns.srt
• 007 The Teleport Component.srt
• 005 section-22-5-STARTER
• 006 Encapsulating Scrolling.srt
• 001 Section Overview.srt
• 14 - Master Project Playing Music
• 022 Creating links with Hash Fragments_en.srt
• 009 Displaying the Comments_en.srt
• 014 Storing the song in the State.srt
• 001 Creating the Home Page
• 012 Detecting Query Parameters.srt
• 007 Prepping the Form
• 022 Creating links with Hash Fragments.srt
• 014 Storing the song in the State
• 017 Duration and Current Position
• 011 Query Parameters_en.srt
• 009 Displaying the Comments.srt
• 009 Displaying the Comments
• 019 Player Progress Bar
• 016 Toggling Audio.srt
• 008 Finalizing the Comment Form.srt
• 005 Creating the Song Template.srt
• 023 Route Transitions.srt
• 005 Creating the Song Template
• 002 Checking the Scroll Position
• 007 Prepping the Form_en.srt
• 018 Formatting the Time
• 010 Updating the Comments List
• 003 Infinite Scrolling
• 004 Path Parameters_en.srt
• 011 Query Parameters
• 019 Player Progress Bar_en.srt
• 005 Creating the Song Template_en.srt
• 022 Creating links with Hash Fragments
• 023 Route Transitions_en.srt
• 006 Validating the Comment.srt
• 012 Detecting Query Parameters_en.srt
• 006 Validating the Comment_en.srt
• 018 Formatting the Time_en.srt
• 018 Formatting the Time.srt
• 004 Path Parameters.srt
• 020 Changing the Audio Position.srt
• 017 Duration and Current Position_en.srt
• 016 Toggling Audio_en.srt
• 020 Changing the Audio Position
• 008 Finalizing the Comment Form
• 010 Updating the Comments List.srt
• 008 Finalizing the Comment Form_en.srt
• 023 music-14-22-COMPLETED
• 002 Checking the Scroll Position_en.srt
• 013 Updating the Comment Count_en.srt
• 011 Query Parameters.srt
• 002 Checking the Scroll Position.srt
• 014 Storing the song in the State_en.srt
• 001 Creating the Home Page.srt
• 015 Playing Audio
• 017 Duration and Current Position.srt
• 013 Updating the Comment Count
• 010 Updating the Comments List_en.srt
• 015 Playing Audio.srt
• 007 Prepping the Form.srt
• 001 Creating the Home Page_en.srt
• 003 Infinite Scrolling.srt
• 023 Route Transitions
• 012 Detecting Query Parameters
• external-links.txt
• 013 Updating the Comment Count.srt
• 015 Playing Audio_en.srt
• 020 Changing the Audio Position_en.srt
• 019 Player Progress Bar.srt
• 004 Path Parameters
• 016 Toggling Audio
• 003 Infinite Scrolling_en.srt
• 006 Validating the Comment
• 021 Extra Exercise Update the play Button.html
• 18 - Master Project Performance Optimizations
• 005 Progress Bar
• 003 Perceived Performance.srt
• 007 Rollup Visualizer_en.srt
• 003 Perceived Performance_en.srt
• 005 Progress Bar.srt
• 001 Overview
• 007 music-18-7-COMPLETED
• 006 Code Coverage.srt
• 007 Rollup Visualizer.srt
• 001 Overview_en.srt
• 004 Dynamic Route Imports
• 006 Code Coverage
• 005 Progress Bar_en.srt
• 004 Dynamic Route Imports.srt
• 007 Rollup Visualizer
• 006 Code Coverage_en.srt
• 004 Dynamic Route Imports_en.srt
• 002 Auto-Registering Global Components
• 006 music-18-12-COMPLETED
• 002 Auto-Registering Global Components_en.srt
• 001 Overview.srt
• 003 Perceived Performance
• 002 Auto-Registering Global Components.srt
• external-links.txt
• 01 - Introduction
• 001 Course Outline
• 004 Vue vs React vs Angular
• 004 Vue vs React vs Angular_en.srt
• 003 Exercise Meet Your Classmates and Instructor.html
• 001 Course Outline_en.srt
• 007 Optional Vue Documentary.html
• 005 Composition vs. Options API
• 002 Join Our Online Classroom!
• 005 Composition vs. Options API_en.srt
• 006 ZTM-Vue-Course-Code
• 006 Complete Course Resources + Code.html
• 008 Monthly Coding Challenges, Free Resources and Guides.html
• 006 Vue-Course-Guidebook
• 002 Join Our Online Classroom!_en.srt
• 005 Composition vs. Options API.srt
• 004 Vue vs React vs Angular.srt
• 002 Join Our Online Classroom!.srt
• 001 Course Outline.srt
• 13 - Master Project Uploading Files
• 004 Enabling Firebase’s Storage Service_en.srt
• 006 Firebase Rules and Validation.srt
• 024 Deleting a Song from the StorageDatabase_en.srt
• 017 Querying the Database.srt
• 024 Deleting a Song from the StorageDatabase.srt
• 004 Enabling Firebase’s Storage Service.srt
• 015 music-13-14-COMPLETED
• external-links.txt
• 018 Storing the List of Songs.srt
• 009 Improving the Progress Bar_en.srt
• 010 Handling Errors and Successful Uploads.srt
• 007 Adding the Progress Bar.srt
• 013 Fallback Upload_en.srt
• 018 Storing the List of Songs
• 020 Prop Validation
• 017 Querying the Database_en.srt
• 009 Improving the Progress Bar
• 023 Editing a Song.srt
• 018 Storing the List of Songs_en.srt
• 016 One more thing about References
• 015 Cancelling Uploads with Refs
• 008 Making the Progress Bar Dynamic_en.srt
• 025 Updating the list of songs after an Upload_en.srt
• 005 Uploading Files with Firebase
• 026 Router Leave Guards_en.srt
• 014 Canceling Uploads
• 026 Router Leave Guards
• 016 One more thing about References_en.srt
• 006 Firebase Rules and Validation_en.srt
• 023 Editing a Song
• 002 Handling Drag and Drop Events.srt
• 008 Making the Progress Bar Dynamic.srt
• 026 music-13-26-COMPLETED
• 019 Displaying the List of Songs.srt
• 012 Firebase References and Snapshots.srt
• 020 Prop Validation_en.srt
• 012 Firebase References and Snapshots_en.srt
• 002 Handling Drag and Drop Events_en.srt
• 001 Preparing the Upload Component.srt
• 008 Making the Progress Bar Dynamic
• 001 Preparing the Upload Component_en.srt
• 011 Storing the File Data in the Database_en.srt
• 019 Displaying the List of Songs
• 021 Toggling the Form.srt
• 001 Preparing the Upload Component
• 010 Handling Errors and Successful Uploads_en.srt
• 023 Editing a Song_en.srt
• 022 Validating the Song Form
• 022 Validating the Song Form_en.srt
• 016 section-13-16-STARTER
• 017 Querying the Database
• 009 Improving the Progress Bar.srt
• 005 Uploading Files with Firebase.srt
• 014 Canceling Uploads_en.srt
• 020 Prop Validation.srt
• 010 Handling Errors and Successful Uploads
• 013 Fallback Upload
• 019 Displaying the List of Songs_en.srt
• 006 Firebase Rules and Validation
• 022 Validating the Song Form.srt
• 012 Firebase References and Snapshots
• 002 Handling Drag and Drop Events
• 011 Storing the File Data in the Database
• 026 Router Leave Guards.srt
• 005 Uploading Files with Firebase_en.srt
• 007 Adding the Progress Bar
• 025 Updating the list of songs after an Upload
• 013 Fallback Upload.srt
• 003 Handling the File_en.srt
• 015 Cancelling Uploads with Refs.srt
• 014 Canceling Uploads.srt
• 024 Deleting a Song from the StorageDatabase
• 003 Handling the File.srt
• 021 Toggling the Form
• 003 Handling the File
• 021 Toggling the Form_en.srt
• 016 One more thing about References.srt
• 015 Cancelling Uploads with Refs_en.srt
• 007 Adding the Progress Bar_en.srt
• 025 Updating the list of songs after an Upload.srt
• 011 Storing the File Data in the Database.srt
• 06 - Advanced Vue Components
• 014 Inserting content with slots.srt
• 016 Dynamic Components.srt
• 010 The Limitations of Props_en.srt
• 001 Scaffolding a Vue Project_en.srt
• 006 Component Styles.srt
• 014 Inserting content with slots_en.srt
• 016 Dynamic Components
• 001 Scaffolding a Vue Project.srt
• 011 Emitting Events_en.srt
• 014 Inserting content with slots
• 012 Validating Props
• 013 Callback Functions
• 002 Sidebar Understanding Servers.srt
• 005 Child Components_en.srt
• 015 Named Slots.srt
• 011 Emitting Events.srt
• 010 The Limitations of Props.srt
• 003 Reviewing the Files.srt
• 001 Scaffolding a Vue Project
• 003 Reviewing the Files_en.srt
• 004 Creating Components.srt
• 004 Creating Components_en.srt
• 015 section-6-15-COMPLETE
• external-links.txt
• 013 Callback Functions_en.srt
• 009 Props_en.srt
• 011 Emitting Events
• 016 Dynamic Components_en.srt
• 002 Sidebar Understanding Servers_en.srt
• 005 Child Components
• 007 Using SASS in Components.srt
• 007 Using SASS in Components_en.srt
• 007 Using SASS in Components
• 008 Communicating Between Components_en.srt
• 006 Component Styles_en.srt
• 013 Callback Functions.srt
• 010 The Limitations of Props
• 013 section-6-13-COMPLETE
• 016 section-6-16-COMPLETE
• 015 Named Slots
• 009 Props.srt
• 015 Named Slots_en.srt
• 003 Reviewing the Files
• 009 Props
• 012 Validating Props_en.srt
• 006 Component Styles
• 008 Communicating Between Components.srt
• 004 Creating Components
• 008 Communicating Between Components
• 005 Child Components.srt
• 012 Validating Props.srt
• 002 Sidebar Understanding Servers
• 05 - Vue Developer Environment
• 005 Understanding SASS.srt
• 005 Understanding SASS
• external-links.txt
• 010 Conclusion_en.srt
• 009 Webpack_en.srt
• 010 Conclusion
• 001 Overview
• 005 Understanding SASS_en.srt
• 009 section-5-8-COMPLETE
• 006 PostCSS
• 009 Webpack
• 003 Introduction to Vite
• 006 PostCSS_en.srt
• 008 Configuring ESLint_en.srt
• 002 Optional Videos In Appendix.html
• 007 Installing ESLint_en.srt
• 001 Overview.srt
• 004 Exploring Vite
• 010 Conclusion.srt
• 003 Introduction to Vite.srt
• 007 Installing ESLint
• 008 Configuring ESLint.srt
• 008 Configuring ESLint
• 009 webpack-example
• 007 Installing ESLint.srt
• 003 Introduction to Vite_en.srt
• 004 Exploring Vite_en.srt
• 009 Webpack.srt
• 004 Exploring Vite.srt
• 008 section-5-7-COMPLETE
• 001 Overview_en.srt
• 006 PostCSS.srt
• 15 - Master Project Directives
• 001 Introduction to Directives
• 005 music-15-5-COMPLETED
• 002 Writing our First Directive_en.srt
• 005 Registering a Directive Locally.srt
• 004 Directive Modifiers
• 005 Registering a Directive Locally
• 004 Directive Modifiers_en.srt
• 001 Introduction to Directives_en.srt
• 005 Registering a Directive Locally_en.srt
• 002 Writing our First Directive.srt
• 003 Passing Values to Directives
• 003 Passing Values to Directives_en.srt
• 001 Introduction to Directives.srt
• 004 Directive Modifiers.srt
• 002 Writing our First Directive
• 003 Passing Values to Directives.srt
• 07 - Transitions & Animations
• 008 Fixing the Animation.srt
• 006 CSS and JavaScript Transitions.srt
• 002 Fine-tuning Transitions_en.srt
• 006 CSS and JavaScript Transitions
• 005 JavaScript Zoom Animation
• external-links.txt
• 004 Animating with JavaScript.srt
• 001 Animating with CSS Transitions.srt
• 004 Animating with JavaScript_en.srt
• 008 Fixing the Animation_en.srt
• 002 Fine-tuning Transitions.srt
• 007 Animating a List.srt
• 001 section-7-1-STARTER
• 001 Animating with CSS Transitions
• 002 Fine-tuning Transitions
• 004 Animating with JavaScript
• 005 JavaScript Zoom Animation_en.srt
• 009 Transition CSS Class Names
• 009 section-7-9-COMPLETE
• 008 Fixing the Animation
• 009 Transition CSS Class Names_en.srt
• 003 Animating with CSS Animations
• 007 Animating a List
• 006 CSS and JavaScript Transitions_en.srt
• 001 Animating with CSS Transitions_en.srt
• 009 Transition CSS Class Names.srt
• 003 Animating with CSS Animations_en.srt
• 007 Animating a List_en.srt
• 003 Animating with CSS Animations.srt
• 005 JavaScript Zoom Animation.srt
• 16 - Master Project Internationalization
• 001 Introduction to i18n_en.srt
• 003 Formatting and Pluralization_en.srt
• 002 Our First Translation.srt
• 007 Exercise Translating the Rest of the App_en.srt
• 006 Changing Locales.srt
• 007 music-16-7-COMPLETED
• 004 Number Localizations.srt
• 004 Number Localizations
• 003 Formatting and Pluralization
• 005 Translating HTML with Component Interpolation
• 003 Formatting and Pluralization.srt
• 002 Our First Translation
• 007 Exercise Translating the Rest of the App
• 001 Introduction to i18n.srt
• 002 Our First Translation_en.srt
• 006 Changing Locales_en.srt
• external-links.txt
• 006 Changing Locales
• 005 Translating HTML with Component Interpolation_en.srt
• 004 Number Localizations_en.srt
• 005 Translating HTML with Component Interpolation.srt
• 007 Exercise Translating the Rest of the App.srt
• 001 Introduction to i18n
• 24 - Appendix Extra Bits
• 008 Types of Modules
• 005 Modules In Node.srt
• 004 Running script.js In Node
• 003 Using The TerminalCommand Prompt.srt
• 007 ES6 Modules In Node
• 004 Running script.js In Node.srt
• 003 Using The TerminalCommand Prompt
• 007 ES6 Modules In Node_en.srt
• 004 Running script.js In Node_en.srt
• 005 Modules In Node
• 007 ES6 Modules In Node.srt
• 008 Types of Modules.srt
• 002 For WINDOWS Users ONLY.html
• 001 Quick Note Upcoming Videos.html
• 005 Modules In Node_en.srt
• 006 ES6 Modules.html
• 008 Types of Modules_en.srt
• 003 Using The TerminalCommand Prompt_en.srt
• 25 - BONUS SECTION
• 001 Bonus Lecture.html
• 04 - Vue Beyond the Fundamentals
• 005 Understanding Reactivity with Proxies_en.srt
• external-links.txt
• 005 Understanding Reactivity with Proxies.srt
• 007 Introduction to Components.srt
• 007 Introduction to Components_en.srt
• 002 Understanding Lifecycle Hooks
• 006 The Vue Compiler_en.srt
• 006 The Vue Compiler.srt
• 001 Mounting the Vue Instance_en.srt
• 001 Mounting the Vue Instance
• 004 Virtual DOM_en.srt
• 004 Virtual DOM
• 002 Understanding Lifecycle Hooks_en.srt
• 003 section-4-3-COMPLETE
• 003 Using Lifecycle Hooks.srt
• 001 Mounting the Vue Instance.srt
• 001 section-4-1-STARTER
• 007 section-4-7-COMPLETE
• 005 Understanding Reactivity with Proxies
• 003 Using Lifecycle Hooks_en.srt
• 004 Virtual DOM.srt
• 002 Understanding Lifecycle Hooks.srt
• 006 The Vue Compiler
• 007 Introduction to Components
• 003 Using Lifecycle Hooks
• 02 - Vue Fundamentals
• 005 Accessing the Instance Data.srt
• 018 Binding Classes
• 012 Passing on Data with Events.srt
• 002 Vue Dev Tools
• 016 Computed Properties_en.srt
• 014 Keyboard Events and Modifiers_en.srt
• 007 Directives
• 009 Binding Attributes.srt
• 008 Two-way data binding.srt
• 022 List Rendering
• 009 Binding Attributes_en.srt
• 018 section-2-18-STARTER
• 002 Vue Dev Tools_en.srt
• 003 Working with Data_en.srt
• 001 Getting Started.srt
• 007 Directives.srt
• 020 Conditional Rendering.srt
• 005 Accessing the Instance Data
• 013 Event Modifiers.srt
• 010 Outputting Raw HTML_en.srt
• 012 Passing on Data with Events
• 014 Keyboard Events and Modifiers
• 020 section-2-20-STARTER
• 010 Outputting Raw HTML.srt
• 006 Methods_en.srt
• 001 section-2-1-COMPLETE
• 013 Event Modifiers_en.srt
• 017 Watchers.srt
• 004 Multiple Vue Instances.srt
• 020 Conditional Rendering_en.srt
• 008 Two-way data binding_en.srt
• 004 Multiple Vue Instances
• 012 Passing on Data with Events_en.srt
• 023 Understanding the role of the key attribute_en.srt
• 007 Directives_en.srt
• 013 Event Modifiers
• 018 Binding Classes_en.srt
• 017 Watchers
• 001 Getting Started_en.srt
• 021 section-2-21-COMPLETE
• 025 Endorsements On LinkedIN.html
• 015 v-model Modifiers.srt
• 015 v-model Modifiers_en.srt
• 001 Getting Started
• 004 Multiple Vue Instances_en.srt
• 016 Computed Properties.srt
• 017 Watchers_en.srt
• 023 Understanding the role of the key attribute
• 018 Binding Classes.srt
• 014 Keyboard Events and Modifiers.srt
• 024 Web Developer Monthly.html
• 005 Accessing the Instance Data_en.srt
• 003 Working with Data.srt
• 011 section-2-11-COMPLETE
• 017 section-2-17-COMPLETE
• 019 Binding Styles.srt
• 019 section-2-19-COMPLETE
• 011 Listening to Events
• 023 Understanding the role of the key attribute.srt
• external-links.txt
• 022 List Rendering_en.srt
• 001 section-2-1-STARTER
• 003 Working with Data
• 023 section-2-23-COMPLETE
• 021 The v-show Directive
• 006 Methods.srt
• 022 section-2-22-STARTER
• 022 List Rendering.srt
• 009 Binding Attributes
• 008 Two-way data binding
• 002 Vue Dev Tools.srt
• 021 The v-show Directive_en.srt
• 010 Outputting Raw HTML
• 016 Computed Properties
• 021 The v-show Directive.srt
• 020 Conditional Rendering
• 011 Listening to Events_en.srt
• 009 section-2-9-COMPLETE
• 019 Binding Styles_en.srt
• 023 section-2-23-STARTER
• 006 Methods
• 015 v-model Modifiers
• 011 Listening to Events.srt
• 019 Binding Styles
• 12 - Master Project Routing
• 011 Guarding Routes
• 008 Naming Routes_en.srt
• 005 Navigating with Links
• 005 Navigating with Links_en.srt
• 001 Understanding Routing
• 015 Route Meta Fields.srt
• 007 Tailwind Styles for Active Links
• 012 Route Specific Guards
• 003 Creating Routes_en.srt
• 002 Reviewing the Router Configuration
• 011 Guarding Routes_en.srt
• 002 Reviewing the Router Configuration_en.srt
• 012 Route Specific Guards.srt
• 005 Navigating with Links.srt
• 006 Custom Links
• 014 Redirecting after Logging Out_en.srt
• 003 Creating Routes.srt
• 013 Guarding Authentication Only Routes.srt
• external-links.txt
• 015 Route Meta Fields
• 013 Guarding Authentication Only Routes_en.srt
• 007 Tailwind Styles for Active Links.srt
• 008 Naming Routes
• 010 Route Alias.srt
• 004 History Mode_en.srt
• 006 Custom Links.srt
• 001 Understanding Routing_en.srt
• 010 Route Alias
• 004 History Mode
• 013 Guarding Authentication Only Routes
• 004 History Mode.srt
• 009 Setting up “Catch-All” and Redirect Routes.srt
• 008 Naming Routes.srt
• 011 Guarding Routes.srt
• 014 Redirecting after Logging Out
• 007 Tailwind Styles for Active Links_en.srt
• 012 Route Specific Guards_en.srt
• 002 Reviewing the Router Configuration.srt
• 015 Route Meta Fields_en.srt
• 003 Creating Routes
• 014 Redirecting after Logging Out.srt
• 001 Understanding Routing.srt
• 009 Setting up “Catch-All” and Redirect Routes_en.srt
• 010 Route Alias_en.srt
• 015 music-12-15-COMPLETED
• 006 Custom Links_en.srt
• 21 - Composition API
• 004 The Reactive Function.srt
• 008 Template Refs.srt
• 012 section-21-12-COMPLETE
• 001 The Composition API
• 013 Verifying Reactivity_en.srt
• 001 The Composition API.srt
• 005 Watchers and Computed Properties
• 012 Pinia Hooks_en.srt
• 013 Verifying Reactivity.srt
• 014 section-21-14-COMPLETE
• 009 Emitting Events_en.srt
• 002 Mixins_en.srt
• 004 The Reactive Function
• 002 section-21-2-STARTER
• 010 section-21-10-COMPLETE
• 011 Router Hooks.srt
• 008 Template Refs_en.srt
• 005 Watchers and Computed Properties_en.srt
• 009 Emitting Events.srt
• 007 Props
• 003 Reactive References.srt
• 002 Mixins
• 012 Pinia Hooks.srt
• 011 Router Hooks_en.srt
• 004 The Reactive Function_en.srt
• 014 The setup Attribute
• 014 The setup Attribute_en.srt
• 007 Props_en.srt
• 008 Template Refs
• 007 Props.srt
• 009 Emitting Events
• 010 Advantages of the Composition API.srt
• 002 Mixins.srt
• 011 section-21-11-STARTER
• 014 The setup Attribute.srt
• 010 Advantages of the Composition API
• 005 Watchers and Computed Properties.srt
• 003 Reactive References
• external-links.txt
• 006 Lifecycle Functions
• 003 section-21-3-STARTER
• 006 Lifecycle Functions_en.srt
• 001 The Composition API_en.srt
• 013 Verifying Reactivity
• 003 Reactive References_en.srt
• 010 Advantages of the Composition API_en.srt
• 006 Lifecycle Functions.srt
• 012 Pinia Hooks
• 011 Router Hooks