HTML5开发培训强化班

撰写人:环球培训教务部 发表日期:十月 22nd, 2011

HTML5培训

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

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

预备知识:
建议至少掌握一门Web前端语言,熟悉HTML4和JavaScript,有 CSS知识更佳。

课程内容:
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

课时及课程形式:
30课时(每课时30分钟),周末班3周(9AM-12PM & 1PM-3PM 或 3:30PM-5:30PM & 6PM-9PM)。

本课程提供企业培训和个人培训。

标签:,

微信咨询

如您有进一步问题需咨询,请用微信扫描下列二维码,即可通过我们的微信服务号实时咨询(工作时间:10AM-10PM):

发表评论

电子邮件地址不会被公开。 必填项已用*标注