零基础学习Web前端学习路线总结
第一阶段:
1，HTML+CSS:HTML高级，CSS高级，div+css布局，HTML+CSS全网站开发。
2.JavaScript基础:js基础教程，Js内置对象常用方法，常用DOM操作，ECMAscript，DOM，BOM，定时器，焦点图。
3、JS基础特效:常见特效，如:标签页、导航、整页滚动、轮播、JS幻灯片、弹出层、手风琴菜单、瀑布布局、滚动事件、滚动视图。
4.JS的高级特性:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离的运动框架、面向对象的基础。
5.JQuery:基本使用吊架、DOM操作、特效和动画、方法链、拖放、变形和JQueryUI组件。
第二阶段:
1，HTML5: HTML5新语义标签，HTML 5表单，音视频，离线和本地存储，SVG，WebSocket，Canvas。
2.CSS3:CSS3新增选择器、伪元素、面部表情、边框、阴影、背景系列属性变化、转场、动画、深度和纵深、3D效果制作、Velocity.js框架、元素进出策略、酷炫的CSS3网页制作。
3.Bootstrap:响应式概念、媒体查询、响应式网站制作、网格删除系统、网格删除系统原理、Bootstrap常用模板、LESS和SASS。
4.移动Web开发:跨终端WEB和主流设备介绍、视口、流式布局、弹性框、rem、移动终端的JavaScript事件、手机中的JS效果制作、Zepto.js、性价比高的手机页面、手机滚动。
第三阶段:
1.WEB服务器基础:服务器基础知识，Apache服务器及其他WEB服务器介绍，Apache服务器构造，HTTP介绍。
2、PHP基础:PHP基本语法，用PHP处理简单的GET或POST请求。
3.Ajax:Ajax简介:Ajax异步的概念，Ajax框架的封装，XMLHttpRequest对象的详细介绍，兼容性处理方法，AJAX框架的封装，AJAX中的缓存，XML的介绍和使用。JSON和JSON解析，数据绑定和模板技术，JSONP，跨域技术，图片预读和懒加载技术，JQuery框架中的AjaxAPI，以及使用Ajax实现爆炸流案例。
第四阶段:
面向对象:从内存的角度去理解JS面向对象，基本类型，复杂类型，原型链，ES6中的面向对象，属性读写权限，setters和accessors。
第五阶段:
1.框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
2.帧封装的中间层次:运动原理，单对象运动帧，多对象运动帧，运动帧的面向对象封装。
3.高级和补充框架封装:JQuery框架的原型、扩展性、模块化和封装都属于传智自己的框架。
第六阶段:
1，Web开发工作流:GIT/SVN，约曼脚手架，NPM/鲍尔依赖管理工具，Grunt/Gulp/Webpack。
2.MVC/MVVM/MVW框架Angular.js，Backbone.js，Knockout/Ember。
3.常用库:React.js、Vue.js、Zepto.js
第七阶段:
Node.js的全栈开发
以上就是边肖今天为大家分享的关于零基础web前端学习路线总结的文章。希望这篇文章能对正在学习web前端知识的新手有所帮助。如果想了解更多web前端的知识，记得关注官网，北大青鸟的web培训。最后祝朋友们学习成功，成为一名优秀的Web前端工程师。
文章来源:原创前端资源库前端资源库