HTML5 for Mobile Development Training

Scheduled Dates

To find scheduled course dates or book securely click below


RRP: £495.00
Web Special: £495.00

Multi Place Discounts

Looking to book more than one course, or for more than one person? Our Multi Place Discounts allow you to save 10% when you book 2 places or 15% if you book 3 or more places. Call us free on 0800 156 0777.

HTML5 for Mobile Development Training is a 2 day training course which is focused on the use of HTML5 for creating mobile applications.

Developing for mobiles and tablets using the plethora of mobile operating systems such as WebOS, Blackberry, Android, Bada, iOS and Symbian, is enough to put any sane developer off. However, the new features available in HTML5 coupled with CSS3 and JavaScript mean that we can now develop websites that look and behave like native apps, but only require one development environment. This course is designed to extend skills beyond designing for the desktop browser to mobile- and tablet-friendly alternatives.

Audience

Anybody looking to use HTML5 for creating mobile friendly applications that can work across multiple devices.

Prerequisites

You should have completed the HTML5 Getting Started course before attending this course.  You may also find it useful to attend the Advanced HTML5 course although this is not a specific prerequisite for the course.

HTML5 for Mobile Course Overview

Introduction

  • Background / history
  • Operating systems
  • Desktop vs smart phone
  • Graphics resolution
  • Mobile web browsers

Setting up your development environment/choosing your framework

  • Aptana Studio/Dreamweaver
  • Android SDK Manager
  • PhoneGap
  • jQuery Mobile
  • Sencha Touch
  • jQTouch
  • appMobi
  • html5boilerplate mobile
  • SproutCore
  • Jo

Development tools

  • debugging
  • emulators & simulators
  • multi-touch for the desktop
  • performance testing

Developing with jQuery Mobile

  • CSS DOM control
  • Data control
  • Visual effects
  • Events
  • DOM manipulation
  • Properties
  • Selectors

jQTouch

  • Building a basic jQTouch site
  • Adding pages
  • Creating lists
  • Adding buttons
  • Richer form elements
  • Creating a floating toolbar
  • Auto titling
  • Location aware solutions
  • Creating your own extensions
  • Animation effects

Developing with Sencha Touch

  • Creating the first page
  • User interface elements
    • Buttons
    • Forms
    • Lists
    • Toolbars
    • Enhancing content with carousel and tabs
    • Controlling video

PhoneGap

  • Introduction to PhoneGap
  • Setting up PhoneGap 
  • Converting websites into native apps using PhoneGap
  • Mobile operating systems supported
  • Building for Android
  • Building for iOS and Xcode
  • Extending PhoneGap to add banner ads to apps
  • Packaging the app for iTunes store
  • Publishing

 

n.b: html5 is a rapid and continually developing technology and as such whilst we endeavour to stick close to the above overview topics, we reserve the right to alter this to accomodate the current state of HTML5 and availability of features.