Home
about banner

HTML5 & CSS3 Training





Summary
  • The next major version of HTML introduces a number of new elements and attributes that reflects the typical usage of modern websites. In addition to the mark up enhancements, it also proposes a range of powerful APIs to be implemented by browsers that can aid the development of Rich Internet Applications (RIA) using open standards.
Course outline
  • The training is focused on building a Ticket Management Application that exploits the various infrastructures offered by the Browser through HTML5 APs.
HTML 5
Overview of HTML5
  • New in HTML5
  • New DOCTYPE and Character Set
  • New and Depreciated Elements
  • Semantic Markup
  • Simplifying Selection using the Selectors API
  • JavaScript Logging and Debugging
  • Window.JSON
  • DOM Level 3
Using HTML5 Today
  • Currently available features
  • Browser Support
  • Detective native availability of features
  • Working with emulation
Understanding HTML5 Markup
  • HTML5 Page Structure
  • HTML5 DOCTYPE
  • HTML5 markup structural elements
  • Semantic elements
HTML5 Forms
  • HTML Forms VsXForms
  • Functional Forms
  • New Form Attributes and Functions
  • Placeholder Attribute
  • Autocomplete Attribute
  • Autofocus Attribute
  • List Attribute and datalist Element
  • Min and Max attributes
  • ValueAsNumber attribute
  • Required Attribute
  • Checking Forms with Validation
  • Validation Feedback
HTML5 Audio & Video APIs
  • The Audio and Video Elements
  • Understanding Audio and Video
  • Working with Audio and Video Containers
  • Understanding Audio and Video Codecs
HTML5 Canvas & SVG
  • Overview of Canvas Vs. SVG
  • Canvas coordinates
  • Context
  • Pixel Data
  • Working with Canvas APIs
  • Drawing Operations
  • Understanding and Working with SVG
Server Sent Events
  • Server Sent Events Support
  • Server Support
  • SSE Emulation
  • Broadcasting Information
  • Using the EventSource API
XHR Level 2 Improvements
  • XHR Level 2 Overview
  • Browser Support
  • Using XHR Level 2
  • Progress Events
WebSockets
  • Realtime and HTTP
  • Understanding HTML5 Web Sockets
  • Using HTML5 WebSockets API
  • WebSocket Events
  • Sending and Receiving Messages using WebSockets
  • Overview of Pusher
Web Workers
  • Checking for Browser Support
  • Creating HTML5 Web Workers
  • Loading and Executing Additional JavaScript
  • Communicating with HTML5 Web Workers
  • Handling Errors
  • Stopping Web Workers
  • Using Timers
Overview of HTML5 Web Storage
  • Browser Support for HTML4 Web Storage
  • Using the HTML5 Web Storage
  • Checking for Browser Support
  • Setting and Retrieving Values
  • Plugging Data Leaks
HTML5 Offline Web Applications
  • Overview of HTML5 Offline Web Applications
  • Browser Support for HTML5 Offline Web Applications
  • Using HTML5 Offline Web Applications API
  • Creating a Sample Offline Application
  • Manifest Files
  • The applicationCache API
CSS 3
    CSS 3.0 Overview
    • Introducing CSS3
    • CSS3 Colors, Gradients and Multiple Backgrounds
    • Rounded Corners and Border-Radius
    • CSS3 Transforms
    • Transitions
    • Animations & 2D Transformations
    • Web Fonts with @font-face
    • CSS3 Multicolumn Layouts