jquery #openexpoday 2014
DESCRIPTION
JQUERY #OpenExpoDay 2014TRANSCRIPT
Jasper de Groot
#OpenExpoDay Madrid 2014
Cross-platform JavaScript library
Created by John Resig
Very popular :)
jquery.comSource: builtwith.com - January 2014
jQuery is more than a JavaScript library
In this talk...
jQuery Foundation
Zoom in on a project: jQuery Mobile
Contributing to jQuery projects
Member supported non-profit trade association for web developers
Founded in March 2012
jquery.org
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
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
jQuery Projects
Core
UI
Mobile
QUnit
Sizzle
github.com/jquery/
jQuery Team
jquery.org/team/
Community & Support
Forum forum.jquery.com
IRC irc.jquery.org
Learning Center learn.jquery.com
Plugin site plugins.jquery.com
Conferences events.jquery.org
Touch-optimized Web Framework
Cross-platform (mobile, tablet & desktop)
Responsive
jquerymobile.com
Project goal
Every device, one codebase
Serious Diversity
Features
Navigation
Fluid width UI components (widgets)
Touch events
Theming system
<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
<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
<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”>
UI Components
Widgets
ToolbarNavbarTabsPanelPopupListviewCollapsible (set)Table Reflow / Column Toggle
Form widgets
CheckboxesRadio buttonsSelectmenuFlipswitchSliderRangesliderInput buttonControlgroup
Responsive Table
Demos
Demos
ThemeRoller
Testing
Pull Request
Device Testing
UI & MobileThe Great Merger
Widgets
Interactions
Effects
jqueryui.com
jQuery Mobile 2.0
Adopt widgets from jQuery UI
Shared CSS Framework
Shared ThemeRoller & Download Builder
Contributing
Contributing
Doesn’t only mean writing code
Documentation, demos, web sites, bug triage, support, reporting bugs, volunteer at events, etc.
Not only JS experts
Getting Started
Visit contribute.jquery.org
Sign the Contributor License Agreement
Read the Contributing Guidelines
Hang out on IRC -dev channels & Dev forum
WordPress web sites
jquery-wp-content
All content is in GitHub repos just like the code
Why?
It gives a lot of satisfaction
You learn a lot from it
Working with great people
Eventually you could become a team member
Join the Foundation!
jquery.org/join/
?
Connect
@jaspermdegroot
es.linkedin.com/in/jaspermdegroot