1300 888 724

8.30am to 5:30pm AEST (Mon-Fri)
  • Menu
  • Search
  • Cart
  • Courses
Microsoft Courses
Bookkeeping Courses
Adobe Courses
eLearning Courses
Web Development Courses
IT Solutions Courses
Mobile Website and App Development

Mobile Website & App Development

(4.80 out of 5) 44 Student Reviews

Whats on this Page

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 Benefits

Quick Facts

$ 1485 incl GST

Duration: 3 Days

Max. Class Size: 10

Avg. Class Size: 5

Level: Advanced

Times: 9.00am - 5.00pm approx.

Enquire Book Now
Pay later

Course Dates

31 Jul - 02 Aug 17Mon - Wed

27-29 Sep 17Wed - Fri

27-29 Nov 17Mon - Wed

23-25 Jan 18Tue - Thu

19-21 Mar 18Mon - Wed

Address

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

View map

Click Here external link for Google Map

17-19 Jul 17Mon - Wed

13-15 Sep 17Wed - Fri

08-10 Nov 17Wed - Fri

03-05 Jan 18Wed - Fri

26-28 Feb 18Mon - Wed

Address

Level 12
379 Collins Street,
Melbourne , VIC 3000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Brisbane

Address

C/O Support Technology
Level 6, 371 Queen Street,
Brisbane , QLD 4000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Canberra

Address

C/O Atlas Business Services
Level 1, 33 Ainslie Place,
Canberra , ACT 2601

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Adelaide

Address

C/O The International Visualisation Centre (IVC)
19 Young Street,
Adelaide , SA 5000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Perth

Address

C/O Saxons Training Facilities
Level 1, 140 St Georges Terrace,
Perth , WA 6000

View map

Click Here external link for Google Map

Please Join the waiting list and We'll notify you when a new class is scheduled or if a place becomes available.

Download Course PDF

Related Courses:

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

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.

See more reviews

 (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.

Read all 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