完整的 Vue Mastery 2022（带 Vuex、Composition API、Router）

Vue 3 开发的终极指南！构建大规模应用程序并部署到生产环境。从零到精通！

讲师：Andrei Neagoie，Luis Ramirez Jr

口袋资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 构建企业级 Vue 应用程序并部署到生产环境
• 使用 Vue 3 进行文件上传、测试、PWA、国际化、身份验证
• 学习像高级开发人员一样构建反应性、高性能、大规模的应用程序
• 了解 Vue 3 的最新功能，包括 Composition API、Vuex、Vue Router 等
• 学习使用 TailwindCSS、Sass、CSS 动画和过渡构建漂亮的应用程序
• 从零开始掌握 Vue 开发者的最新生态系统
• 成为前 10% 的 VueJS 开发者
• 在应用程序中使用 Vuex 进行状态管理
• 学习在性能和可扩展性方面比较权衡
• 设置身份验证和用户帐户
• 使用 Firebase 构建全栈应用程序
• 通过做出良好的架构决策和帮助团队中的其他人来学习领导 Vue 项目
• 掌握 Vue 设计模式
• 使用 Vue 路由器进行路由
• 将应用程序转换为渐进式 Web 应用程序
• 使用 Jest、快照测试甚至 E2E 测试来测试你的应用程序！
• 使用最新的 ES6/ES7/ES8/ES9/ES10/ES11 JavaScript 编写干净的代码
• 了解为什么 Vue 在开发人员中的受欢迎程度超过了 React 和 Angular！

课程内容

25 个章节 • 298 个讲座 • 总时长 30 小时 26 分钟展开所有章节

介绍8 个讲座 • 28 分钟

Vue 基础知识25 个讲座 • 2 小时 21 分钟

项目一：透视游乐场3 个讲座 • 19 分钟

Vue：超越基本面7 个讲座 • 54 分钟

Vue 开发者环境14 个讲座 • 1 小时 26 分钟

高级 Vue 组件16 个讲座 • 1 小时 48 分钟

过渡和动画9 个讲座 • 59 分钟

项目 2：Vue 测验应用程序5 个讲座 • 44 分钟

主项目：Vuex 简介22 个讲座 • 1 小时 59 分钟

主项目：表单验证18 个讲座 • 1 小时 55 分钟

主项目：身份验证18 个讲座 • 1 小时 57 分钟

主项目：路由16 个讲座 • 1 小时 34 分钟

主项目：上传文件25 个讲座 • 2 小时 37 分钟

主项目：播放音乐23 个讲座 • 2 小时 34 分钟

主项目：指令5 个讲座 • 26 分钟

硕士项目：国际化8 个讲座 • 51 分钟

主项目：PWA（渐进式 Web 应用程序）8 个讲座 • 47 分钟

主项目：性能优化12 个讲座 • 1 小时 5 分钟

主项目：部署 + 生产2 个讲座 • 13 分钟

主项目：测试你的 Vue 应用程序20 个讲座 • 2 小时 16 分钟

组合 API13 个讲座 • 1 小时 25 分钟

组件设计模式7 个讲座 • 1 小时 11 分钟

然后去哪儿？5 个讲座 • 3 分钟

附录：额外位8 个讲座 • 33 分钟

奖金部分1 个讲座 • 1 分钟

要求

• 基本的 HTML、CSS 和 JavaScript 知识
• 你不需要任何 Vue 或任何其他 JS 框架的经验！

说明

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

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

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

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

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

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

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

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

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

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

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

6. 过渡和动画 –在本节中，我们将学习如何通过添加过渡和动画来为应用程序添加一些魅力。动画可以为任何应用程序注入活力。他们还可以通过向用户提供有关其行为的反馈来改善用户体验。我们将讨论如何使用 CSS 和 JavaScript 实现动画。两者都在 Vue 中得到支持。我们甚至会讨论最新的 Web Animations API。

7. 项目：测验应用程序 –在本节中，我们将利用迄今为止所学的一切来开发测验应用程序。测验是让用户参与几乎所有行业的好方法。

8. 主项目：VUEX 简介 –在本节中，我们将开始处理本课程的主项目，这是一个音乐应用程序！不间断地上传、管理和听音乐。我们将使用 TailwindCC 来帮助我们设计一个漂亮的现代应用程序。前端开发社区正在接受新的孩子。之后，我们将通过使用名为 Vuex 的官方状态库来学习状态管理。

9. 主项目：表单验证 –在本节中，我们将执行表单验证以防止提交无效数据。意外发生。确保检查错误是我们的工作。我们将学习如何为各种场景强制执行规则。

10. 主项目：认证 –在本节中，我们将开始认证和注册。用户在注册帐户后将能够立即登录。我们将使用 Firebase 作为管理和验证用户的后端解决方案。

11. 主项目：路由 –在本节中，我们将使用 Vue Router 库处理路由。下面，路由器库使用历史 API 来处理导航。它允许我们在页面之间切换而无需刷新资产。我们将看看如何使用这个库来帮助我们保护路由、添加元字段以及根据当前路由自定义网站的外观。

12. 主项目：上传文件 –在本节中，我们将开始将文件上传到 Firebase。我们使用 Firebase 验证文件至关重要。我们不希望用户在听音乐时意外下载恶意文件。我们将介绍如何使用 Firebase 规则执行验证。这样做之后，我们将在数据库中存储附加信息。我们甚至会介绍如何在拖放不可用的情况下实施后备解决方案。

13. 主项目：播放音乐 –在本节中，我们将开始制作音频播放器。我们将实现基本功能，例如播放/暂停、擦洗和显示当前持续时间。我们将通过允许用户提交评论、浏览音乐和排序数据来使站点的其余部分正常运行。

14. 主项目：指令 –在本节中，我们将简要了解如何编写自定义指令。指令是可以使用附加属性和方法扩展元素的属性。我们将介绍基础知识并研究高级概念，例如修饰符和参数。

15. 主项目：国际化 –在本节中，我们将向项目添加国际化，以便跨多种语言翻译项目。翻译消息有不同的方法。有些消息需要格式化或复数形式。我们还可以翻译数字（即货币）。我们将看看如何用几行代码在语言之间切换。

16. 主项目：PWA –网络已经转向移动优先的方法。在本节中，我们将添加 PWA（渐进式 Web 应用程序）功能，通过使用 Workbox 缓存文件并使用 Firebase 持久化数据，使我们的应用程序对移动设备友好。

17. 主项目：优化 –在本节中，我们将在将我们的应用程序投入生产之前进行一些最终优化。我们将研究各种技术和工具来帮助我们微调我们的应用程序。我们可以使用 Webpack 来分块文件和自动注册组件。我们将添加一些功能来帮助用户了解应用正在处理友好用户体验的请求。

18. 主项目：部署 –在本节中，我们将使用一个命令将我们的应用程序部署到 Vercel！快捷方便。

19. 主项目：测试 –在本节中，我们将讨论如何使用 Jest 测试项目。单元测试允许我们单独测试一个特性。这是你将编写的最常见的测试类型。测试中有一些问题可以通过模拟来解决。通过模拟代码，我们将能够隔离功能并对其进行测试。之后，我们将继续进行快照测试和 E2E 测试，将所有内容整合在一起。

20. COMPOSITION 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 相信，理解核心和关键的编程概念将使你成为当今市场上具有竞争力的工程师。他在这里通过揭开其他讲师可能掩盖的低级概念的神秘面纱来帮助你完成这一旅程。

学生将带着知识走开，以批判性思维能力和能够与队友有效沟通来克服任何交给他们的任务。

此课程面向哪些人：

• 有兴趣超越普通“初学者”教程的学生
• 想要学习 Web 开发人员最需要的技能的程序员
• 想要跻身 Vue 开发者前 10% 的开发者
• 希望获得使用可扩展大型应用程序经验的学生
• 想要超越基础知识的训练营或在线教程毕业生