SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
JQUERY MOBILE
Biren Modi
MOBILE WEB APPLICATIONS
• Increasingly popular way to deliver content and
business applications to mobile devices
• Alternative to developing native mobile apps
• No need for download and installation via an App Store
• Run on any OS, desktop, tablet, smartphone
• Require browser and Internet connection
WHY JQUERY MOBILE?
• Touch-optimized JavaScript framework for smartphones & tablets
• Built on jQuery and jQuery UI foundation
• Unified user interface system across all popular mobile platforms
• Lightweight size and minimal image dependencies for speed
• Responsive design techniques allow the same underlying codebase to automatically scale
from smartphone to tablet and desktop-sized screens
• AJAX-based navigation system to enable animated page transitions while maintaining back
button, bookmarking and and clean URLs
• Support for touch and mouse events to allow for different user input methods using a simple
API
• Accessibility features like WAI-ARIA integrated throughout framework
• Support for screen readers and other assistive technologies
DIFFERENCES BETWEEN JQUERY AND
JQUERY MOBILE
• jQuery: Library that makes it easier to write JavaScript through
selectors, event handling and support for AJAX requests
• jQuery Mobile:
• Framework built on top of jQuery
• Used by developers to build mobile interfaces
• Coding is done using plain HTML markup for the most part
• jQuery Mobile automatically applies styles and add functionality to
widgets
FEATURES OF JQUERY MOBILE
• Progressive enhancement
• Brings content and functionality to all mobile and desktop
platforms
• Rich, installed application-like experience on
newer mobile platforms
• Basic but functional experience on older and
less capable devices
FEATURES OF JQUERY MOBILE
• Customizable user interface
• Built-in theming
framework
• ThemeRoller
application
EVENTS
• Touch events: tap, tapholdswipe, swipeleft, swiperight
• Orientation change event: orientationchange
• Scroll events: scrollstart, scrollstop
• Page change events
• Page transition events
• Page initialization events
SUPPORTED PLATFORMS
• 3-level graded platform support system, supported platforms
include:
• Apple iOS (iPhone, iPod Touch, iPad)
• Android
• Windows Phone
• Blackberry
THANK YOU

Weitere ähnliche Inhalte

Was ist angesagt?

Levitum - Working With Us
Levitum - Working With UsLevitum - Working With Us
Levitum - Working With UsLevitum
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile DevelopmentManesh Lad
 
Share point 2010 , better place study case
Share point 2010 , better place   study caseShare point 2010 , better place   study case
Share point 2010 , better place study caseshmulik-tal
 
Getting Started with Mobile Websites if You Don't Know Code
Getting Started with Mobile Websites if You Don't Know CodeGetting Started with Mobile Websites if You Don't Know Code
Getting Started with Mobile Websites if You Don't Know CodeCarli Spina
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentsaritasingh19866
 
Mygola mobile app: Tech Challenges
Mygola mobile app: Tech ChallengesMygola mobile app: Tech Challenges
Mygola mobile app: Tech ChallengesDevang Paliwal
 
React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2MobiCommerce
 
Web conference management software
Web conference management softwareWeb conference management software
Web conference management software`Shweta Bhavsar
 
Mobile Web Apps Overview
Mobile Web Apps OverviewMobile Web Apps Overview
Mobile Web Apps OverviewRamon Victor
 
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobileTristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobileTristan Nitot
 
Overview on Mobile Cross Platform Development
Overview on Mobile Cross Platform Development Overview on Mobile Cross Platform Development
Overview on Mobile Cross Platform Development Shahar Zrihen
 
Mobile App development for Large Companies- presented at Appsterdam wwll
Mobile App development for Large Companies- presented at Appsterdam wwllMobile App development for Large Companies- presented at Appsterdam wwll
Mobile App development for Large Companies- presented at Appsterdam wwllMichel van den Berg
 
IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012Alex Leece
 
Itm Main Demo Radio 01012011
Itm Main Demo Radio 01012011Itm Main Demo Radio 01012011
Itm Main Demo Radio 01012011alpervin
 
Alfresco Anywhere Webinar
Alfresco Anywhere WebinarAlfresco Anywhere Webinar
Alfresco Anywhere WebinarZia Consulting
 
Clear As Mud Part 1: Mobile, Responsive and Adaptive Websites Explained
Clear As Mud Part 1: Mobile, Responsive and Adaptive Websites ExplainedClear As Mud Part 1: Mobile, Responsive and Adaptive Websites Explained
Clear As Mud Part 1: Mobile, Responsive and Adaptive Websites ExplainedShannon Lewis
 
ADF Mobile - an intro for Developers
ADF Mobile - an intro for DevelopersADF Mobile - an intro for Developers
ADF Mobile - an intro for DevelopersLuc Bors
 
The Mobile Opportunity
The Mobile OpportunityThe Mobile Opportunity
The Mobile OpportunityJeff Haynie
 
Mobile architecture options
Mobile architecture optionsMobile architecture options
Mobile architecture optionsjohnsprunger
 

Was ist angesagt? (20)

Levitum - Working With Us
Levitum - Working With UsLevitum - Working With Us
Levitum - Working With Us
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Share point 2010 , better place study case
Share point 2010 , better place   study caseShare point 2010 , better place   study case
Share point 2010 , better place study case
 
Getting Started with Mobile Websites if You Don't Know Code
Getting Started with Mobile Websites if You Don't Know CodeGetting Started with Mobile Websites if You Don't Know Code
Getting Started with Mobile Websites if You Don't Know Code
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
 
Mygola mobile app: Tech Challenges
Mygola mobile app: Tech ChallengesMygola mobile app: Tech Challenges
Mygola mobile app: Tech Challenges
 
React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2
 
Web conference management software
Web conference management softwareWeb conference management software
Web conference management software
 
Mobile Web Apps Overview
Mobile Web Apps OverviewMobile Web Apps Overview
Mobile Web Apps Overview
 
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobileTristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
 
Mobile for the rest of us
Mobile for the rest of usMobile for the rest of us
Mobile for the rest of us
 
Overview on Mobile Cross Platform Development
Overview on Mobile Cross Platform Development Overview on Mobile Cross Platform Development
Overview on Mobile Cross Platform Development
 
Mobile App development for Large Companies- presented at Appsterdam wwll
Mobile App development for Large Companies- presented at Appsterdam wwllMobile App development for Large Companies- presented at Appsterdam wwll
Mobile App development for Large Companies- presented at Appsterdam wwll
 
IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012IAB NZ Mazda Mobile Site Presentation Aug 2012
IAB NZ Mazda Mobile Site Presentation Aug 2012
 
Itm Main Demo Radio 01012011
Itm Main Demo Radio 01012011Itm Main Demo Radio 01012011
Itm Main Demo Radio 01012011
 
Alfresco Anywhere Webinar
Alfresco Anywhere WebinarAlfresco Anywhere Webinar
Alfresco Anywhere Webinar
 
Clear As Mud Part 1: Mobile, Responsive and Adaptive Websites Explained
Clear As Mud Part 1: Mobile, Responsive and Adaptive Websites ExplainedClear As Mud Part 1: Mobile, Responsive and Adaptive Websites Explained
Clear As Mud Part 1: Mobile, Responsive and Adaptive Websites Explained
 
ADF Mobile - an intro for Developers
ADF Mobile - an intro for DevelopersADF Mobile - an intro for Developers
ADF Mobile - an intro for Developers
 
The Mobile Opportunity
The Mobile OpportunityThe Mobile Opportunity
The Mobile Opportunity
 
Mobile architecture options
Mobile architecture optionsMobile architecture options
Mobile architecture options
 

Andere mochten auch

Cathedralite June1981
Cathedralite June1981Cathedralite June1981
Cathedralite June1981Mitch Darrow
 
Cathedralite December 1980
Cathedralite December 1980Cathedralite December 1980
Cathedralite December 1980Mitch Darrow
 
Cathedralite June 12 1980
Cathedralite June 12 1980Cathedralite June 12 1980
Cathedralite June 12 1980Mitch Darrow
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2Jamesl94
 
A2 media short_film_evaluation
A2 media short_film_evaluationA2 media short_film_evaluation
A2 media short_film_evaluation04beana
 
Kisi kisi us kelompok b p-kn_2015
Kisi kisi us kelompok b p-kn_2015Kisi kisi us kelompok b p-kn_2015
Kisi kisi us kelompok b p-kn_2015Heru Chairul
 

Andere mochten auch (8)

Cathedralite June1981
Cathedralite June1981Cathedralite June1981
Cathedralite June1981
 
The Moving Men
The Moving MenThe Moving Men
The Moving Men
 
Website Security
Website SecurityWebsite Security
Website Security
 
Cathedralite December 1980
Cathedralite December 1980Cathedralite December 1980
Cathedralite December 1980
 
Cathedralite June 12 1980
Cathedralite June 12 1980Cathedralite June 12 1980
Cathedralite June 12 1980
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
 
A2 media short_film_evaluation
A2 media short_film_evaluationA2 media short_film_evaluation
A2 media short_film_evaluation
 
Kisi kisi us kelompok b p-kn_2015
Kisi kisi us kelompok b p-kn_2015Kisi kisi us kelompok b p-kn_2015
Kisi kisi us kelompok b p-kn_2015
 

Ähnlich wie jQuery Mobile

Hybrid mobile application with Ionic
Hybrid mobile application with IonicHybrid mobile application with Ionic
Hybrid mobile application with IonicMaulik Bamania
 
How To Become A Mobile Application Developer 101
How To Become A Mobile Application Developer 101How To Become A Mobile Application Developer 101
How To Become A Mobile Application Developer 101alotaiba
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application developmentsaritasingh19866
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicErmias Bayu
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5Akib B. Momin
 
Kentico Technical Learning: Exploring jQuery Mobile
Kentico Technical Learning: Exploring jQuery MobileKentico Technical Learning: Exploring jQuery Mobile
Kentico Technical Learning: Exploring jQuery MobileThomas Robbins
 
Synapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile applicationSynapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile applicationsaritasingh19866
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesSalesforce Developers
 
Development Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElementsDevelopment Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElementsRomin Irani
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application developmentKunjan Thakkar
 
Cross platform mobile application devlopment
Cross platform mobile application devlopmentCross platform mobile application devlopment
Cross platform mobile application devlopmentPrabhat gangwar
 
Library Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and ResourcesLibrary Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and ResourcesRachel Vacek
 
Introduction to Phonegap
Introduction to PhonegapIntroduction to Phonegap
Introduction to PhonegapAndrei Firoiu
 
Tools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App CreationTools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App CreationCarli Spina
 

Ähnlich wie jQuery Mobile (20)

Jquery mobile
Jquery mobileJquery mobile
Jquery mobile
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
 
AppNotch
AppNotchAppNotch
AppNotch
 
Hybrid mobile application with Ionic
Hybrid mobile application with IonicHybrid mobile application with Ionic
Hybrid mobile application with Ionic
 
Multiplatform
MultiplatformMultiplatform
Multiplatform
 
How To Become A Mobile Application Developer 101
How To Become A Mobile Application Developer 101How To Become A Mobile Application Developer 101
How To Become A Mobile Application Developer 101
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
 
Mobile applications chapter 5
Mobile applications chapter 5Mobile applications chapter 5
Mobile applications chapter 5
 
Kentico Technical Learning: Exploring jQuery Mobile
Kentico Technical Learning: Exploring jQuery MobileKentico Technical Learning: Exploring jQuery Mobile
Kentico Technical Learning: Exploring jQuery Mobile
 
chapter2
chapter2chapter2
chapter2
 
Synapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile applicationSynapse india reviews on asp.net mobile application
Synapse india reviews on asp.net mobile application
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile Architectures
 
Development Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElementsDevelopment Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElements
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
 
Cross platform mobile application devlopment
Cross platform mobile application devlopmentCross platform mobile application devlopment
Cross platform mobile application devlopment
 
Library Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and ResourcesLibrary Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and Resources
 
Introduction to Phonegap
Introduction to PhonegapIntroduction to Phonegap
Introduction to Phonegap
 
Tools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App CreationTools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App Creation
 

Mehr von ipower softwares (11)

Entity Framework
Entity FrameworkEntity Framework
Entity Framework
 
Angular JS
Angular JSAngular JS
Angular JS
 
Big Data
Big DataBig Data
Big Data
 
Big Data
Big DataBig Data
Big Data
 
Big Data
Big DataBig Data
Big Data
 
Media Query
Media QueryMedia Query
Media Query
 
Phone Gap
Phone GapPhone Gap
Phone Gap
 
WCF (Windows Communication Foundation)
WCF (Windows Communication Foundation)WCF (Windows Communication Foundation)
WCF (Windows Communication Foundation)
 
WPF
WPFWPF
WPF
 
Windows phone 8 (mvvm)
Windows phone 8 (mvvm)Windows phone 8 (mvvm)
Windows phone 8 (mvvm)
 
Mvc 4
Mvc 4Mvc 4
Mvc 4
 

Kürzlich hochgeladen

ERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptxERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptxAutus Cyber Tech
 
Streamlining Your Application Builds with Cloud Native Buildpacks
Streamlining Your Application Builds  with Cloud Native BuildpacksStreamlining Your Application Builds  with Cloud Native Buildpacks
Streamlining Your Application Builds with Cloud Native BuildpacksVish Abrams
 
Why Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdfWhy Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdfBrain Inventory
 
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdfARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdfTobias Schneck
 
JS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AIJS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AIIvo Andreev
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadIvo Andreev
 
Enterprise Document Management System - Qualityze Inc
Enterprise Document Management System - Qualityze IncEnterprise Document Management System - Qualityze Inc
Enterprise Document Management System - Qualityze Incrobinwilliams8624
 
Watermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security ChallengesWatermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security ChallengesShyamsundar Das
 
Webinar_050417_LeClair12345666777889.ppt
Webinar_050417_LeClair12345666777889.pptWebinar_050417_LeClair12345666777889.ppt
Webinar_050417_LeClair12345666777889.pptkinjal48
 
Deep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - DatacampDeep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - DatacampVICTOR MAESTRE RAMIREZ
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilVICTOR MAESTRE RAMIREZ
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeNeo4j
 
Introduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntroduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntelliSource Technologies
 
Top Software Development Trends in 2024
Top Software Development Trends in  2024Top Software Development Trends in  2024
Top Software Development Trends in 2024Mind IT Systems
 
Growing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesGrowing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesSoftwareMill
 
AI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human BeautyAI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human BeautyRaymond Okyere-Forson
 
20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.
20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.
20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.Sharon Liu
 
online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdfMeon Technology
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?AmeliaSmith90
 

Kürzlich hochgeladen (20)

ERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptxERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptx
 
Streamlining Your Application Builds with Cloud Native Buildpacks
Streamlining Your Application Builds  with Cloud Native BuildpacksStreamlining Your Application Builds  with Cloud Native Buildpacks
Streamlining Your Application Builds with Cloud Native Buildpacks
 
Why Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdfWhy Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdf
 
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdfARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
ARM Talk @ Rejekts - Will ARM be the new Mainstream in our Data Centers_.pdf
 
JS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AIJS-Experts - Cybersecurity for Generative AI
JS-Experts - Cybersecurity for Generative AI
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and Bad
 
Enterprise Document Management System - Qualityze Inc
Enterprise Document Management System - Qualityze IncEnterprise Document Management System - Qualityze Inc
Enterprise Document Management System - Qualityze Inc
 
Watermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security ChallengesWatermarking in Source Code: Applications and Security Challenges
Watermarking in Source Code: Applications and Security Challenges
 
Salesforce AI Associate Certification.pptx
Salesforce AI Associate Certification.pptxSalesforce AI Associate Certification.pptx
Salesforce AI Associate Certification.pptx
 
Webinar_050417_LeClair12345666777889.ppt
Webinar_050417_LeClair12345666777889.pptWebinar_050417_LeClair12345666777889.ppt
Webinar_050417_LeClair12345666777889.ppt
 
Deep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - DatacampDeep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - Datacamp
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-Council
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG time
 
Introduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntroduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptx
 
Top Software Development Trends in 2024
Top Software Development Trends in  2024Top Software Development Trends in  2024
Top Software Development Trends in 2024
 
Growing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesGrowing Oxen: channel operators and retries
Growing Oxen: channel operators and retries
 
AI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human BeautyAI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human Beauty
 
20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.
20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.
20240319 Car Simulator Plan.pptx . Plan for a JavaScript Car Driving Simulator.
 
online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdf
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?
 

jQuery Mobile

  • 2. MOBILE WEB APPLICATIONS • Increasingly popular way to deliver content and business applications to mobile devices • Alternative to developing native mobile apps • No need for download and installation via an App Store • Run on any OS, desktop, tablet, smartphone • Require browser and Internet connection
  • 3. WHY JQUERY MOBILE? • Touch-optimized JavaScript framework for smartphones & tablets • Built on jQuery and jQuery UI foundation • Unified user interface system across all popular mobile platforms • Lightweight size and minimal image dependencies for speed • Responsive design techniques allow the same underlying codebase to automatically scale from smartphone to tablet and desktop-sized screens • AJAX-based navigation system to enable animated page transitions while maintaining back button, bookmarking and and clean URLs • Support for touch and mouse events to allow for different user input methods using a simple API • Accessibility features like WAI-ARIA integrated throughout framework • Support for screen readers and other assistive technologies
  • 4. DIFFERENCES BETWEEN JQUERY AND JQUERY MOBILE • jQuery: Library that makes it easier to write JavaScript through selectors, event handling and support for AJAX requests • jQuery Mobile: • Framework built on top of jQuery • Used by developers to build mobile interfaces • Coding is done using plain HTML markup for the most part • jQuery Mobile automatically applies styles and add functionality to widgets
  • 5. FEATURES OF JQUERY MOBILE • Progressive enhancement • Brings content and functionality to all mobile and desktop platforms • Rich, installed application-like experience on newer mobile platforms • Basic but functional experience on older and less capable devices
  • 6. FEATURES OF JQUERY MOBILE • Customizable user interface • Built-in theming framework • ThemeRoller application
  • 7. EVENTS • Touch events: tap, tapholdswipe, swipeleft, swiperight • Orientation change event: orientationchange • Scroll events: scrollstart, scrollstop • Page change events • Page transition events • Page initialization events
  • 8. SUPPORTED PLATFORMS • 3-level graded platform support system, supported platforms include: • Apple iOS (iPhone, iPod Touch, iPad) • Android • Windows Phone • Blackberry