文章编号：12 / 更新时间：2024-11-28 19:09:24 / 浏览：次

第一阶段

• HTML进阶
• CSS进阶
• DIV+CSS布局
• HTML+CSS整站开发
• JavaScript基础
• 常见DOM树操作大全
• ECMAScript、DOM、BOM、定时器和焦点图
• JS基本特效（tab、导航、整页滚动、轮播图、幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图）
• JS高级特征（正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础）
• JQuery（基础使用、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用）

第二阶段

• HTML5和移动Web开发
• HTML5新语义标签
• HTML5表单
• 音频和视频
• 离线和本地存储

• SVG
• WebSocket
• Canvas

• CSS3新选择器
• 伪元素
• 颜色表示法
• 边框、阴影、background系列属性改变
• Transition、动画、景深和深透
• 3D效果制作
• 框架、元素进场、出场策略
• 炫酷CSS3网页制作
• Bootstrap（响应式概念、媒体查询、栅格系统原理、Bootstrap常用模板、LESS和SASS）
• 移动Web开发（跨终端Web和主流设备简介、视口、流式布局、弹性盒子、REM、移动终端JavaScript事件、常见JS效果制作、手机聚划算页面、手机滚屏）

第三阶段

• HTTP服务和AJAX编程
• Web服务器基础（Apache服务器、其他Web服务器介绍、Apache服务器搭建）
• HTTP介绍
• PHP基础（基本语法、处理简单的GET或POST请求）
• AJAX上篇（Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍、兼容性处理方法、Ajax中缓存问题、XML介绍和使用）
• AJAX下篇（JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现瀑布流案例）

第四阶段

• 面向对象进阶
• 基本类型、复杂类型、原型链
• ES6中的面向对象
• 属性读写权限、设置器、访问器
• 面向对象三大特征（继承性、多态性、封装性、接口）
• 设计模式（单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程）

第五阶段

• 封装一个属于自己的框架
• 事件流、冒泡、捕获、事件对象
• 事件框架、选择框架
• 运动原理、单物体运动框架、多物体运动框架
• JQuery框架雏形、可扩展性、模块化

第六阶段

• 模块化组件开发
• 面向组件编程的方式、实现原理、实战
• 面向模块编程（AMD设计规范、CMD设计规范、RequireJS、LoadJS、SeaJS）

第七阶段

• 主流的流行框架
• Web开发工作流（GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack）
• MVC/MVVM/MVW框架（Angular、React、Vue、Knockout/Ember）

第八阶段

• HTML5原生移动应用开发
• WebApp/NativeApp/HybirdApp简介
• Cordova简介、PhoneGap之间的关系、开发环境搭建、Cordova实战（创建项目、配置、编译、调试、部署发布）
• Ionic简介、模板项目解析、常见组件及使用、结合Angular构建APP

相关标签： web前端开发需要掌握的几个必备技术、

本文地址：http://dy.qianwe.com/article/12.html

上一篇：SEM什么是搜索引擎营销...
下一篇：有效方案策划打造成功的项目基础...