2018最新web前端路线，简单易懂，清晰明了！

这里给大家讲解一下web前端的最新学习路线：

学习web前端的路线如下：

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，简洁好用不解释，国人弄的，文档和例子什么的非常丰富。