Download - jQuery #OpenExpoDay 2014
![Page 1: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/1.jpg)
Jasper de Groot
#OpenExpoDay Madrid 2014
![Page 2: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/2.jpg)
Cross-platform JavaScript library
Created by John Resig
Very popular :)
jquery.comSource: builtwith.com - January 2014
![Page 3: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/3.jpg)
jQuery is more than a JavaScript library
![Page 4: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/4.jpg)
In this talk...
jQuery Foundation
Zoom in on a project: jQuery Mobile
Contributing to jQuery projects
![Page 5: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/5.jpg)
Member supported non-profit trade association for web developers
Founded in March 2012
jquery.org
![Page 6: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/6.jpg)
Mission Statement
To improve the open web, making it accessible for everyone, through the development of the open source software commonly known as the "jQuery Project" and collaboration with the development community
![Page 7: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/7.jpg)
Coordinate development on our open source projects
Provide high-quality documentation for our projects
Host world-wide conferences for developers
Participate in the web standards process
Activities
![Page 8: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/8.jpg)
jQuery Projects
Core
UI
Mobile
QUnit
Sizzle
![Page 9: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/9.jpg)
github.com/jquery/
![Page 10: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/10.jpg)
jQuery Team
jquery.org/team/
![Page 11: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/11.jpg)
![Page 12: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/12.jpg)
Community & Support
Forum forum.jquery.com
IRC irc.jquery.org
Learning Center learn.jquery.com
Plugin site plugins.jquery.com
Conferences events.jquery.org
![Page 13: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/13.jpg)
![Page 14: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/14.jpg)
Touch-optimized Web Framework
Cross-platform (mobile, tablet & desktop)
Responsive
jquerymobile.com
![Page 15: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/15.jpg)
Project goal
Every device, one codebase
![Page 16: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/16.jpg)
Serious Diversity
![Page 17: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/17.jpg)
Features
Navigation
Fluid width UI components (widgets)
Touch events
Theming system
![Page 18: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/18.jpg)
![Page 19: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/19.jpg)
<html><head></head><body>
</body></html>
</div>
<div data-role=“page”>
index.html
<html><head></head><body>
</body></html>
</div>
<div data-role=“page”>
about.html
Page
![Page 20: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/20.jpg)
<html><head></head><body>
</body></html>
</div>
<div data-role=“page”>
index.html
</div>
<div data-role=“page”>
<html><head></head><body>
</body></html>
</div>
<div data-role=“page”>
about.html
AJAX Navigation
![Page 21: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/21.jpg)
<html><head></head><body>
</body></html>
index.html
</div>
<div data-role=“page” id=“about”>
Multi-page
<html><head></head><body>
</body></html>
</div>
<div data-role=“page” id=“home”>
index.html
</div>
<div data-role=“page” id=“about”>
</div>
<div data-role=“page” id=“home”>
![Page 22: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/22.jpg)
UI Components
Widgets
ToolbarNavbarTabsPanelPopupListviewCollapsible (set)Table Reflow / Column Toggle
Form widgets
CheckboxesRadio buttonsSelectmenuFlipswitchSliderRangesliderInput buttonControlgroup
![Page 23: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/23.jpg)
![Page 24: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/24.jpg)
![Page 25: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/25.jpg)
![Page 26: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/26.jpg)
Responsive Table
![Page 27: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/27.jpg)
Demos
![Page 28: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/28.jpg)
Demos
![Page 29: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/29.jpg)
ThemeRoller
![Page 30: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/30.jpg)
Testing
![Page 31: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/31.jpg)
Pull Request
![Page 32: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/32.jpg)
Device Testing
![Page 33: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/33.jpg)
UI & MobileThe Great Merger
![Page 34: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/34.jpg)
Widgets
Interactions
Effects
jqueryui.com
![Page 35: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/35.jpg)
jQuery Mobile 2.0
Adopt widgets from jQuery UI
Shared CSS Framework
Shared ThemeRoller & Download Builder
![Page 36: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/36.jpg)
Contributing
![Page 37: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/37.jpg)
Contributing
Doesn’t only mean writing code
Documentation, demos, web sites, bug triage, support, reporting bugs, volunteer at events, etc.
![Page 38: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/38.jpg)
Not only JS experts
![Page 39: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/39.jpg)
Getting Started
Visit contribute.jquery.org
Sign the Contributor License Agreement
Read the Contributing Guidelines
Hang out on IRC -dev channels & Dev forum
![Page 40: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/40.jpg)
WordPress web sites
jquery-wp-content
All content is in GitHub repos just like the code
![Page 41: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/41.jpg)
Why?
It gives a lot of satisfaction
You learn a lot from it
Working with great people
Eventually you could become a team member
![Page 42: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/42.jpg)
Join the Foundation!
jquery.org/join/
![Page 43: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/43.jpg)
?
![Page 44: jQuery #OpenExpoDay 2014](https://reader034.vdocument.in/reader034/viewer/2022042813/54c2df4f4a7959e2238b45f4/html5/thumbnails/44.jpg)
Connect
@jaspermdegroot
es.linkedin.com/in/jaspermdegroot