Angular 学习路线

第零步:基础语法

在学习 Vue 之前,首先你需要掌握 Html CSS JavaScript 的基础语法。

第一步:Hello World

完成一个 hello world 似乎已经成为学习编程的传统。

可以参考angular文档中的快速起步完成一个Hello World

第二步:npm

npm 是一个让 JavaScript 程序员分享和复用代码的工具。 有了它,JS程序员能高效地管理和发布自己要分享的代码。

我们接下来会经常使用到 npm,为了提高 npm 在国内的下载速度,可以选择 cnpm 进行代替。

npm install -g cnpm安装成功后,以后可以使用 cnpm 代替 npm 命令。

第三步:Angular 基础

请直接参考官方文档完成开发指南

第四步:做个小项目

请完成 angular 网站中的英雄指南教程

第五步:RxJS

因为 angular 绑定了 RxJS,所以我们要进一步学习它,主要是学习其中的编程思想。推荐文章让我们一起来学习 RxJS

Vue Router 使用教程

第六步:ngRx/store

构建复杂的 Angular 应用(复杂的交互和数据),需要使用 ngRx/store 维护更多的状态。参考文档:

ngRx/store 文档

第七步:项目实战

最好的学习方法就是实战,在做项目时,遇到问题并解决问题,不断的补充新的知识。

如果你没有项目在开发的话。此时推荐你找到一个开源项目,并为它增加一个新的页面与功能。

附录

在上面的步骤中,为了降低学习难度,是隐藏了一部分知识细节的。

要想成为一名初级前端工程师,你应该还需要认真学习这些内容:Webpack,ES6/7,Fetch 等等。

进阶

在已经初步学习了如何使用 angular 开发应用后,这里有更多的内容提升自己:

服务端渲染

前端性能分析

前端测试框架

单元测试

代码优化与压缩

代码分割与延迟加载

自己实现 router

自己实现一个 MVVM 框架

node js

等等

你可能感兴趣的:(Angular 学习路线)