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 Apache Cordova (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 Windows Mobile. 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 Smartphones 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 <script> Tag The Browser and the Server Best Practices Ajax Requests and Responses Sending an Ajax Request With jQuery Data Types The data() Method Using serialize() Get vs. Post ajaxStart() and ajaxError() The jQuery Mobile Toolkit jQuery Mobile Lists Overview of jQuery Mobile Overview of jQuery Mobile Lists Downloading and Using jQuery Mobile Inset Lists The Anatomy of a Page Adding Links Page Segments Numbered Lists Theming Count Bubbles Creating a List View Formatting List Items Decorating List View Rows Formatted List Source Implementing Master Detail Filters Navigation Patterns Filtered List Source Create a Tabbed View jQuery Mobile Buttons jQuery Mobile Forms jQuery Mobile Buttons jQuery Mobile Forms Creating Buttons Form Enhancements Button Appearance Labels Enabling and Disabling Placeholders Button Groups Client-Side Validation Horizontal Button Groups The required Attribute Inline Buttons Patterns Highlighting Preferred Choice Widgets Icons Input Types Alternate Icon Display Color Date Range Select Checkboxes Horizontal Checkboxes Radio Buttons Datalists Submitting Forms jQuery Mobile Themes Geolocation Overview of the jQuery Mobile Overview of the Geolocation API Theming System Functions and Options Working with Themes Success Function Theme Examples Error Function Using ThemeRoller Using the watchPosition() Method Global Theme Settings Downloading Themes Contents of the Theme Zip File Theme Images Editing Your Themes Custom Transitions in jQuery Mobile Custom Transitions Using CSS Apache Cordova (PhoneGap) Device and Contacts Information APIs Introduction to Apache Cordova Cordova Device Info Object The Cordova Model Device Info Permissions Usage The cordova and uuid Properties API The platform and version Properties Features The name Property App Stores Contacts Database API Packaging Cordova Apps Contacts Database Helper Objects Adobe PhoneGap Build Supported Platforms Contacts API Permissions Contact Properties Creating a New Contact Saving a Contact Deleting (Removing) a Contact Finding Contact(s) The Cordova File API The Accelerometer Accessing the Mobile File System with Overview of the Accelerometer Cordova Supported Platforms File API Permissions Accelerometer Precision The Cordova File API Accelerometer Detection Accessing the Device File System Accelerometer Permissions The requestFileSystem() Method The Accelerometer API The File Object The Acceleration Object The FileEntry Object The getCurrentAcceleration() The DirectoryEntry Object Method The DirectoryReader Object The watchAcceleration() Method The FileError Object The accelerometerSuccess Call-Back Writing Files with the FileWriter Function Object The clearWatch() Method Reading Files with the FileReader Device Shake Tracking Application Object Code The Camera Best Practices Accessing the Camera with Cordova jQuery Mobile Benefits Camera Permissions Progressive Enhancement The Cordova Camera API Common UI Guidelines The Camera Object Platform-Specific UI Guidelines The getPicture() Method Cordova Business Layer Initialization The cameraSuccess Call-Back Business Layer Best Practices Function Cordova Domain Whitelist Guide The cameraError Call-Back Function Background Tasks Camera Options Cordova Background Task API The cleanup() Method Hands On Technology Transfer The Best Way to Transfer Technology Skills 1 Village Square, Suite 8 14 Fletcher Street Chelmsford, MA 01824 Copyright © 2021 Hands On Technology Transfer, Inc..