陶国荣培训公开课：HTML5深度应用开发实践（2017年5月 上海站）

主题

内容

1. Html5新增元素与属性

1.1. Html5的标准，以及优势的地方，从API，表达，对移动设备的支持上更突出
1.2. 常见的HTML5新标签与属性
1.3. datalist使用
1.4. oniput事件
1.5. 动态控制状态条
1.6. 滑动条改变背景色

2. 了解Css3应用与响应式设计，可以更好地与UI部门合作，协调工作

2.1. 解决跨浏览器问题，视口调试等
2.2. 响应式设计中的Html5
2.3. link方式实现响应式设计
2.4. style方式实现响应式设计
2.5. 响应样式的兼容性与优劣比较

3. 掌握Css3效果，可以大大提升制作页面动画的速度

3.1. 文本阴影与圆角边框
3.2. 图片遮罩效果
3.3. 图片遮罩形成探照灯
3.4. 2d基本效果
3.5. 3d动画基本效果
3.6. 制作过渡动画效果
3.7. 过滤动画效果的各种状态
3.8. 制作3d翻页效果

4. SASS用法指南，更加深入学习样式的高级写法

4.1. 什么是SASS
4.2. 安装和使用
4.3. 基本用法定义变量、语句
4.4. 代码复用完成继承功能
4.5. 高级用法实现循环、条件、函数

5. 异步编程，掌握AJAX请求过程时，如何优页面请求。

5.1. 什么是
5.2. 为什么要使用
5.3. 如何使用异步
5.4. 其他相关属性

6. 本地存储localstorage的API，可以优化页面打开速度和用户体验

6.1. Localstorage与SessionStorage
6.2. local保存和显示内容
6.3. 使用数组、对象形式的跟踪用户行为
6.4. 案例-即时更新缓存中API数据
6.5. 利用webStorage API实现持久化
6.6. Html5的离线API

7. 了解重力感应和地理定位API，增加应用开发的新思路

7.1. 地理定位获取位置信息
7.2. 案例-根据定位获取商家信息
7.3. 重力感应基本操作

8. 掌握Web页面的性能优化，加速代码的执行效果

8.1. 代码层级的优化。
8.2. Sprites图片技术
8.3. 文件的体积和请求的优化，合并Js文件和CSS方式
8.4. 服务端接口方面的优化

9. 掌握绘图canvas 元素API，加快实现动画和游戏应用的开发

9.1. 绘图的基本使用
9.2. 绘制圆
9.3. 获取点击中的绘制区域
9.4. 案例-绘制找不同游戏
9.5. 案例-亮视点

10. 微信JSSDK功能开发实现

10.1. 微信页面实现功能的前提
10.2. 实现微信页自定义分享图标API流程的分析
10.3. 微信页自定义功能注意事项
10.4. 实现微信中的自定义分享功能

11. nodeJS进阶知识

11.1. 环璄构建
11.2. REPL解析器
11.3. 回调函数
11.4. 模块系统
11.5. express框架的应用
11.6. jade语法

12. 掌握Websocket通讯API，通过页面实现APP的更多功能

12.1. 使用Websocket与服务器基本通讯实现
12.2. 使用Socket.IO创建WebSocket
12.3. 在NodeJS环璄下架构Websocket通讯
12.4. 聊天室的实现

13. Hybrid App现状

13.1. Hybrid App基本方案
13.2. Hybrid App在开发当中的优点和缺点
13.3. Hybrid App和Native App开发对比
13.4. Hybrid App新的开发思路

14. Angular的框架

14.1. Angular的简介
14.2. Angular的控制器
14.3. Angular的依赖注入
14.4. Angular与服务端交互
14.5. Angular的指令
14.6. Angular的注意事项

15. React.js框架开发应用

15.1. React的安装与环境配置
15.2. React的基本语法——jsx
15.3. React的组件开发
15.4. React组件API
15.5. React的ajax

16. 正确使用打包工具——webpack

16.1. 特点与优势
16.2. 安装与配置
16.3. 使用方法

17. 理解单元测试——Jasmine基础与使用

17.1. 基础介绍
17.2. 使用语法
17.3. 注意事项