HTML5开发培训成都常州济南长沙武汉重庆

HTML5开发培训
HTML5开发培训
课程简介：
本课程让学生学习如何用HTML5的新元素和属性来撰写Web应用界面中的HTML代码。本课程从HTML5简介和历史开始，逐步介绍HTML5的新元素和属性，以及如何测试浏览器是否支持HTML5。课程还将介绍新的表单输入类型和熟悉，音频和视频标签，并深入了解用于动态产出与渲染图形、图表、图像和动画的Canvas元素、地理定位应用程序接口（API）、可以替代Cookies的新的本地数据存储选项和可以大幅提升Web应用程序性能的新通信应用程序接口（API）。最后您还将学习微数据、离线网络应用程序和WebSockets。

培训对象：
需要设计、创建、部署HTML5 Web应用程序的有经验的Web开发人员。

课程内容：
1. HTML5 Overview
HTML5 History/Timeline
HTML5 Design Principles
What is (and isn’t) HTML5
HTML Review
Doctype
Root Element
<head> Element
Syntax
2. HTML5 Elements
Content Models
New Structural Elements
HTML4/HTML5 Comparison
Other New Elements
Redefined Elements
Obsolete Elements
HTML5 Outlines
When Can I Use It?
Feature Detection: Techniques
Feature Detection: Examples
Feature Detection: Modernizr
CSS Styling
Validating
Accessibility (WAI-ARIA)
3. Forms
HTML5 Forms Overview
New Input Types: Contact Info
New Input Types: Native Date
Picking
Opera’s Rendering of Date Input
Types
New Input Types: Number and
Range
New Attributes
Detecting Support
Accessibility (WAI-ARIA)
Styling Form Elements
Avoiding Validation
The Constraint Validation API
Custom Validation Example
4. HTML5 Media
Audio and Video Element
Using the Media Elements
Attributes
Formats
Serving Device-Specific Files
Accessibility
Backwards Compatibility
Media API
Rolling Custom Controls
5. Canvas
Canvas Overview
The Canvas Element
The 2D Context
The Coordinate System
Rectangles
Paths
Paths Drawing Methods
Curves and Arcs
Colors and Styles
Gradients
Patterns
Transformations: Scale, Translate
Transformations: Rotate
Drawing States
Image Drawing
Animations
Responding to User Events: Keyboard
Responding to User Events: Mouse
Compositing
Text
Pixel Manipulations
toDataURL()
Accessibility
Canvas and Internet Explorer
6. Geolocation
Geolocation Overview
Privacy Concerns
API Methods
API Attributes
Using the Geolocation API: Success
Handlers
Using the Geolocation API: Error
Handlers
Using the Geolocation API: The Third
Argument
watchPosition() and clearWatch()
Fallback Support: Geo.js
7. Local Data Storage
Local Data Storage Overview
Web Storage Overview
Web Storage API
Data Types
JSON (JavaScript Object Notation)
Accessing Storage
The Storage Event
Database APIs
Web SQL Databases
Web Databases: Opening the
DB, Creating Tables, and
Inserting Data
Web Databases: Selecting,
Using, and Deleting Data
IndexedDB
8. Web Messaging
Cross Document Messaging
Using the postMessage API
Server-Sent Events Overview
EventSource API
Using the EventSource API:
Client-side
Event Stream Format: Serverside
Simple Implementation
XMLHttpRequest Level 2
Cross-Origin Requests
Making a Cross-Origin Request
Progress Events
Using Progress Events
9. Web Workers
Web Workers Overview
What Can You Do with a Worker?
Message Passing
Handling Errors
Stopping Workers
Loading and Executing External Scripts
Workers within Workers
Subworkers: An Example
Security Notes
Shared Workers: The Parent
Page
Shared Workers: Within the
Worker
10. Microdata
What Is It?
Why Use It?
Data Model
Typed Items
Using Microdata
11. Offline
Offline Web Applications
Overview
Adding and Service a Cache
Manifest
Cache Manifest Sections
Updating the Cache
The ApplicationCache Object: Methods
and Status Values
The ApplicationCache Object: Events
Programmatically Updating the Cache
Detecting Connectivity
12. Web Sockets
Web Sockets Overview
Using the WebSockets API
WebSockets on the Server
Fallback Solutions