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.
Online Live - Course Dates
-
Online Live Class Dates
Classes scheduled on demand in Online LivePlease 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
Wait List FormIn-Class - Course Dates
-
Sydney Class Dates
Level 11, 32 Walker Street, North Sydney , NSW 2060
Classes scheduled on demand in SydneyPlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
-
Melbourne Class Dates
Level 12, 379 Collins Street, Melbourne , VIC 3000
Classes scheduled on demand in MelbournePlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
-
Brisbane Class Dates
Level 6, 371 Queen Street, Brisbane , QLD 4000
Classes scheduled on demand in BrisbanePlease 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 CanberraPlease 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 AdelaidePlease 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 PerthPlease 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
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.