August 24, 2018

HTML5







Courses / Modular Programs /HTML5

HTML5

Talk about this portfolio piece–who you did it for and why, plus what the results were (potential customers love to hear about real-world results). Discuss any unique facets of the project–was it accomplished under an impossible deadline?–and show how your business went above and beyond to make the impossible happen.

Product / Service Categories

Project Name

Talk about this portfolio piece–who you did it for and why, plus what the results were (potential customers love to hear about real-world results). Discuss any unique facets of the project–was it accomplished under an impossible deadline?–and show how your business went above and beyond to make the impossible happen.

HTML5 Online

Table of Contents

HTML5 − OVERVIEW  

  • Browser Support
  • New Features
  • Backward Compatibility

HTML5 − SYNTAX  

  • The DOCTYPE
  • Character Encoding
  • The element in HTML
  • HTML5 – date/time
  • HTML5 – date time local
  • HTML5 – date
  • HTML5 – month
  • HTML5 – week
  • HTML5 – time
  • HTML5 – number
  • HTML5 – range
  • HTML5 – email
  • HTML5 – URL
  • The element30
  • The placeholder attribute
  • The autofocus attribute
  • The required attribute

HTML5 − SVG  

  • Viewing SVG Files
  • Embedding SVG in HTML5
  • HTML5 − SVG Circle
  • HTML5 − SVG Rectangle
  • HTML5 − SVG Line
  • HTML5 − SVG Ellipse
  • HTML5 − SVG Polygon
  • HTML5 − SVG Polyline
  • HTML5 − SVG Gradients
  • HTML5 − SVG Star
  • HTML5 − MATHML
  • MathML Examples
  • Using MathML Characters
  • Matrix Presentation Examples

HTML5 − WEB STORAGE

  • Session Storage
  • Local Storage
  • Delete Web Storage

HTML5 − WEB SQL DATABASE  

  • The Core Methods
  • Opening Database
  • Executing queries
  • INSERT Operation
  • READ Operation
  • Final Example

HTML5 − SERVER SENT EVENTS  

  • Web Application for SSE58
  • Server Side Script for SSE59
  • Handle Server-Sent Events

HTML5 − WebSockets

  • WebSocket Attributes
  • WebSocket Events
  • WebSocket Methods
  • WebSocket Example
  • Client Side HTML & JavaScript Code
  • Install pywebsocket
  • Start the Server64

HTML5 − CANVAS

  • The Rendering Context
  • Browser Support
  • HTML5 Canvas Examples
  • HTML5 Canvas – Drawing Rectangles
  • HTML5 Canvas – Drawing Paths
  • HTML5 Canvas – Drawing Lines
  • HTML5 Canvas – Drawing Bezier Curves
  • HTML5 Canvas – Drawing Quadratic Curves
  • HTML5 Canvas – Using Images
  • HTML5 Canvas – Create Gradients
  • HTML5 Canvas – Styles and Colors
  • HTML5 Canvas – Text and Fonts
  • HTML5 Canvas – Pattern and Shadow
  • HTML5 Canvas – Save and Restore States
  • HTML5 Canvas – Translation
  • HTML5 Canvas – Rotation
  • HTML5 Canvas – Scaling
  • HTML5 Canvas – Transforms
  • HTML5 Canvas – Composition
  • HTML5 Canvas – Animations

HTML5 − AUDIO & VIDEO  

  • Embedding Video
  • Video Attribute Specification
  • Embedding Audio
  • Audio Attribute Specification
  • Handling Media Events
  • Configuring Servers for Media Type
  • HTML5 − GEOLOCATION
  • Geolocation Methods
  • Geolocation getCurrentPosition() API
  • Geolocation watchPosition() API
  • Geolocation clearWatch() API
  • Location Properties
  • Handling Errors
  • Position Options

HTML5 − MICRODATA  

  • Example
  • Global Attributes
  • Properties Datatypes
  • Microdata API support
  • Defining Microdata Vocabulary

HTML5 − DRAG & DROP

  • HTML5 Drag and Drop Events
  • The DataTransfer Object:
  • Drag and Drop Process

HTML5 − WEB WORKERS

  • What is Web Workers?
  • How Web Workers Work?
  • Stopping Web Workers
  • Handling Errors
  • Checking for Browser Support
  • HTML5 – INDEXEDDB
  • HTML5 − WEB MESSAGING
  • HTML5 − CORS
  • HTML5 − WEB RTC