1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

Mobile Website & App Development Course

(4.81 out of 5) 48 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

  • $1485 incl GST
  • Duration: 3 Days
  • Max. Class Size: 10
  • Avg. Class Size: 5
  • Study Mode: In Class Live Online
  • Level: Advanced
  • Times: 9.00am - 5.00pm approx.
  • Download Course PDF
  • Enquire Book Now
    Pay later

Online Live - Course Dates

  • Online Live Class Dates

    Classes scheduled on demand in Online Live

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

  • To inquire about Live Online Classes, please

    Call 1300 888 724

In-Class - Course Dates

  • Sydney Class Dates

    Book Now

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

    24 - 26 Aug 20 Mon - Wed
    18 - 20 Nov 20 Wed - Fri
    20 - 22 Jan 21 Wed - Fri
    16 - 18 Mar 21 Tue - Thu
    07 - 09 Jun 21 Mon - Wed
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    12 - 14 Aug 20 Wed - Fri
    26 - 28 Oct 20 Mon - Wed
    27 - 29 Jan 21 Wed - Fri
    19 - 21 Apr 21 Mon - Wed
    14 - 16 Jul 21 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 4, 54 Marcus Clarke Street, 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

  • 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

See more

Unit 2: Designing for Mobile

  • 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

See more

Unit 3: Markup for Mobile

  • 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

See more

Unit 4: Mobile Specific Properties

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

See more

Unit 5: Mobile Web Apps

  • 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

See more

Unit 6: Using Device Features from Web Apps

  • 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

See more

Unit 7: Polishing Up the App

  • 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

See more

Unit 8: Introducing PhoneGap

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

See more

Unit 9: Making Our Application Native

  • 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

See more

Unit 10: Running a Server for Testing

  • Built-in Servers: IIS on Windows

See more

Related Courses

Course Reviews

(5.00 out of 5) Greg W [ 24 September, 2019 ]
John was an amazing instructor, so knowledgeable and really knows his stuff. The course content was perfect and met all my expectations.
(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.

Read all course reviews

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