自学前端和前端开发的学习路线是什么？
前端完整的学习路线
第一阶段:
HTML CSS:HTML高级，CSS高级，div css布局，HTML CSS全网站开发。
JavaScript基础:js基础教程，Js内置对象常用方法，常用DOM树操作，ECMAscript，DOM，BOM，定时器，焦点图。
JS基础特效:常见的特效，如tab、导航、整页滚动、轮播、JS幻灯片放映、弹出层、手风琴菜单、瀑布布局、滚动事件、滚动视图。
JS的高级特性:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离的运动框架、面向对象的基础。
JQuery:吊架的基本用法，DOM操作，特效和动画，方法链，拖拽，变形，JQueryUI组件的基本用法。
第二阶段:HTML5和移动Web开发
HTML5:HTML5新语义标签，HTML5表单，音视频，离线和本地存储，SVG，Web Socket，Canvas。
CSS3:CSS3新选择器、伪元素、面部表情、边框、阴影、背景系列属性变化、过渡、动画、深度和纵深、3D效果制作、Velocity.js框架、元素进出策略、酷炫的CSS3网页制作。
Bootstrap:响应式概念、媒体查询、响应式网站制作、网格删除系统、网格删除系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:跨终端WEB和主流设备介绍、视口、流式布局、柔性框、rem、移动终端的JavaScript事件、手机中的JS效果制作、Zepto.js、高性价比手机页面、手机滚动。
第三阶段:HTTP服务和AJAX编程。
WEB服务器基础:服务器基础知识，Apache服务器及其他WEB服务器介绍，Apache服务器构造，HTTP介绍。
PHP基础:PHP基本语法，使用PHP处理简单的GET或POST请求。
Ajax第一部分:Ajax和异步的概念介绍，Ajax框架的封装，XMLHttpRequest对象的详细介绍方法，兼容性处理方法，Ajax框架的封装，AJAX中的缓存问题，XML的介绍和使用。
Ajax的下一部分:JSON和JSON解析，数据绑定和模板技术，JSONP，跨域技术，图片预读和懒加载技术，JQuery框架中的AjaxAPI，使用AJAX实现爆炸流的案例。
第四阶段:面向对象高级
终极面向对象篇:从内存的角度去理解JS面向对象，基本类型，复杂类型，原型链，ES6中的面向对象，属性读写权限，setters和accessors。
面向对象的三个特征:继承、多态、封装和接口。
设计模式:面向对象编程思想、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式和面向方面编程。
第五阶段:包装一个自己的框架。
框架封装的基础:事件流、冒泡、捕获、事件对象、事件框架和选择框架。
帧封装的中间层次:运动原理，单对象运动帧，多对象运动帧，运动帧的面向对象封装。
高级和补充框架打包:JQuery框架的原型、扩展性、模块化和打包都属于传智自己的框架。
第六阶段:模块化组件开发
面向组件编程:面向组件编程的方式，面向组件编程的实现原理，面向组件编程的实战，基于组件思想的网站应用开发。
面向模块编程:AMD设计规范，CMD设计规范，RequireJS，LoadJS，淘宝SeaJS。
第七阶段:主流的流行框架
Web开发工作流:GIT/SVN，约曼脚手架，NPMer依赖管理工具，Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js，Backbone.js，Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js
阶段8: HTML5原生移动应用开发
Cordova:web App/Native App/HybirdApp介绍，Cordova介绍，与PhoneGap的关系，开发环境的搭建，Cordova实战(项目创建，配置，编译，调试，部署，发布)。
Ionic:简介和比较Ionic:Ionic，模板项目分析，常用组件及其使用，构建一个有角度的，有常用效果(下拉刷新，上拉加载，侧滑导航，标签页)的APP。
React Native:React Native简介，React Native环境配置，项目创建，配置，编译，调试，部署和发布，原生模块和UI组件，原生常用API。
HTML5 :HTML5中国产业联盟，HTML5 Plus运行时环境，HBuilder开发工具，MUI框架，H5开发部署。
第九阶段:Node.js的全栈开发；
快速入门:Node.js的开发，生态系统，Io.js，Linux/Windows/OS X环境配置，REPL环境和控制台程序，异步编程，非阻塞I/O，模块概念，模块管理工具，开发流程，调试和测试。
核心模块和对象:全局对象、进程、控制台、util、事件驱动、事件发射器、加密解密、路径操作。
祝你学业有成！