web前端开发中必须掌握的几项技术

接下来,边肖简单列举了几个前端开发必须要学的知识:

第一阶段:

HTML+CSS:

HTML高级,CSS高级,div+css布局,HTML+css全站开发,

JavaScript基金会:

Js基础教程,js内置对象常用方法,常用DOM树操作百科,ECMAscript,DOM,BOM,定时器,焦点图。

JS基本特效:

常见的特效,如标签页、导航、整页滚动、轮播、JS幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚动差异视图。

JS高级功能:

正则表达式,排序算法,递归算法,闭包,函数节流,作用域链,基于距离的运动框架,面向对象基础,

JQuery:基本使用

衣架、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本都用上了。

第二阶段:

HTML5和移动Web开发

HTML5:

HTML5新语义标签,HTML5表单,音视频,离线和本地存储,SVG,WebSocket,Canvas。

CSS3:

CSS3新选择器、伪元素、面部表情、边框、阴影、背景系列属性变化、转场、动画、景深和深度、3D效果制作、Velocity.js框架、元素进出策略、酷炫的CSS3网页制作。

自举:

响应式概念、媒体查询、响应式网站制作、网格删除系统、网格删除系统原理、Bootstrap公共模板、LESS和SASS。

移动网络开发:

跨终端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,约曼脚手架,NPM/鲍尔依赖管理工具,Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:

Angular.js、Backbone.js、Knockout/Ember。

常用库:

React.js、Vue.js、Zepto.js .

第八阶段:

HTML5本地移动应用程序开发

科尔多瓦:

WebApp/NativeApp/HybirdApp介绍,Cordova介绍,与PhoneGap的关系,开发环境的构建,Cordova的实战(项目创建,配置,编译,调试,部署,发布)。

离子型:

Ionic介绍及相似比较,模板项目分析,常用组件及其使用,搭建一个有角度,有常用效果(下拉刷新,上拉加载,侧滑导航,tab)的APP。

反应性:

ReactNative简介,ReactNative环境配置,项目创建,配置,编译,调试,部署和发布,原生模块和UI组件,原生常用API。

HTML5+:

HTML5+中国产业联盟,HTML5PlusRuntime环境,HBuilder开发工具,MUI框架,H5+开发部署。

第九阶段:

Node.js的全栈开发;

快速入门:

Node.js开发,生态系统,Io.js,Linux/Windows/OSX环境配置,REPL环境和控制台程序,异步编程,非阻塞I/O,模块概念,模块管理工具,开发流程,调试和测试。

核心模块和对象:

全局对象:全局、进程、控制台、util、事件驱动程序、事件发射器、加密和解密、路径操作、序列化和反序列化、文件流操作、HTTP服务器和客户端。

Web开发基金会:

HTTP协议,请求响应处理,关系数据库操作与数据访问,非关系数据库操作与数据访问,原生Node.js开发Web应用,Web开发工作流,Node.js开发博客案例。

快速开发框架:

Express介绍+MVC介绍,Express常用API,Express路由模块,Jade/Ejs模板引擎,用Express,Koa等常用MVC框架重建博客的案例。