模块名称 

课程内容 

HTML5和CSS基础 

1. HTML概述 

2. CSS概述 

3. HTML5基础，语法和新特性 

4. HTML5页面的文档结构和主要标记符

5. 使用HTML5语法建立交互页面 

6. 在HTML5页面中使用CSS设置样式 

7. CSS Box Model的使用 

在页面中使用JavaScript 

8. JavaScript的过去和现在 

9. JavaScript中的数据类型，变量和运算符 

10. JavaScript中的同步和异步操作 

11. JavaScript中的对象类型 

12. 使用JSON 

13. 文档对象模型(DOM) 

14. 操作DOM对象，在DOM中查找和编辑元素 

15. DOM中的事件处理 

16. 使用Jquery库 

17. 在页面中使用JQuery库 

18. 使用JQuery操作Dom对象 

目的：了解新的JavaScript对象模型，掌握在页面中使用JavaScript脚本，并了解JQuery库 

创建窗体来收集和验证用户输入 

1. 在HTML5中定义表单 

2. HTML5中的输入类型和元素 

3. HTML5中的输入属性 

4. 在HTML5中验证用户输入 

5. 使用JavaScript定义和管理用户输入 

使用CSS3来设置HTML5的风格样式 

1. CSS3样式文本 

2. CSS3样式元素 

3. CSS3中的类别和元素 

4. 使用CSS3提高图形视觉效果 

目的：理解样式表的概念，掌握CSS3样式表的基本语法，学习使用CSS3来设置页面样式 

使用HTML5 APIs 建立交互式页面 

1. 在HTML5中读写文件 

2. 实现拖拽功能 

3. 视频信息的处理 

4. 支持多种视频格式 

5. 使用JavaScript与视频内容交互 

目的：掌握HTML5 中的常用API方法的使用，学习与文件交互和在页面中使用多媒体的技术 

在Web应用程序中增加脱机支持模式 

1. 本地数据的读写技术 

2. Cookie对象的使用 

3. Session对象的使用 

4. Storage的使用 

5. 监控和管理应用程序缓存 

目的：理解离线数据的概念，掌握使用缓存实现脱机操作，掌握常用状态管理 

创建自适应用户界面 

1. CSS3响应式布局 

2. 不同设备类型的区别 

3. 检测设备功能 

4. 创建自适应的样式 

目的：学习创建能够适应多种设备界面的应用程序，床机自适应界面 

动画功能 

1. CSS转换简介 

2. 创建CSS关键帧动画 

3. 2D动画的创建 

4. 3D动画的创建 

目的：理解页面中的转换概念，掌握在页面中使用创建动画的技术 

常用框架 

1. Bootstrap简介,环境安装 

2. Bootstrap排版 

3. Bootstrap常用组件效果 

4. Bootstrap常用插件 

5. AngularJS简介 

6. AngularJS 控制器/过滤器 

7. AngularJS 事件 

8. AngularJS 模块使用 

9. AngularJS 动画 

10. AngularJS 依赖注入