前端技术学习路线

1. 基础

HTML+CSS+Javascript

2. 框架

针对HTML布局上 :Bootstrap
针对字体图标库:font-awaresome     阿里巴巴矢量图库 iconfont
AngularJS
Vue
React

3. 模块化&组件化

前端开发已经从原来的整体化开发发展到现在的模块化开发,甚至是组件化开发,讲求的是代码的可复用性。
在模块化开发中,不得不提到CommonJS,AMD和CMD规范,并且有不同的实现,比如RequireJS。

4. 构建工具

有了构建工具,可以极大的提高我们的开发速度
如gulp+webpack

  • gulp是一种任务驱动型的构建工具,通过管道处理数据流,提高了数据处理速度,而且其提供的一系列插件也很方便使用。
  • webpack的作用就是把所有浏览器端需要发布的静态资源做相应的准备,比如资源的解析、合并和打包,它提供了强大的加载器和插件机制,例如vue-loader提供了对vue的支持,babel-loader提供了对ES6的支持。

5. 全栈

全栈开发以NodeJS作为服务端语言,基于NodeJS实现的服务端框架有Express,KOA等。
全栈开发,肯定会通过服务端语言操纵数据库,对于数据库的知识也肯定要掌握的。

总结

这些主要通过自己对于前端学习的一些看法,可能有些片面。
下面这张图为一些详细的阶段学习安排:

你可能感兴趣的:(前端)