学习介绍

很多人都说web前端简单可以自学，但是都缺少对应的学习方向，以下就是我总结的关于web前端的学习路线，按照路线完成可以稳定就业，建议收藏保存。

第一阶段：前端基础阶段

首先肯定是基础的html+css+js三剑客了，这是最基本的知识，所以基础阶段一定要打好,这个阶段的学习时间段一般是1个月以内。大家一定要注意，在学习理论基础的同时一定要配合实战练习，例如学完html+css，多练习页面还原，找几个自己喜欢的网站页面好好一比一还原一次，提供自己的速度。

第二阶段：精通HTML5与CSS3

接着要学习的就是html5+css3，我们上面所学的html+css+js阶段中学习的是html4+css2，这是基础部分，学好了html4+css2我们才学习新版本的html5+css3.其中我们还需要学习的是移动端开发技巧，其中还包括一些前端常用的插件例如Jquery,Swiper等，还有响应式框架Bootstrap,这样我们既可以开发移动端页面也可以开发PC端页面，还可以实现许多的炫酷效果，重点还是每一个知识点学习以后找对应的练习案例。

第三阶段：前端高级开发与服务器开发

我们要学习的主要知识有，http+ajax+json+nodejs+mysql+mongoDB等等前后端交互的知识，是我们以后和后端配合开发的重要知识，没有了这个版块的学习，那前端将是毫无灵魂的。

javaScript阶段的升级阶段，我们上面所学的js全称是ECMAScript 5，是2009年发布的版本。 es6全称是ECMAScript 6.0，是2015年发布的新版本,所以简称es6。本阶段难度较大，既涉及到全栈开发，又涉及到Js的高级语法，大家需要重点联系，记好笔记。面试题出现频率高的阶段。

第四阶段：前端框架开发与小程序实战开发

框架其实就是一些利用html+css+js开发出来的一些简化项目开发工作的工具，也是目前前端的主流开发手段，常用的框架有vue，react，angular，以及小程序，app混合开发，echarts.js和D3.js图表等等已经成熟的框架体系。 学习这些框架，能大大缩短我们项目的开发周期，减少开发难度，是前端人员必不可少的开发技能。个人建议大家主攻一个框架即可，例如Vue，然后多做相关的案例，商城案例，展示案例，后台管理系统案例。

第五阶段：工作准备

通过上方四个阶段的学习，基本上在业务方面已经具备了工作的能力，咱们接下来需要的就是提高自己的理论基础，多刷面试题，多去github找一些开源项目做练习，平时学习的过程中大家可以建立一个个人博客，用于总结问题，和发布一些学习心得，将来找工作也是加分的。