 |
全国免费咨询电话：800-820-2700 企业培训热线：021 - 64075183 ， 51870653 地址：上海市徐汇区虹桥路628号徐汇软件基地1楼 |
课程简介：
本课程让学生学习如何用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）。
本课程提供企业培训和个人培训。
