发布于 2026-01-05 3 阅读
0

Angular Developer Roadmap for 2020 🌈

2020 年 Angular 开发者路线图🌈

我最初想写这篇文章,是为了给公司学习 Angular 创建一个路线图文档。后来,我又想,为什么不分享给所有开发者呢?🦄

那么,言归正传,要成为一名 Angular 开发人员,我们必须遵循哪些步骤?


👾 JavaScript 入门

如果你正在阅读这篇文章,我假设你已经掌握了 HTML 和 CSS 的知识,所以我会直接跳过它们,讲解 JavaScript。要成为一名 Angular 开发者,你首先需要具备扎实的 JavaScript 基础,才能理解其工作原理。下面我将分享一些可以帮助你提升 JavaScript 开发技能的资源:

  • JavaScript 速成培训- 想要快速复习 JavaScript 基础知识,没有什么比参加Maximilian 的这门课程更好的选择了。
  • JavaScript - 理解其怪异之处- 通过这门 Udemy 课程掌握 JavaScript 的工作原理及其基本概念
  • JavaScript 算法和数据结构- 在FreeCodeCamp,您可以免费学习这门课程,通过实践示例进行学习,最终获得认证。


👩‍💻 从 JavaScript 迁移到 TypeScript

TypeScript 是 JavaScript 的超集,主要提供可选的静态类型、类和接口。其一大优势在于,它能让 IDE 提供更丰富的环境,帮助用户在编写代码时发现常见错误。自 Angular 2 起,学习 TypeScript 已成为一项必备技能。

  • TypeScript 入门教程- 本教程通过 21 个交互式屏幕录像教你学习 TypeScript,它是免费的,你可以在Scrimba上找到它。
  • TypeScript 最佳实践-本文不会讨论 TypeScript 的优缺点,而是着重介绍一些最佳实践。
  • TypeScript 官方文档- 最后但同样重要的是,您始终可以找到官方文档。


🔥 最后,Angular!

既然你已经熟悉了 JavaScript 和 TypeScript,我们接下来就来学习 Angular。Angular 框架是一个不错的选择,因为它很容易上手,而且每天都在不断改进。

  • Udemy 上的 Angular 课程-这门由 Maximilian Schwarzmüller 讲授的课程详细教授 Angular,并始终与最新版本保持同步。
  • Angular 官方文档- Angular 文档网站包含了您作为 Angular 开发人员所需的所有信息。


🌠 除了 Angular 之外

Angular 本身就带有一些你也应该学习的功能:

  • 创建端到端测试,通过使用真实浏览器模拟交互来确保应用程序始终按预期运行——cypress.io就是其中一个例子。
  • Learn how you can unit test each part of your code using libraries like Jest.


📖 Angular Best Practices

  • Best practices for a clean and performant Angular application - This article from Freecodecamp outlines the practices we use in our application and is related to Angular.
  • Angular collection of directives - In this github repository you can find some tips that you can use in your project.


💖 Get inspired!

  • Made with angular - This website shows some cool examples built with Angular.
  • Angular Expo - Angular Expo is a beautiful showcase of websites, applications and experiments using the Angular JavaScript framework.


Follow the news

Angular is always evolving and as developers we should always be in touch with the latest updates. For that I recommend to follow the Official Angular Blog.


Until next time! See you around! 😊

文章来源:https://dev.to/monicafidalgo/angular-developer-roadmap-for-2020-3eb4