2018年最新的WEB前端学习路线

前端的的技术一直在变化，更新和变革，现在基本是三驾马车(vue,angualr,react)主导整个前端框架，但是无论对于小白或者有经验的老程序员，这些知识在必须掌握，下面给大家一份详细的学习路线图：

 

上面图片讲述了整个前端的一些技术架构，内容很多但是不要紧张，虽然以上还有一些已经跟不上互联网的脚步的，但是以下这些关于WEB前端的知识点必须得了解和掌握。

进阶区：在这里相信有许多想要学习前端的同学，推荐一下我的学习交流q.u,n: 95694，

0552 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。

自己整理了-份201 8最全面前端学习资料,从最基础的HTML+CSS+JS [炫酷特效，游戏，插件封装，设计模式]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

1.html的语法、格局，常用的标签极端作用，了解标签的嵌套。

2.学习运用firefox+firebug或许chrom的调试工具，可以运用这些工具调试html、css、js、断点调试、抓包 2.怎么引入css、js。

3.了解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。

4.了解掌握js的执行顺序，基本的编程基础（变量、运算、流程操控、数组、调用函数、自定义函数、对象）、json、js的dom操作、js的事件机制（委托、绑定、监听，冒泡和阻挠冒泡，兼容性），了解ajax的xmlhttprequest及其创建办法（多浏览器兼容）、跨域，明白其作业原理。

5.熟悉http协议对web开发的方方面面都有不少帮助，比如了解及运用ajax，比如调试程序、抓取数据等等，不过http是一个很杂很细的东西，内容很多，我建议也囫囵吞枣式地学习，先了解、熟悉简略的，今后在项目中遇到深化点的再进一步学习。

6.树立服务器，弄个傻瓜服务器比如wamp，phpstudy等软件，可以一键树立一个apache+php+mysql的服务器，前期可以把你的静态页发布到本地服务器，运用本地服务器配合ajax学习。

7.熟悉或者至少了解node的基本语法和用法，在现在流行的手脚架配置都离不开node,而且node可以启动服务器，正真做一个全栈工程师。

8.vue,angular,react至少精通其中之一，了解内部运行机制，至少熟读源码。

9.如果有兴趣可以对python做一定的了解，这是以后的趋势。

10.小程序，微信公众号现在的趋势，可以关注一下官网。