前端要怎么学

核心提示web前端学习攻略第一阶段:HTML+CSS:HTML进阶、CSS进阶、p+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时

Web前端学习策略

第一阶段:

HTML+CSS:

高级HTML,CSS高级,p+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常用模板,LESS和SASS。

移动网络开发:

跨终端WEB和主流设备介绍、视口、流式布局、弹性框、rem、移动终端中的Javascript事件、手机中的JS效果制作、Zepto.js、手机性价比页面、手机滚动。

第三阶段:HTTP服务和AJAX编程

服务器基础:

服务器基础知识,Apache服务器及其他WEB服务器的介绍,Apache服务器的建立,HTTP的介绍。

PHP基础:

基本PHP语法,使用PHP处理简单的GET或POST请求,

AJAX:

Ajax介绍及异步的概念,Ajax框架的封装,XMLHttpRequest对象的详细介绍,兼容性处理方法,Ajax框架的封装,Ajax中的缓存问题,XML的介绍及使用。

AJAX:

以及JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读和懒人加载技术、JQuery框架中的AjaxAPI,以及使用Ajax实现爆炸流案例。

第四阶段:面向对象推进。

面向对象的最终文章:

从内存角度理解JS面向对象,基本类型,复杂类型,原型链,ES6中的面向对象,属性读写权限,setter,accessor。

面向对象的三个特征:

继承、多态、封装和接口。

设计模式:

面向对象编程思维,单体模式,工厂模式,策略模式,观察者模式,模板方法模式,代理模式,装饰器模式,适配器模式和面向方面编程。

第五阶段:封装一个自己的框架。

框架包装基础:

事件、气泡、捕捉、事件对象、事件框架、选择框架。

包装中级:

运动原理,单对象运动框架,多对象运动框架,运动框架的面向对象封装。

高级套餐和补充套餐:

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原生移动应用开发

科尔多瓦:

web/WebApp/NativeApp/HybirdApp介绍,Cordova介绍,与PhoneGap的关系,开发环境搭建,Cordova实战。

离子型:

介绍ion和类似的比较,分析模板项目,常见组件和使用,建立有角度的APP,和常见的效果。

反应自然:

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

HTML5+:

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

第九阶段:Node.js的全栈开发:

快速入门:

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

核心和目标:

全局对象,进程,控制台,util,事件驱动,事件发射器,加密解密,路径操作,序列化和反序列化,文件流操作,HTTP服务器和客户端,Socket。超正析象管(Image Orthicon)

Web开发的基础:

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

快速开发框架:

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

Node.js发展电子商务实战;

具有需求设计、账户模块注册登录、会员中心模块、前台展示模块、购物车、订单结算、在线客服即时通讯模块。

 
友情链接
鄂ICP备19019357号-22