GPST全球专业人才项目GPST全球专业人才项目
  • 首页
  • GPST项目
    • 项目背景
    • 可持续发展目标
    • 项目特色
      • 国际标准
      • 能力建设
      • 敏捷创新
    • 项目资讯
    • 媒体报道
    • 项目合作
    • 常见问题
  • 考试证书
    • 考试概览
      • 心理咨询类
      • 创新及产品管理类
      • 儿童及青少年教育类
      • 其他考试
    • 考试公告
    • 证书查询
    • 证书样本
  • 学习方案
    • 热门项目:心理咨询师
    • 热门项目:产品经理
    • 学校教育方案

GPST培训课程

  • Home
  • GPST培训课程
  • HTML5及CSS3

HTML5及CSS3

  • Posted by GPST
  • Date 2017年1月2日
  • Comments 0 comment

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卓越软件工程师

GPST

Previous post

增强现实(AR)项目开发实践
2017年1月2日

Next post

微信H5项目实践
2017年1月3日

You may also like

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

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

增强现实(AR)项目开发实践
2 1月, 2017

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

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

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

Leave A Reply 取消回复

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

项目简介

GPST项目(英文全称为:Global Professional & Specialist Testing)是由联合国训练研究所在亚洲的国际培训中心(CIFAL Shanghai)推出的国际化专业人才能力建设体系。2010年国家人力资源和社会保障部、上海市政府相关部门和CIFAL上海签约共同推进GPST,并专门设立GPST全球专业人才能力建设中心负责GPST项目的运营管理。

more

热点新闻

联合国助理秘书长访问CIFAL上海
Mar 17, 2018

GPST发布全球首个精益产品经理认证
Nov 03, 2017

GPST助力心理咨询师成长
Nov 02, 2017

中国政府网:国际少儿发展项目落户海南 将搭建幼儿师培训平台
Sep 17 2012

查询证书





联系方式

有关考试、证书及项目合作请联系:
GPST考试服务部
邮件:gpst @ gpst . cn
网站:www.gpst.cn
地址:中国 上海 凤阳路 88 号

Global Professional & Specialist Testing
沪ICP备10006603号-18

免费资料

立即申请免费的GPST项目考试及培训课程介绍资料!

立即申请