2022 年完整 Angular 开发人员:从零到精通

使用 Angular 准备好工作!掌握最新版本的 Angular 并学习构建让您与众不同的大型应用程序

讲师:Andrei Neagoie

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

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

你会学到什么

  • 构建企业级 Angular 和 TypeScript 应用程序以部署到生产环境
  • 通过做出良好的架构决策并帮助团队中的其他人来学习领导 Angular 项目
  • 在您的应用程序中使用 WebAssembly 和 Rust 来提高性能并结合 Angular 的强大功能
  • 了解 Angular 的最新特性:路由、指令、管道、服务、提前编译等等
  • 在您的应用程序中使用 RxJS 和 Streams
  • 掌握 Angular 设计模式
  • 设置身份验证和用户帐户
  • 使用 Firebase 构建全栈应用程序
  • 学习像高级开发人员一样构建响应式、高性能、大规模的应用程序
  • 学习处理项目中的内存泄漏以提高性能
  • 掌握专业 Angular 应用程序的生产和部署
  • 学习在 Angular 应用程序中使用 TailwindCSS
  • 从头开始掌握 Angular Developer 的最新生态系统
  • 成为前 10% 的 Angular 开发者

要求

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

描述

我们向您保证这是 Angular 上最全面的在线资源。这个基于项目的课程将在 2023 年向您介绍 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 开发人员的所有技术!

里面见!

本课程适合谁:

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

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍