1300 888 724

8.30am to 5:30pm AEST (Mon-Fri)

Mobile Website & App Development Course

(4.80 out of 5) 45 Student Reviews

About the course

During this 3 day course, participants will learn the process of designing and building a mobile web application from scratch. This course will look at what you should consider when designing in a mobile context – building the base of your application using web standards, and layering interactions on top of that base. Ultimately, your application will be up and running in a native wrapper so it can be downloaded from app marketplace.

Who should do this course?

This course is aimed at web developers who want to learn how to build websites and apps that take advantage of the functionality available in the latest generation of mobile devices. You will learn the fine art of app-ifying your website to behave like a mobile application.


Working knowledge of HTLM5, CSS3 and JavaScript is a pre-requisite for this course. Prior to attending this course, participants should have completed our HTML5, CSS3 and JavaScript course or have equivalent skills.

Course Details

Course Dates

  • Sydney Class Dates

    Book Now

    Level 11, 32 Walker Street, North Sydney , NSW 2060

    23 - 25 Jan 18 Tue - Thu
    20 - 22 Mar 18 Tue - Thu
    14 - 16 May 18 Mon - Wed
    11 - 13 Jul 18 Wed - Fri
    03 - 05 Sep 18 Mon - Wed
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    17 - 19 Jan 18 Wed - Fri
    26 - 28 Feb 18 Mon - Wed
    02 - 04 May 18 Wed - Fri
    27 - 29 Jun 18 Wed - Fri
    22 - 24 Aug 18 Wed - Fri
  • Brisbane Class Dates

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    Classes scheduled on demand in Brisbane

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Canberra Class Dates

    Level 1, 33 Ainslie Place, Canberra , ACT 2601

    Classes scheduled on demand in Canberra

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Adelaide Class Dates

    19 Young Street, Adelaide , SA 5000

    Classes scheduled on demand in Adelaide

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Perth Class Dates

    Level 1, 140 St Georges Terrace, Perth , WA 6000

    Classes scheduled on demand in Perth

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

Course Units

Expand full topic list

Unit 1: Introduction to Mobile Web Design

See topics

  • What does it mean?
  • Why does it matter?
  • Understanding The Problem with Going Native
  • Start at the Beginning
  • Understanding Why an App is Not Enough
  • Introduction to Frameworks

Unit 2: Designing for Mobile

See topics

  • Building a Better Mouse
  • Understanding Hover
  • Designing for Small Screens
  • Cognitive Load
  • The Carousel
  • Tab Bar
  • Lists
  • Putting Together a User Profile
  • Deciding on a Core Feature Set
  • Understanding Sketching and Wire Framing
  • Understanding List Structures
  • Overview and Detail
  • Tying It All Together
  • Establishing a Style
  • Touchable Interfaces
  • Interface Icons
  • Typography
  • Performance Considerations
  • Testing Design
  • Reviewing the Design
  • Application Icons

Unit 3: Markup for Mobile

See topics

  • Working with Styles
  • Understanding the Tab Bar
  • Understanding the Rows
  • Working with Images and Pseudo-elements
  • Understanding the Viewport
  • Working within Resource Limits
  • Progressive Enhancements
  • Working with Modernizr
  • Building on the Base Styles
  • Scalable Images
  • Optimising Images
  • Dealing with the Media
  • Working in Standalone Mode
  • Working with Application Icons

Unit 4: Mobile Specific Properties

See topics

  • Text Overflow with Ellipsis
  • Text Size Adjust
  • Tap Highlight Colour
  • Touch Callout
  • User Select

Unit 5: Mobile Web Apps

See topics

  • Frameworks and Libraries
  • Debugging Mobile JavaScript
  • Events: Simple Touch Events
  • Events: Clicking with Feature Detection
  • Nifty Links
  • Form Field Attributes
  • Loading Pages
  • Swapping Pages
  • Fading with WebKit Animations
  • Creating a Slide Transition
  • Ajax: Fetching HTML
  • Ajax: Ajaxifying Links
  • Templating
  • Twitter Integration with Templating

Unit 6: Using Device Features from Web Apps

See topics

  • Geolocation: Fetching Location
  • Geolocation: Handling Errors
  • Device Rotation
  • Accelerometers: Device Orientation
  • Shake Gesture
  • Touch Gestures
  • Swiping Photo Gallery
  • Pinch and Zoom
  • The Cache Manifest
  • Cache Manifest Events
  • Network and Fallback

Unit 7: Polishing Up the App

See topics

  • Fixed Menus
  • Clicking Faster
  • Loading Your Libraries
  • Feature Detection
  • Widgets
  • Dialog Boxes
  • Spinners
  • Storing Data on the Client
  • Local Storage
  • Web SQL Database
  • Tying Everything Together

Unit 8: Introducing PhoneGap

See topics

  • Embedding Web Pages in Native Apps
  • PhoneGap
  • Callbacks
  • Debugging
  • Understanding App Marketplace
  • Understanding the SDKs
  • Installing PhoneGap

Unit 9: Making Our Application Native

See topics

  • Understanding the PhoneGap Application
  • Icons, Splash Screens, and Names
  • PhoneGap JavaScript Helpers
  • Alerts
  • Network Checks
  • Geolocation, Storage, and Device Orientation
  • Hardware Buttons
  • Accessing the Camera
  • Running the Application

Unit 10: Running a Server for Testing

See topics

  • Built-in Servers: IIS on Windows

Related Courses

Course Reviews

(5.00 out of 5) Katharine M [ 05 April, 2017 ]
Excellent! I have learnt so much from this course and can't wait to put what I have learnt into practice! Thanks!
(5.00 out of 5) EDUARDO J [ 18 January, 2017 ]
The course was extensive and and it was something that I was hoping to do. And the course delivered to my expectations. John was an excellent instructor and I have learnt a lot from him. Thank you very much John. I hope to see you again. I would recommend this course to anyone who wishes to learn this kind of mobile app development.
(4.90 out of 5) Bill G [ 02 February, 2016 ]
I learned lots of new concepts in this course and highly recommend it to those deep themselves in HTML/CSS/jQuery and mobile app development.
(5.00 out of 5) Jisha J [ 02 February, 2016 ]
The course was very informative and covered major areas of Mobile website and App development. John did justice and explained all the aspects thoroughly. He made this a very interactive session. John gave some interesting points that a web developer should take care of during development.

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Back to Top