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

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.

Pre-requisites

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

    11 - 13 Jul 18 Wed - Fri
    04 - 06 Sep 18 Tue - Thu
    31 Oct - 02 Nov 18 Wed - Fri
    14 - 16 Jan 19 Mon - Wed
    13 - 15 Mar 19 Wed - Fri

  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    09 - 11 Jul 18 Mon - Wed
    22 - 24 Aug 18 Wed - Fri
    15 - 17 Oct 18 Mon - Wed
    12 - 14 Dec 18 Wed - Fri
    18 - 20 Feb 19 Mon - Wed

  • 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

  • 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) 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