HTML5及CSS3
课程简介:
HTML5是最新版的HTML国际标准,是互联网和前端开发最重要的基石,它先进、开放、可以无处不在并无所不能。通过HTML5,开发人员可以创建神奇的跨平台体验,实现设备之间和屏幕之间的自由切换,它可以让一个应用程序可以获得更多客户和更快上市。
CSS 用于控制网页的样式和布局。 CSS3 是最新的 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
13. The Power of CSS
- Doing More with Less
- A First Example
- Challenges
- Next Up
14. Introducing CSS3
- What is CSS3?
- The History of CSS
- Browser Support HTML5
15. Selectors and Pseudo Classes
- Attribute Selectors
- The Target Pseudo-Class
- UI Element States Pseudo-Classes
- Negation Pseudo-Class
- Structural Pseudo-Classes
16. Fonts and Text Effects
- Fonts on the Web
- Font Services
- The @font-face Rule
- Text Shadow
- Word Wrapping
17. Colors, Gradients, Background Images, and Masks
- Color
- The Opacity Property
- Backgrounds
- background-origin, and background-size
18. Borders and Box Effects
- Image Borders
- Rounded Corners
- Box Shadow
19. Transitions, Transforms, and Animations
- Transitions and Transforms
- Transitions
20. Layout: Columns and Flexible Box
- Layout: Columns and Flexible Box
- Flexible Box Model
21. Vendor Prefixes
- What are Vendor Prefixes?
- Maybe They Ain’t So Bad
- Strategies
22. Embedding Media
- Video Formats
- Styling Video
23. Accessibility Features
- Web Accessibility
- The CSS3 Speech Module
24. Media Queries
- Targeting Widths and Devices with CSS3 Media Queries
- Responsive Images and the Viewport Metatag
25. Implementing CSS3 in the “Real World”
- Stuff That Ain’t (Strictly) CSS, but Sure Is Useful
- jQuery
- HTML5
- Modernizr
- Preprocessors
- Frameworks and Grid Systems
Tag:GPST卓越软件工程师