Mobile Application

Developer 2017
MA HMMO UD MA HD I
Contents
jQuery Mobile JavaScript
Framework

REST services: Server-side

applications
jQuery Mobile JavaScript
Framework
MO DULE 2 CO U R S E 2. 5
jQuery Mobile JavaScript
Framework
Explain the role of JavaScript Frameworks in Mobile Web
applications

Highlight the features of jQuery Mobile

Identify how jQuery Mobile fits into the Ajax web application
architecture
What is jQuery?
What is jQuery?
jQuery is a JavaScript library designed
for client-side web applications.
It is the most popular JavaScript library in use.

The main strengths of jQuery are

speed and size.
The production version of jQuery 1.9.1 is 91 KB
in size.
The jQuery library
features (1/3)
1. Document Object
Model (DOM)
element selection

2. DOM traversal and

manipulation
The jQuery library
features (2/3)

3. Event handling

4. Graphical
transitions and
animations
The jQuery library
features (3/3)

5. Ajax

6. Support for
multiple browsers
jQuery Sample
Ajax application model
architecture: JavaScript frameworks
What is jQuery Mobile?
jQuery Mobile is a JavaScript library that provides a unified, HTML5-
based user interface for mobile devices.
jQuery Mobile framework
features (1/4)

1. Progressive
enhancement
jQuery Mobile framework
features (2/4)

2.Lightweight
code
jQuery Mobile framework
features (4/4)
3. Helps developers create a
common HTML5 user interface
and experience across multiple
mobile devices

4. Supports a responsive web

design approach
How to write jQuery Mobile Web
pages (1/4)
1. Include the jQuery and jQuery Mobile
JavaScript libraries in the HTML web page
header.

2. Include the Cascading Style Sheets for

jQuery and jQuery Mobile
How to write jQuery Mobile Web
pages (2/4)
3. Declare
jQuery Mobile
user interface
widgets with
data-role
HTML
attributes.
How to write jQuery Mobile Web
pages (3/4)
The page container: one page view of mobile content
How to write jQuery Mobile Web
pages (4/4)
jQuery Mobile overrides links with an Ajax operation
jQuery Mobile Themes
The theme framework provides a
consistent appearance and color
scheme across all mobile pages in an
application
Built-in themes :
REST services: Server-side
applications
MO DULE 2 CO U R S E 2. 6
REST services: Server-side
applications
Explain the Representational State Transfer architecture
for the web

Identify the parts of a REST service

Describe how Ajax web applications call REST services

What is REST?
What is REST ? (1/2)

Representational State Transfer is

an architecture style for building
resources on the World Wide Web.

The HTML document, images, and

script files are web resources.
What is REST ?
To retrieve or update a resource,
perform an action through HTTP
methods.

To identify which resource to retrieve

or update, use a (URI) to describe the
network location of the resource.
REST Example
REST Example
REST vs. SOAP
REST vs. SOAP
REST vs. SOAP
Ajax application model
architecture: REST services
What is a RESTful
web service? (1/3)

1. A web server hosts

web resources:
applications &
sources of
information
What is a RESTful
web service? (2/3)
2. Identifiers uniquely references web
resources
What is a RESTful
web service? (3/3)

3. The client uses

HTTP methods as a
uniform interface
to interact with
resources
Example: Sending an HTTP request
to a REST service (1/2)
Example: Sending an HTTP request
to a REST service (2/2)
REST characteristics
(1/3)
1. REST is a simple
way of building
services for
client/server
interactions, which
are built on web
resources
REST characteristics
(2/3)

2. REST is an
architecture,
not a product
REST characteristics
(3/3)

3. REST services
tend to use
lightweight data
models, such
as JavaScript Object
Notation (JSON)
Thanks
Q & A?