Cross-Platform Mobile App Development Training

Self-paced registration
Registration: self-paced from $60 or live for $2990
Pick your class type Total: $

USA & Canada: +1 240-200-6131

Cross-Platform Mobile App Development Training

Course Code: hsts-c4

What is included in this course

Course Overview

In HSTS's Cross-Platform Mobile App Development Using PhoneGap Build and jQuery Mobile training course, students will use PhoneGap Build and jQuery Mobile to create mobile applications that can be published to iOS, Android and Windows 8 smartphones. In this hands-on course, students build upon HTML5, CSS3, and JavaScript fundamentals and learn by creating, packaging and delivering an App. Topics covered in HSTS's Cross-Platform Mobile App development include:

Course Prerequisites

The following HSTS classes or working knowledge in all topics covered in these outlines:
Beginner Website Design Using HTML and CSS
Responsive Website Design Using Advanced HTML5 and CSS3
JavaScript and jQuery Introduction (optional)
Advance JavaScript, jQuery Using JSON and Ajax (optional)

Job Roles For This Course

Web Developers
Mobile Game Developers

Projects Using This Course

Creating Mobile Apps for iOS, Android, and Windows 8 Smartphones using one codebase

Related Training and Courses

Node.JS Coding with Hands-on Training
PHP and MySQL Coding
Intro to Dreamweaver with Website Development Training
Adobe Muse Training Course
Responsive Site Design with Bootstrap
jQuery Programming for Beginners
Advance JavaScript, jQuery Using JSON and Ajax

Self-paced training

This course is available in a self-paced video format starting at $60. Click here to learn more and register. For complete self-paced web design training, visit our Web design and development bundle page.

Corporate and Enterprise Training

Our live courses are also offered via our enterprise training program which comes with:

Feel free to contact us by email or phone to discuss your training needs and get a quote.

Overall Info About our Live Classes


Enrollment Fee

In-person in DC or live online for $2990 per course

Course Session Dates

Our courses are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge.



Software Versions

Our classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 240-200-6131

Course Outline

Topics Covered in this Course

1. jQuery Mobile introduction & creating App pages

Mobile Web Apps Explained
What Is jQuery Mobile?
Creating Native Apps with jQuery Mobile
Supported Mobile Platforms
jQuery vs. jQuery Mobile
Installing jQuery Mobile
Pages in jQuery Mobile
A Basic Page Template
Creating Multi-Page Documents
Updating the Title Bar

2. Buttons and layout

Turning Links into Buttons
Creating Form Buttons
Adding Button Icons
Positioning Icons
Making Your Own Icons
Visually Grouping Buttons
Creating Header Bars
Adding Buttons to Headers
Adding a Back Button to the Header
Rolling Your Own Headers
Creating Footer Bars
Adding Buttons to Footers
Adding Navbars
Highlighting Items in Navbars
Positioning Toolbars
Inline Positioning
Fixed Positioning
Fullscreen Positioning
Creating Persistent Footers

3. Dialogs and forms

Creating a Dialog
Dialogs and History
Closing Dialogs
Regular Forms vs. jQuery Mobile Forms
Ajax Form Submission
Form Field Enhancements
Additional Markup
Globally Unique Field IDs
Responsive Form Layout
Creating a Basic Form in jQuery Mobile
Adding Text, Password and Textarea Inputs
Adding Email, Phone, URL and Number Inputs
Adding Search Boxes
Adding Range Sliders
Adding Radio Buttons
Adding Checkboxes
Adding Select Menus
A Simple Select Menu

4. List View

Creating a Basic List View
Creating a List of Links
Inset Lists
Adding List Dividers
Nested Lists
Formatting List Content
Adding Count Bubbles
Adding Thumbnails and Icons
Split-Button Lists
Adding Search Filtering
Forms in List Views

5. Theming jQuery Mobile

Understanding Themes and Swatches
The jQuery Mobile Default Swatches
How jQuery Mobile Assigns Swatches
Changing Swatch Assignments
Swatch Inheritance

6. Formatting Page Content

How jQuery Mobile Formats Content
Working with Layout Grids
Two Column Grids
Three, Four and Five Column Grids
Multi-Row Grids
Creating Collapsible Content Blocks
Collapsing Blocks by Default
Nesting Collapsible Blocks
Creating Accordions

7. Using a jQuery Mobile Framework for Rapid App Development
Structure of a jQuery Mobile App
jQuery Mobile Elements: Pages, Buttons, Lists
jQuery Mobile APIs: Change Page

8. Cross Platform App Development with HTML5
HTML5/CSS3/Javascript and Responsive Layout for Apps Overview
The Role of Cordova/PhoneGap Libraries
Building a Simple Mobile App with Phone Gap Build

9. Working with PhoneGap APIs- Accessing Cross Platform
Internal Mobile Device Capabilities with APIs

Accelerometer Object and Methods
Compass Object and Methods
Geolocation Object and Methods
Media Object and Methods
Camera Object and Methods
Storage Object and Methods
Files Object and Methods
Contacts Object and Methods
Capture Object and Methods

10. Packaging and Delivering a Cross-Platform App
Packaging the App
Icons, splash screen and app configuration
Configuring meta tags for proper viewing

Self-paced registration
Registration: self-paced from $60 or live for $2990 Pick your class type Discount or coupon code: Total: $

View Other Classes!