Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

jQuery Mobile and Apache Cordova (PhoneGap)

( Duration: 3 Days )

In jQuery Mobile and Apache Cordova (PhoneGap) training course, you will learn on how to build applications using jQuery Mobile and Apache Cordova that run on a variety of mobile platforms including iOS, Android and Windows Mobile. Discussion and labs will focus on the jQuery Mobile library and Apache Cordova.

  • Delegates of this jQuery Mobile and Apache Cordova (PhoneGap) workshop should have Knowledge of HTML and JavaScript

COURSE AGENDA

1

The Mobile Landscape

  • Devices Types
  • Smartphones
  • Tablets
  • Device Convergence
  • Platforms
  • Platform Comparison
  • In a perfect world …
  • The Reality
  • Platform Independent Solutions
  • The Future
  • Cascading Style Sheets — CSS
  • JavaScript
  • Libraries
  • Common Features
  • Differences
  • Mobile Web Development
  • Apache Cordova (PhoneGap)
  • Building with Cordova
2

Technology Stack

  • HTML5
  • New Features of HTML 5
  • Browser-side Data Storage
  • Declaring HTML5
  • Detecting Support for HTML5
  • HTML5 Input Validation Example
  • HTML5 Date Form Widget
  • The Document Object Model
  • What the DOM is not
  • Cascading Style Sheets
  • CSS Levels
  • How CSS Work
  • Class and ID Attribute Selectors
  • What is JavaScript?
  • Working with JavaScript
  • Detecting a feature with JavaScript
  • Using JavaScript libraries
  • jQuery Mobile
  • Apache Cordova (PhoneGap)
3

The jQuery Mobile Toolkit

  • Downloading and Using jQuery Mobile
  • The Basics
  • The Anatomy of a Page
  • Theming
  • Creating a List View
  • Decorating List View Rows
  • Implement Master Detail Navigation Pattern
  • Summary
4

jQuery Overview

  • What Is jQuery?
  • Benefits of Using a JavaScript Library
  • CSS Selectors
  • How to Use jQuery
  • Practical Usage Notes
  • Background - DOM
  • Background - DOM Ready Events
  • Background - JavaScript Functions
  • The jQuery Function Object
  • What Does the $() Function Take as Argument?
  • The jQuery Function
  • The jQuery Wrapper
  • The jQuery Wrapper as an Array-Like Object
  • Note: innerHTML() vs. .html()
  • jQuery Wrapper Chaining
  • API Function Notation
  • Handling DOM Ready Event
  • Unit Conclusion
5

Selectors

  • Background: The Sizzle Selector Engine
  • Selecting Elements by Attribute
  • Pseudo-Selectors
  • Form Pseudo-Selectors
  • Faster Selection
  • Selecting Elements Using Relationships
  • Selecting Elements Using Filters
  • More on Chaining: .end()
  • Testing Elements
  • Is the Selection Empty?
  • Saving Selections
  • Iterating Through Selected Elements Using .each()
  • JavaScript Methods
  • JavaScript “this”
  • Function Context
  • The Function call() Method
  • .each() Revisited
6

Style Class Manipulation

  • Two Options
  • Specifying Style Properties
  • Setting Style Properties
  • .addClass() / .removeClass()
  • Defining a Stylesheet
  • Setting & Getting Dimensions
  • Attributes
7

DOM Manipulation

  • The $ Function Revisited
  • Getters and Setters
  • The text() Element Method
  • Appending DOM Elements
  • Removing DOM Elements
  • Performance
8

jQuery Mobile List

  • jQuery Mobile Lists
  • HTML Lists
  • jQuery Mobile Lists
  • Inset Lists
  • Adding Links
  • Numbered Lists
  • Count Bubbles
  • Formatting List Items
  • Formatted List Source
  • Filters
  • Filtered List Source
9

jQuery Mobile Buttons

  • jQuery Mobile Buttons
  • Creating Buttons
  • Button Appearance
  • Enabling and Disabling
  • Button Groups
  • Horizontal Button Groups
  • Inline Buttons
  • Highlighting Preferred Choice
  • Icons
  • Alternate Icon Display
10

jQuery Mobile Forms

  • jQuery Mobile Forms
  • A Simple Form
  • Form Enhancements
  • Labels
  • Placeholders
  • Client-Side Validation
  • The required Attribute
  • Patterns
  • Widgets
  • More Widgets
  • Color
  • Date
  • Range
  • Datalist
  • Select
  • Checkboxes
  • Horizontal Checkboxes
  • Radio Buttons
  • Submitting Forms
11

Introduction to AJAX

  • What is AJAX?
  • The Old Way
  • The AJAX Way
  • Two Key Aspects of AJAX
  • What are the Advantages of the AJAX Approach?
  • AJAX Technologies
  • The Basic AJAX API
  • Creating the XMLHttpRequest Object
  • The XMLHttpRequest Object Basics
  • The Timeline
12

jQuery Mobile Themes

  • jQuery Mobile Theming System
  • Working with Themes
  • The jQuery Mobile ThemeRoller
  • Global Theme Settings
  • Download Your Themes
  • Contents of the Theme Zip File
  • Editing Your Themes (if needed)
  • CSS3 Transitions
  • jQuery Transitions
  • Custom Transitions in jQuery Mobile
  • Custom Transitions using CSS
13

Plugins

  • What is a plugin?
  • Goal
  • Self-Executing Anonymous Functions
  • Meeting Our Goal
  • Prototype Objects
  • The jQuery Wrapper Class Revisited
  • Using the Plugin
14

Geolocation

  • Geolocation Concepts
  • How Does it Work?
  • Users Need to Agree!
  • Geolocation API
  • Functions and Options
  • Success Function
  • Error Function
  • Options
  • watchPosition
15

Apache Cordova (PhoneGap)

  • The Cordova Model
  • Usage
  • API
  • Features
  • App Stores
  • Who uses Cordova?
  • Packaging Cordova Apps
  • Java Code
  • Adobe PhoneGap Build
16

Device and Contacts Information APIs

  • Cordova Device Info Object
  • Device Info Permissions
  • The cordova and uuid Properties
  • The platform and version Properties
  • The name Property
  • Contacts Database API
  • Contacts API Permissions
  • Contact properties
  • Creating a New Contact
  • Saving a Contact
  • Deleting (Removing) a Contact
  • Finding Contact(s)
17

The Cordova File API

  • Accessing the Mobile File System with Cordova
  • File API Permissions
  • The Cordova File API
  • Accessing the Device File System
  • The File Object
  • The FileEntry Object
  • The DirectoryEntry Object
  • The DirectoryReader Object
  • The FileError Object
  • Writing Files with the FileWriter Object
  • Reading Files with the FileReader Object
18

The Accelerometer

  • What is the Accelerometer?
  • Supported Platforms
  • Accelerometer Permissions
  • The Accelerometer API
  • The getCurrentAcceleration Method
  • The watchAcceleration Method
  • The clearWatch Method
  • Accelerometer API in Action: Device Shake Tracking
  • Device Shake Tracking Application Code
19

The Camera

  • Accessing the Camera with Cordova
  • Camera Permissions
  • The Cordova Camera API
  • The getPicture Method
  • The cameraSuccess Function
  • The cameraError Function
  • Cordova Camera API Example: Displaying an Image
  • The cleanup Method
20

Best Practices

  • jQuery Mobile Benefits
  • Progressive Enhancement
  • Common UI Guidelines
  • Cordova Business Layer Initialization
  • Business Layer Best Practices
  • Cordova Domain Whitelist Guide
  • Background Tasks
  • Cordova Background Task API

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X