如何学习前端？前端学习路线总结

随着多屏互动和多端兼容友好的界面变得越来与重要，前端工程师也成为了热门的研发技术岗位之一。随着就业市场大环境的改变，一方面是前端人才的紧缺，另一方面是对前端求职者的要求增高，所以我们需要学的东西也不能仅仅只停留在基础层面。那么，我们应该如何学习前端呢？下面为大家总结了一条前端学习路线，大家可以参考一下。

1、css和html

刚入门的朋友，应该把重点放在 css和html基础知识的学习上。关于 css(3) 你需要了解以下一些知识点：web标准、html相关概念、html标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例，注册页面、css选择、css字体样、css外观属性、调式、css复合选择器、标签显示模式、css背景、css三大特性等等。总的来讲，css和html的学习还是比较简单的。

2、javascript

javascript一直都是前端工程师进步的基石， javascript 的理解深度决定了前端开发者的职业发展。关于javascript的学习内容包括了浏览器执行js过程、js变量、数据类型、运算符、流程控制语句（if else 、三元表达式、switch）、循环（for、while、do while）、数组、冒泡排序、函数、作用域、预解析、对象、内置对象、简单类型和复杂类型等。只有在熟悉了javascript基础语法的基础上，我们才能继续深入学习前端开发技术。

3、库工具

我们常用的库工具有jquery、underscore、zepto、moment 等。jquery: 降低开发者操作 dom 的复杂度；underscore: 提供实用的函数；zepto: jquery 的简化版；moment: 日期和时间操作库。这些库给我们提供了很大的便利，省去了我们编写相关方法的时间，同时也是我们的程序更加稳健 —— 我们自己写的方法很可能在某些情况下就出 bug 了。当然对于这些库我们不仅仅只是去了解 api，我们需要去学习它的源码。看看如果自己写相关方法的话是不是也想到了这种方式，这些库工具是也是一个很好的学习工具，我们不应该忽略。

4、node与ajax

学习内容包括了node环境安装、node模块化、gulp使用、服务器和http协议、ajax函数封装、同源策略、jsonp、 cors、jquery中aajx方法的使用、ajax补充内容。完成这部分学习路线的内容可以基本掌握前后端数据交互、基于前后端分离模式、传统模式的开发的工作。因此可以具备企业基础用人标准，能够达到初级前端开发工程师水平。

5、vue

vue的优势是：模板和渲染函数的弹性选择；简单的语法和项目配置；更快的渲染速度和更小的体积。关于这部分我们要学习vue指令、修饰符、样式绑定、v-model底层原理、计算属性、过滤器、侦听器、vue组件、promise、fetch、axios、vue路由、前端工程化和模块化等等。学完以上内容，大家能够实现基于vue技术栈项目的开发能力，基本能够达到中级前端开发工程师水平。

我目前是在职前端开发，如果你现在也想学习前端开发技术，
在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，
你都可以申请加入我的前端学习交流裙：前面：600 中间：610 最后151。里面聚集了一些正在自学前端的初学者，
裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，
前端开发工具，pdf文档书籍教程，需要的话都可以自行来获取下载。

看到这里，相信大家对于如何学习前端已经有了一定的了解。实际上，关于前端的学习路线不是固定的，但是按照目前市场的潮流l来说，以上总结的知识点都是前端开发工程师必须要掌握的技能。最后，希望大家能都朝着自己的目标，一步一个脚印前进。