刚刚更新了 2023 年所有新的 Vue 3 功能！加入由超过 900,000 名开发者组成的实时在线社区，参加由在硅谷和多伦多实际使用 Vue.js 的行业专家教授的课程。

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

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

所有代码都将逐步提供，即使您不喜欢一起编码，您也可以访问完整的主项目代码，因此注册课程的任何人都将拥有自己的项目来放入他们的作品集马上。

该课程将非常实用，我们将引导您从开始到结束发布专业 Vue 项目直至投入生产。我们将从头开始教您 Vue 基础知识，然后进入高级主题，以便您可以在未来的任何 VueJS 项目的架构和工具方面做出正确的决策。如果您是前端框架新手，或者即使您有 React 或 Angular 背景，您也会喜欢 Vue！

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

1. 基础知识 –在本节中，我们将学习 Vue 的基础知识，例如计算属性、方法和观察器。只需掌握基础知识，我们就能够通过事件、绑定和条件渲染来操作文档。我们还将学习如何使用官方 Vue 开发人员工具调试应用程序。

2. 项目：透视游乐场 –在本节中，我们将通过创建 CSS 透视游乐场来构建我们的第一个项目。这将使我们有机会通过开发一个可视化 CSS 属性如何操纵元素视角的工具来强化我们在上一节中学到的许多基本概念。

3. 超越基础知识 –在本节中，我们将深入探讨 Vue 框架的内部工作原理。JavaScript 框架如何增加反应性？Vue 如何将模板编译成虚拟 DOM 对象？这将使我们深入了解 Vue 如何为现代应用程序提供框架。我们还将讨论生命周期挂钩和组件。

4. 学习工具 –在本节中，我们将从 Vue 退后一步，讨论一些用于开发应用程序的工具。在您的整个职业生涯中，您将需要使用帮助我们开发应用程序的工具（即 Vite、Sass、PostCSS、ESLint）。我们将讨论如何配置这些工具以及为什么需要它们。

5. 高级组件 –在本节中，我们将使用 Vite 搭建一个 Vue 项目。Vue 的目标是让开发体验尽可能流畅、无痛。Vue 可以帮助我们搭建项目、配置工具和运行服务器。这减轻了 Web 开发中许多更繁琐的任务。我们将能够直接跳到组件中，看看如何通过使用 props、发出事件、槽和动态渲染内容来构建具有组件的应用程序。

6. 过渡和动画 –在本节中，我们将学习如何通过添加过渡和动画来为应用程序添加一些亮点。动画可以为任何应用程序注入活力。他们还可以通过向用户提供有关其操作的反馈来改善用户体验。我们将讨论如何使用 CSS 和 JavaScript 实现动画。Vue 中支持两者。我们甚至会讨论最新的 Web 动画 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 测试项目。单元测试使我们能够单独测试某个功能。这是您将编写的最常见的测试类型。测试中有一些问题可以通过模拟来解决。通过模拟代码，我们将能够隔离功能并测试它们。之后，我们将继续进行快照测试和端到端测试，将所有内容整合在一起。

20. 组合 API –在本节中，我们将讨论 Vue 中引入的最新功能，称为组合 API。这是构建组件的不同方式。虽然 Vue 提供了用于编写组件的简单 API，但也存在一些缺点。组合 API 解决了这些问题。我们将讨论为什么您想要使用组合 API 并了解为什么引入它。

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

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

里面见！

————

授课者：

Andrei Neagoie是 Udemy 上评价最高的发展课程的讲师，也是发展最快的课程之一。 他的毕业生已经在世界上一些最大的科技公司工作，如苹果、谷歌、亚马逊、摩根大通、IBM、优衣库等……他曾在硅谷和多伦多担任高级软件开发人员多年多年来，他现在正在利用他所学到的一切来教授编程技能，并帮助您发现作为开发人员在生活中所带来的惊人的职业机会。

作为一名自学成才的程序员，他明白有大量的在线课程、教程和书籍过于冗长且不足以教授适当的技能。大多数人在学习复杂的主题时都会感到不知所措，不知道从哪里开始，更糟糕的是，大多数人没有 20,000 美元可以花在编码训练营上。 编程技能应该是所有人都能负担得起并且开放的。教育材料应该教授当前的现实生活技能，并且不应该浪费学生的宝贵时间。   他从为财富 500 强公司、科技初创公司工作，甚至创办自己的企业中汲取了重要的经验教训，现在将 100% 的时间投入到向他人传授宝贵的软件开发技能，以便以令人兴奋的方式掌控他们的生活和工作。具有无限可能的行业。

安德烈 (Andrei) 向您保证，没有其他课程能够如此全面且解释得如此清楚。 他认为，要学习任何有价值的东西，就需要从基础开始，扎根。只有从那里，您才能学习与基础相关的概念和特定技能（叶子）。当以这种方式构建时，学习就会呈指数级增长。

凭借他在教育心理学和编码方面的经验，Andrei 的课程将带您了解您从未想过的复杂主题。

课程中见！

——–

Luis Ramirez Jr是一位软件工程师，在 Web 应用程序开发方面拥有十年的经验。他的职业生涯致力于构建可靠、经过实战检验、安全、可扩展且高性能的解决方案。作为一名工程师，开发提供流畅用户体验的应用程序始终是首要任务。

大多数课程都会教你“如何”，但不会教“为什么”。Luis 相信，理解核心和关键编程概念将使您成为当今市场上有竞争力的工程师。他在这里通过揭开其他讲师可能掩盖的低级概念的神秘面纱来帮助您完成这一旅程。

学生将获得知识来克服任何交给他们的任务，并具备批判性思维能力并能够与队友进行有效沟通。