web前端学习路线图

前端的的技术一直在变化,更新和变革,现在基本是三驾马车(vue,angualr,react)主导整个前端框架,但是无论对于新人或者有经验的程序员,这些知识在必须掌握

上图罗列了整个前端的一些技术架构,可能有些东西已经过时了,但是以下这些东西必须得了解和掌握。

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

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

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

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

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

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

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

加Q 裙:777093078(招募中)

猜你喜欢

转载自blog.csdn.net/weixin_43955769/article/details/86669086