HTML5及CSS3

html5
课程简介：
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

You may also like

微信H5项目实践
3 1月, 2017

课程简介： 这是一个项目实战课程。学生将在教师指导下，用学到 …

增强现实（AR）项目开发实践
2 1月, 2017

课程简介： 这是一个项目实战课程。学生将在教师指导下，在iP …

Objective-C项目实践
2 1月, 2017

课程简介： 这是一个项目实战课程。学生将在教师指导下，用Ob …

Leave A Reply

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