第零步:基础语法
在学习 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
第六步:ngRx/store
构建复杂的 Angular 应用(复杂的交互和数据),需要使用 ngRx/store 维护更多的状态。参考文档:
第七步:项目实战
最好的学习方法就是实战,在做项目时,遇到问题并解决问题,不断的补充新的知识。
如果你没有项目在开发的话。此时推荐你找到一个开源项目,并为它增加一个新的页面与功能。
附录
在上面的步骤中,为了降低学习难度,是隐藏了一部分知识细节的。
要想成为一名初级前端工程师,你应该还需要认真学习这些内容:Webpack,ES6/7,Fetch 等等。
进阶
在已经初步学习了如何使用 angular 开发应用后,这里有更多的内容提升自己:
服务端渲染
前端性能分析
前端测试框架
单元测试
代码优化与压缩
代码分割与延迟加载
自己实现 router
自己实现一个 MVVM 框架
node js
等等