3 arrows

Summer-Ready Savings: Up To $500 Off Training 


Mastering HTML5 Mobile Development (Android Development Edition)

  • Tuition USD $2,595 GSA  $2,353.15
  • Reviews star_rate star_rate star_rate star_rate star_half 4064 Ratings
  • Course Code TT4635
  • Duration 4 days
  • Available Formats Classroom

Mastering HTML5 Mobile Development (Android Development Edition) is a fast-paced, hands-on class that immerses attending students right into practical lab application using the latest industry development trends and best practices. Students 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. Developers will also learn about the current state of browser support for HTML5 and the theory behind all the recent updates and changes in the technology.

Skills Gained

  • Learn how to start building HTML5 pages today.
  • Learn the major benefits of HTML5.
  • Understand the difference between HTML5 and HTML 4.
  • Become familiar with HTML5's new elements and attributes.
  • Learn to work with audio and video in HTML5.
  • Learn to work with HTML5's new Canvas element to create code-based drawings.
  • Learn to use Web Storage for offline applications.
  • Learn to use all the cool new HTML5 form elements.
  • Learn the current state of browser support for HTML5 and how to make your HTML5 sites degrade gracefully.

Who Can Benefit

This is an intermediate level web development course, designed for experienced developers who need to extend their knowledge of web design and development. This is a hands-on programming class. Attendees should have previous experience or working knowledge of developing software applications.


Attendees should have previous experience or working knowledge of developing software applications, as well as basic HTML and CSS. Real world programming experience is a must.

Course Details

Laying out a Page with HTML5

  • Page Structure
  • Laying out a Page with HTML 4 - the "old" way
  • Laying out a Page with HTML5
  • New HTML5 Structural Tags
  • Page Simplification
  • HTML5 - How We Got Here
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • HTML5 and JavaScript
  • Additional Changes
  • Modernizr -- MMRS
  • The HTML5 Spec(s)
  • Current State of Browser Support

Sections and Articles

  • The section Tag
  • The HTML 4 Way
  • The HTML5 Way
  • Display of HTML5 Structural Elements
  • The article Tag
  • Outlining
  • Sectioning
  • Accessibility

HTML5 Audio and Video

  • Supported Media Types
  • The audio Element
  • Audio Formats
  • Multiple Sources
  • Audio Tag Attributes
  • Getting and Creating Audio Files
  • The video Element
  • Video Tag Attributes
  • Creating and Converting Video Files
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Graceful Degradation

HTML5 Forms

  • Modernizr
  • New Input Types
  • search
  • tel
  • url and email
  • date/time input types
  • number
  • range
  • min, max, and step attributes
  • color
  • HTML5 New Form Attributes
  • autocomplete
  • novalidate
  • Some Other New Form Field Attributes
  • required
  • placeholder
  • autofocus
  • autocomplete
  • form
  • pattern
  • New Form Elements
  • datalist
  • progress and meter

HTML5 Web Storage

  • Overview of HTML5 Web Storage
  • Web Storage
  • Browser Support
  • Local Storage
  • Session Storage
  • Prefixing your Keys
  • Other Storage Methods
  • Web Database Storage
  • Indexed Database API

HTML5 Canvas

  • Getting Started with Canvas
  • Context
  • Drawing Lines
  • Multiple Sub-Paths
  • The Path Drawing Process
  • The fill() Method
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Radians
  • Quadratic and Bézier Curves
  • Practice
  • Images
  • drawImage() - Basic
  • drawImage() - Sprites
  • Text
  • Text Properties

Integrated APIs -- MMRS Focus, understand more of it.

  • Offline Application API
  • Cache Manifest File
  • The HTML File
  • Managing ApplicationCache with JavaScript
  • A Sample Application
  • Drag and Drop API

HTML5 Web Sockets

  • Overview
  • Attributes
  • Events
  • Methods
  • Example

HTML5 Web Workers

  • Overview
  • What are Web Workers?
  • How Web Workers Work
  • Handling Errors
  • Example

HTML5 Geolocation

  • Overview
  • Geolocation Methods
  • Location Properties
  • Handling Errors
  • Example

JQuery Overview

  • Overview
  • Objects in JavaScript
  • The main JQuery Object
  • JQuery Plugin Entry Point
  • Internal Definition of a Plugin
  • JQuery Design Patterns
  • Example
  • JQuery for Mobile
  • Overview
  • Creating a Web Site
  • Forms
  • Example of JQuery for Mobile

Optional: iOS and Android Demo / or iPhone Demo

  • Overview
  • Developing for Mobile
  • iOS Requirements and Development Environment
  • Android Requirements and Development Environment
  • Example of iOS WebView Application
  • Example of Android WebView Application

When does class start/end?

Classes begin promptly at 9:00 am, and typically end at 5:00 pm.

Does the course schedule include a Lunchbreak?

Lunch is normally an hour long and begins at noon. Coffee, tea, hot chocolate and juice are available all day in the kitchen. Fruit, muffins and bagels are served each morning. There are numerous restaurants near each of our centers, and some popular ones are indicated on the Area Map in the Student Welcome Handbooks - these can be picked up in the lobby or requested from one of our ExitCertified staff.

How can someone reach me during class?

If someone should need to contact you while you are in class, please have them call the center telephone number and leave a message with the receptionist.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does ExitCertified deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

Does ExitCertified deliver group training?

Yes, we provide training for groups, individuals, and private on sites. View our group training page for more information.

Great class I learned a great deal from the material. There would seem to a large amount that I need to learn about.

Some Labs are very good but some steps it ask to update but its already updated, but overall its very good training.

Classromm confortable and enviroment. Instructir knowlegeable of course matarial but need to align to students working in the Canadian Federal Govt. ve US Federal govt.

Excellent facilities, excellent staff.. and the coffee is good too! Thanks for helping to advance my career and the career of my colleagues!

Both course material and instructor demonstrated a sound foundation on Maximo material

0 options available

There are currently no scheduled dates for this course. If you are interested in this course, request a course date with the links above. We can also contact you when the course is scheduled in your area.

Contact Us 1-800-803-3948
Contact Us
FAQ Get immediate answers to our most frequently asked qestions. View FAQs arrow_forward