算机行业很多领域都符合82定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，因而我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。

在我看来前台这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。

拿下这些东西意义非凡，一方面证实你适合做前台这份工作，另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。

总之就是专心对付最重要的东西，那些什么less、sass、angular这类的东西，当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。

最后我觉得最难的就是实践，只有实践才能学到真正的技术，新人很难参加少量有价值有意义的项目，没有这些项目又很难成长，所以自己有项目可参加应该珍惜，没项目应该多造少量有价值的轮子。

1.html的语法、格式，常用的标签极其作用，了解标签的嵌套，学习使用firefox+firebug或者者chrom的调试工具，能够使用这些工具调试html、css、js、断点调试、抓包

2.如何引入css、js（有多少种方法，各种方法有什么区别），了解id、class属性的区别，学会css的常用选择器，了解盒子模型（padding，margin，border，width，height，），css坐标系，css布局（position的absolute、relative 、fixed、static），css浮动（float：left、right ）和清理浮动（clear）,display:inline、block、inline-block、flex

3.js的执行顺序，基本的编程基础（变量、运算、流程控制、数组、调用函数、自己设置函数、对象）、json、js的dom操作、js的事件机制（委托、绑定、监听，冒泡和阻止冒泡，兼容性），理解ajax的xmlhttprequest及其创立方法（多浏览器兼容）、跨域，明白其工作原理，评论里有朋友说http协议，的确是我疏忽，http协议是web的根本，所以其重要性再怎样强调都不为过，熟习http协议对web开发的方方面面都有不少帮助，比方了解及使用ajax，比方调试程序、抓取数据等等，不过http是一个很杂很细的东西，内容很多，我建议也囫囵吞枣式地学习，先理解、熟习简单的，以后在项目中遇到深入点的再进一步学习。

4、使用jquery解放你的开发工作，学会jq选择器，修改属性、监听事件、修改css，学会写jquery插件。这一步我觉得可以和第3步穿插学习

5、搭建服务器，弄个傻瓜服务器比方wamp，phpstudy等软件，可以一键建立一个apache+php+mysql的服务器，前期可以把你的静态页发布到本地服务器，使用本地服务器配合ajax学习。

6、学点服务器端，建议php+mysql。

服务器端脚本其实很简单，总结起来就是4个东西：SESSION、COOKIE、Request、Response，结合http协议了解如何从Request获得数据，经过解决后Response给用户端。这就是整个过程。

至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结，基本上以实现业务为主。

7、来点框架，了解MVC模式、推荐个比较流行的MVC框架：ThinkPHP，简洁好用不解释，国人弄的，文档和例子什么的非常丰富。

最后

“我自己是一名从事了5年前台的老程序员，辞职目前在做讲师，今年年初我花了一个月整理了一份最适合2019年学习的web前台干货，从最基础的HTML+CSS+JS到手机端HTML5到各种框架，实战项目都有整理，送给每一位前台小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。”

想要学习web前台的加群956766604.欢迎初学和进阶中的小伙伴。裙里有免费的学习资料，还有专业老师为你解惑，更有免费体验课、免费直播课等福利不定期放送。