Apache Cordova Cross-Platform Mobile Application Development

Duration: 3 Days (Face-to-Face & Remote-Live), or 21 Hours (On-Demand)

Price: $1695 (Face-to-Face & Remote-Live), or $1495 (On-Demand)

Discounts: We offer multiple discount options. Click here for more information.

Delivery Options: Attend face-to-face in the classroom or remote-live attendance.

Students Will Learn

The jQuery Mobile Toolkit Introduction to (PhoneGap) Style Class Manipulation Using the Contacts Database API DOM Manipulation Using the the Cordova File API Introduction to Ajax Accessing the Camera with Cordova Using jQuery Mobile Lists, Forms, Buttons and Themes Using the Accelerometer Overview of Geolocation

Course Description

Apache Cordova (formerly PhoneGap) is an open-source is a mobile application development framework. It utilizes HTML5, CSS3 and JavaScript to create apps for a variety of mobile platforms. Students will learn how to build applications using jQuery Mobile and Apache Cordova that run on a variety of mobile platforms including iOS, Android and . Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

Course Prerequisites

Knowledge of HTML and JavaScript equivalent to attending the Website Development with HTML5, CSS and Bootstrap and JavaScript Programming courses.

Course Overview

The Mobile Landscape Technology Stack

Devices Types HTML5 Main Objectives Browser-Side Data Storage Tablets Declaring HTML5 Device Convergence Detecting Support for HTML5 Platform Comparison The Document Object Model Three Types of Mobile Applications CSS Overview Class and ID Attribute Selectors Native Mobile Applications Working with JavaScript Mobile Web Applications Detecting a Feature with JavaScript Hybrid Mobile Applications Using JavaScript Libraries Mobile Web Development jQuery Mobile Tooling Support Apache Cordova (PhoneGap) Overview Building with Cordova jQuery Overview Selectors

What Is jQuery? Background: The Sizzle Selector Benefits of Using a JavaScript Library Engine How to Use jQuery Selecting Elements by Attribute DOM Ready Events Pseudo-Selectors The jQuery Function Object Selecting Elements Using The jQuery Wrapper Relationships The jQuery Wrapper as an Array-Like Selecting Elements Using Filters Object Chaining Using end() innerHTML vs. html() Testing Elements jQuery Wrapper Chaining Iterating Through Selected Elements API Function Notation Using each() Handling DOM Ready Events JavaScript Methods JavaScript "this" Function Context The Function call() Method

Style Class Manipulation DOM Manipulation

Specifying Style Properties The $ Function Revisited Setting Style Properties Getters and Setters Using addClass() and removeClass() The text() Element Method Defining a Stylesheet Appending DOM Elements Setting and Getting Dimensions Removing DOM Elements Attributes DOM Performance

Introduction to Ajax JSONP

What is Ajax? JSONP - JSON with Padding Creating the XMLHttpRequest Object Same-Origin Policy The XMLHttpRequest Object Basics The