Complete Angular Developer in 2022: Zero to Mastery

刚刚发布了 2022 年所有新的 Angular 最佳实践和趋势！加入由超过 600,000 名开发人员组成的实时在线社区，以及由行业专家教授的课程，这些专家在硅谷和多伦多都曾与 Angular 合作过。

本课程使用最新版本的 Angular，专注于提高效率并将您变成专业的 Angular 开发人员。再也不要花时间在令人困惑、过时、不完整的教程上！出于某种原因，Andrei 课程的毕业生现在正在谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook (Meta) 等顶级科技公司工作。

我们向您保证，这是 Angular 上最全面的在线资源。这个基于项目的课程将在 2022 年向您介绍 Angular（以前称为 AngularJS/Angular.js）开发人员的所有现代工具链。在此过程中，我们将使用 Angular、TypeScript、WebAssembly、Rust、RxJS 构建一个大型视频共享应用程序、TailwindCSS、Firebase 等等！这将是一个全栈应用程序。我们还将在此过程中构建其他迷你项目，以便您有信心在未来将任何 Angular 项目部署到生产环境中！

所有代码都将逐步提供，即使您不喜欢编写代码，您也可以访问我们构建的项目中的所有代码，因此注册该课程的任何人都将拥有自己的项目他们的投资组合。

最后，随着环境的变化，本课程将不断发展和更新。随着 Angular 生态系统的发展，我们希望这门课程能够不断更新，提供讲座和资源供您返回，以便在未来随时找到最新的 Angular 最佳实践。

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

1. 引导 ANGULAR – 在本节中，我们将探讨如何在浏览器上引导 Angular 应用程序。与其他框架不同，Angular 为开发人员提供了许多用于启动项目的样板。Angular 如何加载应用程序？什么是提前编译？什么是平台？这些是本节将回答的问题类型以及对模块和组件的介绍。

2.（可选）TYPESCRIPT – 在本节中，学生将学习 TypeScript 的基础知识。虽然是可选的，但 Angular 大量使用 TypeScript 编写。本节的目标是让您快速了解用于 Angular 开发的 TypeScript。主题包括类型注释、类型推断、泛型、接口和装饰器。

3. 组件基础– 在本节中，我们将深入探讨组件。组件被认为是应用程序的构建块。它们是教浏览器新的 HTML 标签的功能。我们将从属性绑定的基础知识开始，逐步介绍输入/输出、内容投影和生命周期挂钩等主题。

4. 转换内容– 在本节中，我们将通过发现指令和管道来处理组件的下一步。无论是通过外观还是行为，它们都是转换内容输出的功能。Angular 提供了数十个管道和指令，其中大部分将被覆盖。

5. 主项目：组件设计– 在本节中，我们最终将开始为本课程的主项目工作。我们将为游戏玩家构建一个视频共享应用程序！构建大规模应用程序可能具有挑战性。您将学习如何利用组件的通用设计模式来构建应用程序。本节将讨论服务、单例、多槽内容投影、处理内存泄漏和 TailwindCSS 集成等概念。

6. 主项目：反应式表单– 在本节中，我们将开始使用反应式表单注册帐户。表格可能很难处理。Angular 提供了一个模块来帮助我们处理验证、提交和渲染表单。本节将重点介绍在 Angular 中处理表单。

7. 主项目：模板表单– 在本节中，我们将介绍一个用于处理表单的替代模块，称为模板表单。我们将讨论模板表单和响应式表单之间的区别。到最后，您将很好地了解何时使用任一模块系统。

8. RXJS 简介– 在本节中，我们将学习 RXJS 以帮助我们处理异步操作。RXJS 是一个库，可以帮助我们处理数据流并将其馈送到各种组件中。在某些情况下，您可能需要订阅多个数据源。使用 RxJS，我们可以轻松地从头到尾简化数据流。

9. 主项目：认证– 在本节中，我们将重新审视我们的主项目以添加认证。在幕后，我们将集成 Firebase 以帮助我们存储用户数据、处理令牌和验证用户身份。最后，我们将使用 RxJS 来帮助我们处理来自 Firebase 的响应。

10. 主项目：自定义验证器– 在本次讲座中，我们将重温表单以处理自定义验证。Angular 支持同步和异步验证。这将使我们进入一种称为工厂函数的设计模式，用于创建动态验证器。最重要的是，我们将学习如何处理自定义错误。

11. 主项目：路由– 在本节中，我们将学习路由如何打开将我们的项目组织成单独页面/组件的大门。在底层，Angular 利用历史 API 通过阻止浏览器在导航时重新下载资源来提高应用程序的性能。Angular 包含支持参数、查询、通配符、生成链接、重定向等等的功能。

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

13. WEBASSEMBLY & RUST – 在本节中，我们将离开主项目来讨论 WebAssembly 和 Rust。WebAssembly 是一种新技术，用于从浏览器与用户的硬件进行交互。用不了多久，WebAssembly 就会成为开发人员的常用技能。通过了解它如何帮助我们为浏览器带来桌面体验，走在潮流前列。如果您没有任何系统编程经验，请不要担心，本节旨在对初学者尽可能友好。

14. 主项目：使用 FFMPEG 处理视频– 在本节中，我们将回到使用 FFmpeg 处理视频的主项目。FFmpeg 是一个与音频和视频文件交互的工具。我们对 WebAssembly 的了解会派上用场，因为 FFmpeg 不是 JavaScript 库而是 CLI 工具。其他主题包括绕过清理、使用 blob 以及学习新的 RxJS 运算符。

15. 主项目：播放视频– 在本节中，我们将通过使用流行的 Video.js 库播放视频来完成我们的应用程序。用户将能够通过无限滚动搜索上传内容。最后，我们会遇到 CORS 问题，这对于让开发人员感到困惑而臭名昭著。了解嵌入内容时出现 CORS 错误的原因。

16. 主项目：部署和生产– 在本节中，我们将通过使用 Vercel 部署应用程序与全世界分享我们的项目。对构建进行最终调整，例如更新 Firebase 规则和更新预算。

————

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

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

里面见！