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

你将会学到的

  • 构建企业级 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 开发人员需要学习的所有技术!

里面见!

————

授课人:

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

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

Andrei 向您保证,没有其他课程可以如此全面和解释清楚。 他认为,要学习任何有价值的东西,就需要从基础开始,发展树根。只有从那里,您才能学习与基础相关的概念和特定技能(叶子)。当以这种方式构建时,学习会变成指数级的。

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

课程内见!

——–

Luis Ramirez Jr是一名软件工程师,在 Web 应用程序开发方面拥有十年经验。他的职业生涯一直致力于构建可靠、久经考验、安全、可扩展和高性能的解决方案。作为一名工程师,开发提供流畅用户体验的应用程序始终是当务之急。

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

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

此课程面向哪些人:

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

发表回复

后才能评论