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

JavaScript08

web前端全栈开发,该怎么学,第1张

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)

web全栈工程师主要学习以下知识:

第一阶段:前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;

第二阶段:Javascript高级程序设计:原生Javascript交互功能开发、面向对象开发与ES5/ES6、Javascript工具库自主研发;

第三阶段:PC端全栈项目开发:jQuery经典特效交互开发、HTTP协议,Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发;

第四阶段:移动端项目开发:Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp;

第五阶段:混合(Hybrid)开发:各类混合应用开发;

第六阶段:NodeJS全栈开发:WebApp后端系统开发。

这个问题已经回答过了啊~

阶段1:计算机基础知识预备

基本的计算机基础概论,操作系统,算法和数据结构,计算机网络,数据库,至少一门高级程序语言等知识储备。开始建立相关的知识体系。

阶段2:实践与理论结合的广度探究

学习应用开发相关的知识点,并加以实战。学习路线可以由浅入深,但一定要有计划,周期性进行回顾、整理、总结。

学习要点:前端基本技能(HTML(5)/CSS(3)/Javascript)、前端技术栈的深入掌握、nodejs的学习和日常使用,Linux系统的学习(www.linuxprobe.com)

阶段3:精益求精的学习

这时候你需要花更多的时间和精力去学习nodejs,从语言特性,常用模块,性能测试和分析,稳定性的保证这些上层的知识自上而下去深挖整个nodejs的底层架构和技术,或者深入浅出的从下往上学习都可以。强烈推荐读物《深入浅出Nodejs》