SlideShare uma empresa Scribd logo
1 de 70
Baixar para ler offline
jQuery 1.9 and 2.0
Present and Future
Richard D. Worth
        Executive Director, jQuery Foundation


     @rworth          richard@jquery.com

jQuery UK - Oxford                     April 19 2013
write less, do more
Scope
DOM Manipulation
DOM Manipulation
Events
DOM Manipulation
Events
Effects
DOM Manipulation
Events
Effects
Ajax
DOM Manipulation
Events
Effects
Ajax
More   Less
More    Less
Stuff
More       Less
Stuff   plugins
More             Less
Stuff         plugins
UI controls
More               Less
Stuff           plugins
UI controls   jQuery UI
More               Less
Stuff           plugins
UI controls   jQuery UI
Touch
More                 Less
Stuff             plugins
UI controls     jQuery UI
Touch       jQuery Mobile
More                 Less
Stuff             plugins
UI controls     jQuery UI
Touch       jQuery Mobile
MVC
More                 Less
Stuff             plugins
UI controls     jQuery UI
Touch       jQuery Mobile
MVC        Backbone, etc.
jQuery 1.8 or
earlier versions?
1.9 Upgrade Guide
Migrate Plugin
github.com/jquery/
   jquery-migrate
<script src="jquery.js"></script>
<script src="jquery-migrate.js"></script>
Migrate Plugin Example
trends.builtwith.com

     W3Techs
56.7%
all web sites
61.3%
top 10,000 sites
91.2%
sites with JavaScript
9 out of 10
web developers
  use jQuery
9 out of 10
web developers
  use jQuery
jQuery 2.0
  Final
blog.jquery.com
Available now on
 the jQuery CDN

code.jquery.com
Google and
Microsoft CDNs
     soon
3 Features
2 Promises
1 Invitation
Feature
  #1
jQuery 2.0
drops support for

    IE 6, 7, 8
This is NOT


YMMV
All code to
make jQuery work
 in IE 6, 7, 8 was
REMOVED from 2.0
12%
smaller
“Compatability
 View” modes
X-UA-Compatible
tag or HTTP header
     Header is
  recommended
Feature
  #2
jQuery 2.0 is
   deigned for
the modern web
jQuery 2.0 is
   deigned for
the modern web
Compatibility code
 for Old IE caused
  issues in some
  environments
Perfect 2.0 Environments
• Google Chrome add-ons
• Mozilla XUL apps, Firefox ext.
• Firefox OS apps
• Chrome OS apps
• Windows 8 Store
 (”Modern/Metro UI”) apps
Perfect 2.0 Environments
• BlackBerry 10 WebWorks apps
• PhoneGap/Cordova apps
• Apple UIWebView Class
• Microsoft WebBrowser Control
• node.js (combined with jsdom
  or similar)
Modern Environments
• Are themselves a work in
  progress
• Have a unique set of rules
  or restrictions
• Are different from typical
  jQuery env. - web browser
Modern Environments
• We aren’t able to test regularly
  in all these non-browser
  scenarioes
• We’d like to hear about your
  experiences in using them
Feature
  #3
12 optionally
 excludable
  modules
Some Modules
• Ajax         • Offset
• CSS          • Wrap
• Dimensions   • Sizzle
• Effects       • ...
DOM Manip. &
  Selecting
The core of
jQuery Core 2.0

                  10k
            minified + gzipped
3 Features
2 Promises
1 Invitation
3 Features
2 Promises
1 Invitation
Promise
   #1
The jQuery Team
    will support
    jQuery v1.X
   for as long as
IE 6, 7, 8 is revelant
Several
 More
 Years
Conditional
Comments
If you need to
support IE 6, 7, 8
  use 1.9 / 1.X
Please test
 jQuery 2.0 on
your site, even
 if you use 1.9
Promise
  #2
The jQuery Team
  will support
API equivalence
    between
  1.1X and 2.X
1.10 will be
released within
  a couple of
     months
1.1X    <->   2.X
1.10    <->   2.0
 1.11   <->   2.1
1.12    <->   2.2
Invitation
Join Us
• learn.jquery.com
• contribute.jquery.org
• jquery.org/join
membership@jquery.com

Mais conteúdo relacionado

Mais procurados

Building Progressive Web Apps for Android and iOS
Building Progressive Web Apps for Android and iOSBuilding Progressive Web Apps for Android and iOS
Building Progressive Web Apps for Android and iOS
FITC
 
Browser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom MenaceBrowser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom Menace
Nicholas Zakas
 
jQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web PerformancejQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web Performance
dmethvin
 
Angular vs React for Web Application Development
Angular vs React for Web Application DevelopmentAngular vs React for Web Application Development
Angular vs React for Web Application Development
FITC
 

Mais procurados (20)

JavaScript front end performance optimizations
JavaScript front end performance optimizationsJavaScript front end performance optimizations
JavaScript front end performance optimizations
 
Performance on the Yahoo! Homepage
Performance on the Yahoo! HomepagePerformance on the Yahoo! Homepage
Performance on the Yahoo! Homepage
 
Building Progressive Web Apps for Android and iOS
Building Progressive Web Apps for Android and iOSBuilding Progressive Web Apps for Android and iOS
Building Progressive Web Apps for Android and iOS
 
High Performance JavaScript (YUIConf 2010)
High Performance JavaScript (YUIConf 2010)High Performance JavaScript (YUIConf 2010)
High Performance JavaScript (YUIConf 2010)
 
Chrome enchanted 2015
Chrome enchanted 2015Chrome enchanted 2015
Chrome enchanted 2015
 
Browser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom MenaceBrowser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom Menace
 
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will loveDevelop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
 
Service workers your applications never felt so good
Service workers   your applications never felt so goodService workers   your applications never felt so good
Service workers your applications never felt so good
 
High Performance JavaScript - Fronteers 2010
High Performance JavaScript - Fronteers 2010High Performance JavaScript - Fronteers 2010
High Performance JavaScript - Fronteers 2010
 
Real World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker CachingReal World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker Caching
 
Drupal point of vue
Drupal point of vueDrupal point of vue
Drupal point of vue
 
jQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web PerformancejQuery Conference San Diego 2014 - Web Performance
jQuery Conference San Diego 2014 - Web Performance
 
The Complementarity of React and Web Components
The Complementarity of React and Web ComponentsThe Complementarity of React and Web Components
The Complementarity of React and Web Components
 
How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...
How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...
How to Develop a Rich, Native-quality User Experience for Mobile Using Web St...
 
Responsive interfaces
Responsive interfacesResponsive interfaces
Responsive interfaces
 
Instant and offline apps with Service Worker
Instant and offline apps with Service WorkerInstant and offline apps with Service Worker
Instant and offline apps with Service Worker
 
High Performance JavaScript - jQuery Conference SF Bay Area 2010
High Performance JavaScript - jQuery Conference SF Bay Area 2010High Performance JavaScript - jQuery Conference SF Bay Area 2010
High Performance JavaScript - jQuery Conference SF Bay Area 2010
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
High Performance JavaScript - WebDirections USA 2010
High Performance JavaScript - WebDirections USA 2010High Performance JavaScript - WebDirections USA 2010
High Performance JavaScript - WebDirections USA 2010
 
Angular vs React for Web Application Development
Angular vs React for Web Application DevelopmentAngular vs React for Web Application Development
Angular vs React for Web Application Development
 

Destaque

Using Videos in Online Learning - Take 2
Using Videos in Online Learning - Take 2Using Videos in Online Learning - Take 2
Using Videos in Online Learning - Take 2
Stella Porto
 
On Wikis gadla-summer2011-event
On Wikis gadla-summer2011-eventOn Wikis gadla-summer2011-event
On Wikis gadla-summer2011-event
Stella Porto
 

Destaque (11)

Annakannan PhD Viva presentation
Annakannan PhD Viva presentationAnnakannan PhD Viva presentation
Annakannan PhD Viva presentation
 
Git presentation
Git presentationGit presentation
Git presentation
 
Marketing e pianificazione strategica (AREA Science Park)
Marketing e pianificazione strategica (AREA Science Park)Marketing e pianificazione strategica (AREA Science Park)
Marketing e pianificazione strategica (AREA Science Park)
 
Using Videos in Online Learning - Take 2
Using Videos in Online Learning - Take 2Using Videos in Online Learning - Take 2
Using Videos in Online Learning - Take 2
 
HBMeU 2012 conference presentation
HBMeU 2012 conference presentationHBMeU 2012 conference presentation
HBMeU 2012 conference presentation
 
On Wikis gadla-summer2011-event
On Wikis gadla-summer2011-eventOn Wikis gadla-summer2011-event
On Wikis gadla-summer2011-event
 
6 Months into the Greatest Ever Financial Crash
6 Months into the Greatest Ever Financial Crash6 Months into the Greatest Ever Financial Crash
6 Months into the Greatest Ever Financial Crash
 
Your Script Just Killed My Site
Your Script Just Killed My SiteYour Script Just Killed My Site
Your Script Just Killed My Site
 
Onedrive tutoriel
Onedrive tutorielOnedrive tutoriel
Onedrive tutoriel
 
La messagerie La Poste.net
La messagerie La Poste.netLa messagerie La Poste.net
La messagerie La Poste.net
 
The State of jQuery 2013
The State of jQuery 2013The State of jQuery 2013
The State of jQuery 2013
 

Semelhante a jQuery 1.9 and 2.0 - Present and Future

State of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
dmethvin
 
jQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPagesjQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPages
Mark Roden
 
jQuery Conference 2012 keynote
jQuery Conference 2012 keynotejQuery Conference 2012 keynote
jQuery Conference 2012 keynote
dmethvin
 
jQueryTO: State of jQuery March 2013
jQueryTO: State of jQuery March 2013jQueryTO: State of jQuery March 2013
jQueryTO: State of jQuery March 2013
dmethvin
 
John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)
Jia Mi
 
jQuery From the Ground Up
jQuery From the Ground UpjQuery From the Ground Up
jQuery From the Ground Up
Kevin Griffin
 

Semelhante a jQuery 1.9 and 2.0 - Present and Future (20)

jQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPagesjQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPages
 
State of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
 
Starting with jQuery
Starting with jQueryStarting with jQuery
Starting with jQuery
 
jQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPagesjQuery - the world's most popular java script library comes to XPages
jQuery - the world's most popular java script library comes to XPages
 
ME vs WEB - AngularJS Fundamentals
ME vs WEB - AngularJS FundamentalsME vs WEB - AngularJS Fundamentals
ME vs WEB - AngularJS Fundamentals
 
jQuery Conference 2012 keynote
jQuery Conference 2012 keynotejQuery Conference 2012 keynote
jQuery Conference 2012 keynote
 
ReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparisonReactJS vs AngularJS - Head to Head comparison
ReactJS vs AngularJS - Head to Head comparison
 
Top 45 jQuery Interview Questions and Answers | Edureka
Top 45 jQuery Interview Questions and Answers | EdurekaTop 45 jQuery Interview Questions and Answers | Edureka
Top 45 jQuery Interview Questions and Answers | Edureka
 
Jquery
JqueryJquery
Jquery
 
jQuery, A Designer's Perspective
jQuery, A Designer's PerspectivejQuery, A Designer's Perspective
jQuery, A Designer's Perspective
 
jQueryTO: State of jQuery March 2013
jQueryTO: State of jQuery March 2013jQueryTO: State of jQuery March 2013
jQueryTO: State of jQuery March 2013
 
jQuery - Boston IxDA
jQuery - Boston IxDAjQuery - Boston IxDA
jQuery - Boston IxDA
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web Components
 
JavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) uploadJavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) upload
 
Lesson 09
Lesson 09Lesson 09
Lesson 09
 
Building native Win8 apps with YUI
Building native Win8 apps with YUIBuilding native Win8 apps with YUI
Building native Win8 apps with YUI
 
Mobile Apps with PhoneGap and jQuery Mobile
Mobile Apps with PhoneGap and jQuery MobileMobile Apps with PhoneGap and jQuery Mobile
Mobile Apps with PhoneGap and jQuery Mobile
 
Jquery
JqueryJquery
Jquery
 
John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)John Resig Beijing 2010 (English Version)
John Resig Beijing 2010 (English Version)
 
jQuery From the Ground Up
jQuery From the Ground UpjQuery From the Ground Up
jQuery From the Ground Up
 

Último

Último (20)

What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 

jQuery 1.9 and 2.0 - Present and Future