web前端全栈开发，该怎么学

web前端全栈开发学习路线：

第一阶段?

HTML的学习：超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。技术点：HTML 快速入门、文本、图像、链接、表格、列表、表单、框架；类型为:PC端网站布局,WebApp页面布局HTML5。?

第二阶段?

CSS的学习：　　CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。技术点:CSS 基础语法、框模型与背景、文本格式化、表格、显示与定位、动画、过渡、2D/3D 转换、CSS 优化以及HTML5新增的元素与属性、 、表单域增强元素、CSS3选择器、 文字字体相关样式、 CSS3位移与变形处理、 CSS3 2D转换与过度动画、 CSS3 3D转换与关键帧动画、 弹性盒模型、 媒体查询 、 响应式设计,至此我们就可以顺利完成“一幢楼房”的建设。还可以对“楼房”进行更深一步的“装修”，并且让它看起来更“豪华”一些。?

第三阶段?

JavaScript、jQuery 的学习：Javascript：基础语法、json、神奇的Array、常用Javascript类、JS的调试技巧；JS Dom：节点的获取、元素的操作、节点创建、事件与冒泡、项目案例；JQuery：隐式迭代、选择器、JQuery如何实现JSDom中的效果、JQuery EasyUI；同时注意:面向对象进阶与 ES5/ES6里面的设计模式（观察者模式等）、变量对象与活动对象、作用域链、闭包以及JavaScript工具库里面各种类库使用DOM库、AJAX库、原型和继承库。?

第四阶段?

HTTP协议、Ajax进阶与后端开发了解: HTTP(s)协议详解、 Ajax进阶、跨域与 Defered、 PHP基础、 MySQL基础、 服务器端组件原理、HTTP请求（GET、POST、PUT、DELETE等）、HTTP响应、Cookie原理、Session原理、Restful协议 、 接口的定义 、Mock数据 、Restful 、前后端联调 、前端安全(XSS,CSRF,JS注入) 前端工程化与模块化应用：Gulp、Webpack 、NPM、Git/SVN、CommonJS 、AMD 、 CMD 、 ES6模块化?

第五阶段?

至此我们就可以用自己的学到的技术开启新世界的大门啦,去做项目和功能开发:Touch端必然需要清楚的点: Canvas 基础知识 、 绘制矩形、圆弧、线段、曲线、渐变与图像、 Canvas 图表绘制案例、 localStorage、sessionStorage 与离线缓存、 animate.css、 Yo/Mui、 touch.js、 zepto.js、 swiper、 iScroll；微信场景: WeUI 、 Swiper animate 在微信场景项目中的使用、 常见的页面布局、 常见的交互与动画；应用 Vue.js开发 WebApp：Vue.js基础、 模块化、 单文件组件、 路由、 与服务器通信、 状态管理、 单元测试、 生产发布?

第六阶段?

Hybrid,ReactNative:创建项目、创建小程序实例与创建、页面框架、组件、API及工具详解；React Native介绍、BS架构程序、异步执行与加载、兼容通用标准和扩展性；混合技术:Cordova/Phone gap、嵌入客户端(iOS、Android)、微信服务号接口(JSSDK)?