很多人学习前端都不知道如何下手，我这里分享一些教程书籍资源，希望各位不再迷茫，先分享学习的经验！后面在分享教程！

　　总的来说前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉，至少要能够运用它们完成大多数任务，而无需频繁地寻求别人的帮助。

先明确三个概念：
1.HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。
2.CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
3.JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。

前端入门一般分为三个阶段：


阶段一：html、css（基础）、js(基础)
　　第一阶段一般是面对那些基本上没有一点网页代码功底的学生，主要的就是要学习一些简单的html标记和css样式，此阶段要基本弄清楚基本的html和css的基本知识，能完成简单的div+css的布局和一些样式，对于css中的position、float等比较难的标记能深入的理解和应用。此阶段对于js的要求应该是能理解js的基本语法，对于js中的变量、函数、对象、事件、面向对象等有基本的了解，能写一些特别简单的特效如简单的表单验证等等。


阶段二：css2.0（精通）、js(一般水平)、jQuery
　　完成阶段一也就是基本的入门，对于现在复杂的前端工作来说，阶段一的知识远远是不够的，以为达到阶段一的水平可能连自学前端的能力还不具备，所以还是需要继续学习一些深入的知识才能算是入门。阶段二个人认为需要熟练的学习好css，这是基础，毕竟现在的pc端网页主要还是要靠css2.0来实现，之所以说是2.0是为了区分css3。css2.0的水平需要达到给你一个布局你能快速的使用div+css来实现它，此时的css水平就可以算是达标了。另外就是js,此阶段我们需要更加熟练的使用js来实现一些常见的特效，比如：轮播图、选项卡、放大镜等特效，此时如果仅仅使用原生的js实现有些太过繁琐，此时我们学习jQuery，很多人说现在的jQuery生态都要淘汰了，这里我想说我不这么认为。为什么要学习jQuery呢？以为jQuery只是将原生js里一些繁琐的语法简单化和重新封装了一些对象和方法，使开发更加效率，这里最值得肯定的是使用jQuery开发特效和使用原生的js开发特效思路是一样的，只不过jQuery的连式操作使用起来更加方便一些。总结阶段二需要掌握的是熟练的css和js并且掌握jQuery。


阶段三：html5、css3、一些js框架
　　现在前端技术的很大一部分都是移动端，所以要使用html5和css3技术，基本的知识就要掌握移动端的布局和屏幕的适配，使用js调用一些手机上的api等，同时要学习一些mvvm构架的框架，如vue.js、reactjs等，基本学习到这个地方就算是完全入门了，自己再学前端知识就知道怎么学学什么了。