如何学习web前端的全栈开发

第一阶段？

学习HTML:超文本标记语言(简称HTML)是网页的骨架。无论是静态网页还是动态网页，HTML代码最终都是返回给浏览器，浏览器对HTML代码进行解释和渲染，呈现给用户。所以一定要掌握HTML的基本结构和常用标签、属性。技术要点:HTML快速入门、文本、图片、链接、表格、列表、表单、框架；类型为:PC端网站布局，WebApp页面布局HTML5。？

第二阶段？

学习CSS: CSS是英文层叠样式表的缩写，称为层叠样式表。是一种能够真正做到网页表达和内容分离的风格设计语言。与传统的HTML相比，它的样式可以重用，大大提高了我们的开发速度，降低了维护成本。技术要点:CSS的基本语法、框架模型和背景、文本格式、表格、显示和定位、动画、过渡、2D/3D转换、CSS优化和HTML5的新元素和属性、表单域增强元素、CSS3选择器、字符和字体的相关样式、CSS3位移和变形处理、CSS3 2D转换和过度动画、CSS3 3D转换和关键帧动画、弹性框模型、媒体查询等等。还可以进一步“装饰”建筑，让它看起来更“豪华”。？

第三阶段？

学习Javascript和jQuery: Javascript:基本语法、json、magic Array、常用Javascript类、JS调试技巧；JS Dom:节点获取、元素操作、节点创建、事件和气泡、项目案例；JQuery:隐式迭代，选择器，JQuery如何在JSDom中实现效果，JQuery EasyUI；同时需要注意的是，在面向对象的高级设计模式(观察者模式等)中使用了DOM库、AJAX库、原型库和继承库。)、可变对象和活动对象、作用域链、闭包以及JavaScript工具库中的各种类库。？

第四阶段？

了解HTTP协议、Ajax高级和后端开发:详细讲解HTTP(s)协议、Ajax高级、跨域和延迟、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必须要有明确的点:画布的基础知识，画矩形、圆弧、线段、曲线、渐变和图像，画布图表的绘制案例，localStorage，sessionStorage和offline cache，animate.css，Yo/Mui，touch.js，zepto.js，swiper。微信场景:微信场景项目中WeUI和Swiper animate的使用，常见的页面布局，常见的交互和动画；用Vue.js开发web app:vue . js基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试，生产发布？

第六阶段？

混合式、反应式:创建项目、创建实例以及创建小程序、页面框架、组件、API和工具；引入React Native，BS架构程序，异步执行和加载，兼容通用标准和可扩展性；混合技术:Cordova/Phone gap，嵌入式客户端(iOS，Android)，微信服务号接口(JSSDK)？