Recommended
More Related Content
What's hot
What's hot (9)
Similar to jQuery Mobile Cross-platform Touch Framework
Similar to jQuery Mobile Cross-platform Touch Framework (20)
More from OpenExpoES
More from OpenExpoES (20)
Recently uploaded
Recently uploaded (20)
jQuery Mobile Cross-platform Touch Framework
- 1. Jasper de Groot #OpenExpoDay Madrid 2014
- 2. Cross-platform JavaScript library Created by John Resig Very popular :) jquery.com Source: builtwith.com - January 2014
- 3. jQuery is more than a JavaScript library
- 4. In this talk... jQuery Foundation Zoom in on a project: jQuery Mobile Contributing to jQuery projects
- 5. Member supported non-profit trade association for web developers Founded in March 2012 jquery.org
- 6. 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
- 7. 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
- 12. Community & Support Forum forum.jquery.com IRC irc.jquery.org Learning Center learn.jquery.com Plugin site plugins.jquery.com Conferences events.jquery.org
- 14. Touch-optimized Web Framework Cross-platform (mobile, tablet & desktop) Responsive jquerymobile.com
- 15. Project goal Every device, one codebase
- 17. Features Navigation Fluid width UI components (widgets) Touch events Theming system
- 20. <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
- 21. <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”>
- 22. UI Components Widgets Toolbar Navbar Tabs Panel Popup Listview Collapsible (set) Table Reflow / Column Toggle Form widgets Checkboxes Radio buttons Selectmenu Flipswitch Slider Rangeslider Input button Controlgroup
- 26. Responsive Table
- 27. Demos
- 28. Demos
- 29. ThemeRoller
- 30. Testing
- 31. Pull Request
- 32. Device Testing
- 33. UI & Mobile The Great Merger
- 35. jQuery Mobile 2.0 Adopt widgets from jQuery UI Shared CSS Framework Shared ThemeRoller & Download Builder
- 36. Contributing
- 37. Contributing Doesn’t only mean writing code Documentation, demos, web sites, bug triage, support, reporting bugs, volunteer at events, etc.
- 38. Not only JS experts
- 39. Getting Started Visit contribute.jquery.org Sign the Contributor License Agreement Read the Contributing Guidelines Hang out on IRC -dev channels & Dev forum
- 40. WordPress web sites jquery-wp-content All content is in GitHub repos just like the code
- 41. Why? It gives a lot of satisfaction You learn a lot from it Working with great people Eventually you could become a team member
- 43. ?