1.新语义化标签：section、header、footer、nav、article、aside、figure、dialog、time、meter、mark、progress、video

2.最新的属性和方法

selectors API选取元素

getElementsByClassName选取class,包括其中的属性：item namedItem

window.JSON API : JSON.stringify() JSON.parse()

Data-* : 标记可以用来的自定义数据

classList接口 : item()  contains()   add()  remove()   toggle()

拖拽事件 : drag drog , 包括的方法：dragenter、dragover、

dragenter、dragleave等。如何读取数据：dataTransfer readAsDataURL等

制作一个拖拽图片的效果等

3.canvas画图 : 

最基本的操作：getContext 画方块 画圆等

路径操作：beginPath closePath moveTo lineTo等

文字操作：阴影，字体变换等

变换操作：曲线，变形，缩放，旋转等

图片的操作：背景，图片 drawImage(),制作一个图片旋转效果

高级操作：像素级操作，webGL 3D、画一幅画

4.audio video (音频 视频)

与flash等其他播放的区别

什么是：视频容器、编解码器

播放元素：source controls type loop等

常用控制函数：load() play() pause() canPlayType()

介绍：媒体特性、和video元素的额外特性等

做一个video与canvas结合的时序查看器

5. Forms API (表单操作)

新的表单元素: tel email url search range等

移动端与PC端表现的差异性

介绍未来的forms元素: number color datetime等

新的表单函数：placeholder autocomplete autofocus等

制作一个html5的表单验证效果

6.Geolocation (地理位置信息)

Geolocation API介绍 ：getCurrentPostion updateLocation等

经纬坐标介绍，latitude(纬度) longitude(经度) accuracy(准确度)等

如何获取数据 : IP地址、GPS全球定位 Wi-Fi等

关于Geolocation的隐私机制

如果与主流地图结合，获取位置信息：mapabc 百度地图等

7.postMessage\xhr Lever 2 (跨源文档消息通信)

postMessage的操作 : iframe、标签页、窗口进行跨源通信

postMessage API介绍 : message data origin等

XMLHttpRequest Lever 2加强版ajax介绍

跨域：XMLHttpRequest设置

最新的xhr Lever 2事件 : progress(进度事件) load error等

拖拽上传文件进度条效果

8.本地与离线存储

web Storage 与 传统cookie的区别

本地存储：sessionStorage localStorage 的不同

用sessionStorage解决cookie存在的存储问题

通过浏览器查看存储情况

离线存储 : mainfest文件设置，包括 : network fallback等

离线的缓存、更新的处理细节

9.webSockets(双开工通信)

webSockets 与 http 请求的区别

如何去配置支持webSockets的服务器：nodeJs介绍

介绍网络传输的过程

webSockets API : onopen onmessage send等

利用webSockets制作的聊天室

10.web Workers(多线程后台处理)

多线程与单线程的区别

多个javascript文件的加载与执行

workers API : 数据postMessage importScripts等

workers的嵌套使用

优化、数据管理自己的网站