HTML5 for mobile applications development

By attending HTML5 for Mobile Applications Development workshop, Participants will learn:

  • Major benefits of HTML5
  • Difference between HTML5 and HTML 4
  • HTML5s new elements and attributes
  • Audio and video in HTML5
  • HTML5s new Canvas element to create code-based drawings
  • Web Storage for offline applications
  • Use all the cool new HTML5 form elements
  • Current state of browser support for HTML5 and how to make Participants HTML5 sites degrade gracefully

In HTML5 for Mobile Applications Development training course Participants will work through practical lab application using the latest industry development trends and best practices. They will explore the new HTML5 structural, semantic, and form tags, how to use Canvas to create drawings natively in the browser, how to work with HTML5 audio and video, the new methods for storing variables client-side, and how to build applications that work offline. They will also learn the current state of browser support for HTML5 and the theory behind all the recent updates and changes in the technology.

  • Basic HTML4, basic CSS, and basic JavaScript development skills are required
  • Experience with JSON, DOM, and Ajax is a plus

Experienced developers who need to expand their knowledge of web design and development

COURSE AGENDA

  • Supported Media Types
  • Audio Element
  • The Video Element
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Section Tag
  • Article Tag
  • Outlining
  • Accessibility
  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
  • HTML5 – How We Got Here
  • Modernizer
  • New Input Types
  • HTML5 New Form Attributes
  • New Form Field Attributes
  • New Form Elements
  • Local and Session Storage
  • Other Storage Methods
  • Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bezier Curves
  • Images
  • Text
  • Offline Application API
  • Drag and Drop API
  • Attributes
  • Events
  • Methods
  • What are Web Workers?
  • How Web Workers Work
  • Handling Errors
  • Geolocation Methods
  • Location Properties
  • Handling Errors
  • Objects in JavaScript
  • Main JQuery Object
  • JQuery Plugin Entry Point
  • Internal Definition of a Plug-In
  • JQuery Design Patterns
  • JQuery for Mobile
  • Creating a Web Site
  • Forms
  • Developing for Mobile
  • iOS Requirements and Development Environment
  • Android Requirements and Development Environment