Cross-Platform Mobile App Development Training

Register this course for $390
USA & Canada: +1 240-200-6131
International Call: +1 240-391-8360
9am-6pm DC time or 1pm-10pm GMT

Course Code: hsts-c4

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:

  • Review of HTML5/CSS3/JavaScript
  • Using jQuery Mobile
  • Working with PhoneGap Build APIs
  • Packaging and delivering a Cross-Platform Mobile App

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

Programmers
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

Class Info

Highlights

  • 10 sessions each 1.5 hours with hands-on training led by experienced instructors
  • Digital courseware and online course tracking
  • Final course project delivery
  • Certificate of Completion for each course
  • Session-based assignment

Enrollment Fee

In-person in DC or Online: $390 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.

Location

  • In Person at our office (1525 Newton St, NW, Ste 212 Washington DC, 20010) located 2 blocks from the Columbia Height metro
  • Private custom training on site or at your location
  • Project based training cn site or at your location

Time

  • In Person: 9AM-3:00PM (1 hour Lunch)
  • Private custom & project based training: your preference

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

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
Provisioning
Certificates
Packaging the App
Icons, splash screen and app configuration
Configuring meta tags for proper viewing

Register this course for $390