HTML5 for Mobile Development Training

Course Dates

Click below to book your place or call us on 0800 156 0777


RRP: £350.00
Web Special: £295.00

Maximum Class Size

In order to ensure every student gets the most out of the course we have a maximum class size of:

London

8 Delegates

York

5 Delegates

HTML5 for Mobile Development Training is a 1 day training course which is focused on the use of HTML5 for developing content for mobile devices.

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 content 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/ 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

  • Overview of PhoneGap
  • Using PhoneGap with DreamWeaver

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.