Angular 学习路线

作者: 渴望硕壮的成熟 | 来源:发表于2017-03-19 15:07 被阅读602次

    第零步:基础语法

    在学习 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 学习路线

        本文链接:https://www.haomeiwen.com/subject/pygmnttx.html