ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Toolkits and Gaps

       Dylan Schiemann (@dylans)
       SitePen, Inc.
       HTML5 Code Camp, October, 2010


       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Toolkit Goals

                   Fill gap, add features and enhancements
                   Experiment
                   Create clean APIs
                   Beyond HTML5
                          Better widgets, charts, higher level APIs
                          Allowed disagreement, on top of standards
                   Opportunities, constraints, and con?ict:
                          Best toolkits make parts of themselves irrelevant over time
                                vapor.js



    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Browsers and Recommendations

                   Are ?awed
                   Have inconsistencies
                   Make invention possible, but trail behind


                   Which is why we have and need good toolkits
                          Iterate faster
                          Di?erent styles and taste




    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Dojo

                   Retro?tting itself for HTML5 support
                   Removing obsolete features as appropriate
                   Keeping compatibility and API consistency




    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Dojo Toolkit: Project Goals

                   Fill the Browser Gaps
                   Fast & E?cient
                                          Modular, Small Base, Extensible

                   Professional & Sophisticated
                   Powerful
                   Developer productivity and tools
                   Push the limits (vector graphics, o?ine, html5, etc.)
                   Open, free, & liberally licensed




    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Toolkit Features

                   Packages, Builds, Timing
                   DOM Manipulation/Querying/Behavior
                   Events (DOM, function to function, pubsub)
                   Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and
                   E?ects
                   DnD & a11y/i18n
                   Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more)
                   Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb)
                   Data/JSON/REST/RPC
                   O?ine, Local Storage (Gears, HTML5, Flash, Cookies, etc.)
                   Comet, XMPP, WebSocket
                   Developer Utilities (build, test, documentation)
                   Mobile

    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Standards




                          Dirty Hacks                    Innovation




           Inspired by Andy Hume
       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
<font>




                                     <div>            CSS




       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
getElementsByTagName




                  querySelectorAll                             dojo.query




       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo 0.1




                        netWindows                      Dojo 0.4




       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo 1.0




                               Dojo 0.4                 Dojo 1.4




       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo 1.5 & 1.6
                                                HTML5




                               Dojo 1.4                       Dojo 2.0




       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
How?

                   Feature Detection
                   data attributes
                   sockets
                   GFX
                   Storage
                   Dijit
                   Mobile
                   ...




    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
3 Dojo Foundation
                                   Mobile Projects

       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
WINK Toolkit
                 Completely separate code
                 base
                 Innovative UI elements (3D
                 useful for tight screen
                 space
                 Started by Orange Labs
                 iPhone and Android apps,
                 consistent look and feel,
                 other platforms coming




                                             Most Experimental & Lean
        http://winktoolkit.org/


       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
EmbedJS
                 Dojo APIs, stripped down
                 for mobile and embedded
                 Started by Uxebu
                 Target each platform with
                 its native look & feel
                 TouchScroll, geolocation,
                 etc.




                                             Most Complete
        http://github.com/uxebu/embedjs/


       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
DojoX Mobile
                 Started in Dojo 1.5
                 Fix things in Dojo that
                 break for mobile, API stable
                 Merge features from
                 EmbedJS, WINK Toolkit
                 Feature Detection
                 Support for many HTML5
                 features and beyond




                                             Most Stable for Dojo users


       ? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
? SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Q&A / Thanks

                   SitePen sitepen.com
                   Dojo Toolkit dojotoolkit.org
                   Dojo Foundation dojofoundation.org
                   Dijit dojotoolkit.org
                   Dojo Campus            dojocampus.org
                   Twitter: @dylans @dojo @sitepen @cometdaily #dojo
                   ºÝºÝߣ Share: http://www.slideshare.net/dylanks/
                   LinkedIn: http://www.linkedin.com/in/dylans/



    ? SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010

More Related Content

Similar to HTML5: Toolkits and Gaps (20)

Open End To End Js Stack
Open End To End Js StackOpen End To End Js Stack
Open End To End Js Stack
Skills Matter
?
Mwrc2011 cookbook design patterns
Mwrc2011 cookbook design patternsMwrc2011 cookbook design patterns
Mwrc2011 cookbook design patterns
jtimberman
?
Opscode Lightning Talk - Operations as Code
Opscode Lightning Talk - Operations as CodeOpscode Lightning Talk - Operations as Code
Opscode Lightning Talk - Operations as Code
John Willis
?
She saysdigiprodcrsetools2 23_sep_2011
She saysdigiprodcrsetools2 23_sep_2011She saysdigiprodcrsetools2 23_sep_2011
She saysdigiprodcrsetools2 23_sep_2011
SheSays US
?
Android Development: Approach for Agile Teams
Android Development: Approach for Agile TeamsAndroid Development: Approach for Agile Teams
Android Development: Approach for Agile Teams
Anay Kamat
?
eye os
eye oseye os
eye os
Rishi Pithadiya
?
Operations as Code
Operations as CodeOperations as Code
Operations as Code
Intel Corporation
?
OvertheAir 2010 html5 impact on application programming
OvertheAir 2010 html5 impact on application programmingOvertheAir 2010 html5 impact on application programming
OvertheAir 2010 html5 impact on application programming
Tor Bj?rn Minde
?
HTML5 impact on application programming
HTML5 impact on application programmingHTML5 impact on application programming
HTML5 impact on application programming
Ericsson Labs
?
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
Michael Chaize
?
Soir¨¦e Flex/RIA au Nantes jug
Soir¨¦e Flex/RIA au Nantes jugSoir¨¦e Flex/RIA au Nantes jug
Soir¨¦e Flex/RIA au Nantes jug
Fran?ois Le Droff
?
Chef in the cloud [dbccg]
Chef in the cloud [dbccg]Chef in the cloud [dbccg]
Chef in the cloud [dbccg]
jtimberman
?
Building Apps with PhoneGap
Building Apps with PhoneGap Building Apps with PhoneGap
Building Apps with PhoneGap
alunny
?
Pycon2011 android programming-using_python
Pycon2011 android programming-using_pythonPycon2011 android programming-using_python
Pycon2011 android programming-using_python
George Goh
?
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigation
oppokui
?
Breizh camp adobe flex et les mobiles
Breizh camp   adobe flex et les mobilesBreizh camp   adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Michael Chaize
?
Overview of webSpoon @ Pentaho Bay Area Meetup
Overview of webSpoon @ Pentaho Bay Area MeetupOverview of webSpoon @ Pentaho Bay Area Meetup
Overview of webSpoon @ Pentaho Bay Area Meetup
Hiromu Hota
?
PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010
alunny
?
Updates on webSpoon and other innovations from Hitachi R&D
Updates on webSpoon and other innovations from Hitachi R&DUpdates on webSpoon and other innovations from Hitachi R&D
Updates on webSpoon and other innovations from Hitachi R&D
Hiromu Hota
?
MMT 28: Adobe ?Edge to the Flash?
MMT 28: Adobe ?Edge to the Flash?MMT 28: Adobe ?Edge to the Flash?
MMT 28: Adobe ?Edge to the Flash?
MMT - Multimediatreff
?
Open End To End Js Stack
Open End To End Js StackOpen End To End Js Stack
Open End To End Js Stack
Skills Matter
?
Mwrc2011 cookbook design patterns
Mwrc2011 cookbook design patternsMwrc2011 cookbook design patterns
Mwrc2011 cookbook design patterns
jtimberman
?
Opscode Lightning Talk - Operations as Code
Opscode Lightning Talk - Operations as CodeOpscode Lightning Talk - Operations as Code
Opscode Lightning Talk - Operations as Code
John Willis
?
She saysdigiprodcrsetools2 23_sep_2011
She saysdigiprodcrsetools2 23_sep_2011She saysdigiprodcrsetools2 23_sep_2011
She saysdigiprodcrsetools2 23_sep_2011
SheSays US
?
Android Development: Approach for Agile Teams
Android Development: Approach for Agile TeamsAndroid Development: Approach for Agile Teams
Android Development: Approach for Agile Teams
Anay Kamat
?
OvertheAir 2010 html5 impact on application programming
OvertheAir 2010 html5 impact on application programmingOvertheAir 2010 html5 impact on application programming
OvertheAir 2010 html5 impact on application programming
Tor Bj?rn Minde
?
HTML5 impact on application programming
HTML5 impact on application programmingHTML5 impact on application programming
HTML5 impact on application programming
Ericsson Labs
?
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
Michael Chaize
?
Soir¨¦e Flex/RIA au Nantes jug
Soir¨¦e Flex/RIA au Nantes jugSoir¨¦e Flex/RIA au Nantes jug
Soir¨¦e Flex/RIA au Nantes jug
Fran?ois Le Droff
?
Chef in the cloud [dbccg]
Chef in the cloud [dbccg]Chef in the cloud [dbccg]
Chef in the cloud [dbccg]
jtimberman
?
Building Apps with PhoneGap
Building Apps with PhoneGap Building Apps with PhoneGap
Building Apps with PhoneGap
alunny
?
Pycon2011 android programming-using_python
Pycon2011 android programming-using_pythonPycon2011 android programming-using_python
Pycon2011 android programming-using_python
George Goh
?
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigation
oppokui
?
Breizh camp adobe flex et les mobiles
Breizh camp   adobe flex et les mobilesBreizh camp   adobe flex et les mobiles
Breizh camp adobe flex et les mobiles
Michael Chaize
?
Overview of webSpoon @ Pentaho Bay Area Meetup
Overview of webSpoon @ Pentaho Bay Area MeetupOverview of webSpoon @ Pentaho Bay Area Meetup
Overview of webSpoon @ Pentaho Bay Area Meetup
Hiromu Hota
?
PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010
alunny
?
Updates on webSpoon and other innovations from Hitachi R&D
Updates on webSpoon and other innovations from Hitachi R&DUpdates on webSpoon and other innovations from Hitachi R&D
Updates on webSpoon and other innovations from Hitachi R&D
Hiromu Hota
?

Recently uploaded (20)

State_of_AI_Transformation in Germany.pdf
State_of_AI_Transformation in Germany.pdfState_of_AI_Transformation in Germany.pdf
State_of_AI_Transformation in Germany.pdf
VaradRajanKrishna
?
Why Outsource Accounting to India A Smart Business Move!.pdf
Why Outsource Accounting to India A Smart Business Move!.pdfWhy Outsource Accounting to India A Smart Business Move!.pdf
Why Outsource Accounting to India A Smart Business Move!.pdf
anjelinajones6811
?
Innovative Web Design | Malachite Technologies
Innovative Web Design | Malachite TechnologiesInnovative Web Design | Malachite Technologies
Innovative Web Design | Malachite Technologies
malachitetechnologie1
?
Beyond the life of a CISO - Head of Trust at GDG Kathmandu Monthly Meetup
Beyond the life of a CISO -  Head of Trust at GDG Kathmandu Monthly MeetupBeyond the life of a CISO -  Head of Trust at GDG Kathmandu Monthly Meetup
Beyond the life of a CISO - Head of Trust at GDG Kathmandu Monthly Meetup
GDG Kathmandu
?
Solana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdfSolana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdf
Lisa ward
?
Commit Conf 2025 Bitnami Charts with Kubescape
Commit Conf 2025 Bitnami Charts with KubescapeCommit Conf 2025 Bitnami Charts with Kubescape
Commit Conf 2025 Bitnami Charts with Kubescape
Alfredo Garc¨ªa Lavilla
?
A General introduction to Ad ranking algorithms
A General introduction to Ad ranking algorithmsA General introduction to Ad ranking algorithms
A General introduction to Ad ranking algorithms
Buhwan Jeong
?
UiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio Web
UiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio WebUiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio Web
UiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio Web
DianaGray10
?
202408_JAWSPANKRATION_Introduction_of_Minaden.pdf
202408_JAWSPANKRATION_Introduction_of_Minaden.pdf202408_JAWSPANKRATION_Introduction_of_Minaden.pdf
202408_JAWSPANKRATION_Introduction_of_Minaden.pdf
NTTDOCOMO-ServiceInnovation
?
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
David Brossard
?
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
Safe Software
?
ScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 EdinburghScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 Edinburgh
Ray Bugg
?
Recruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OGRecruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OG
Matt Charney
?
Build Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced FeaturesBuild Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced Features
V3cube
?
Top Tips to Get Your Data AI-Ready? ? ?? ?
Top Tips to Get Your Data AI-Ready? ? ?? ?Top Tips to Get Your Data AI-Ready? ? ?? ?
Top Tips to Get Your Data AI-Ready? ? ?? ?
Precisely
?
SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...
SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...
SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...
DianaGray10
?
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptxPackaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
mohayyudin7826
?
Research Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research processResearch Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research process
HeilaPienaar
?
Leadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly Meetup
Leadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly MeetupLeadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly Meetup
Leadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly Meetup
GDG Kathmandu
?
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
Ivan Tang
?
State_of_AI_Transformation in Germany.pdf
State_of_AI_Transformation in Germany.pdfState_of_AI_Transformation in Germany.pdf
State_of_AI_Transformation in Germany.pdf
VaradRajanKrishna
?
Why Outsource Accounting to India A Smart Business Move!.pdf
Why Outsource Accounting to India A Smart Business Move!.pdfWhy Outsource Accounting to India A Smart Business Move!.pdf
Why Outsource Accounting to India A Smart Business Move!.pdf
anjelinajones6811
?
Innovative Web Design | Malachite Technologies
Innovative Web Design | Malachite TechnologiesInnovative Web Design | Malachite Technologies
Innovative Web Design | Malachite Technologies
malachitetechnologie1
?
Beyond the life of a CISO - Head of Trust at GDG Kathmandu Monthly Meetup
Beyond the life of a CISO -  Head of Trust at GDG Kathmandu Monthly MeetupBeyond the life of a CISO -  Head of Trust at GDG Kathmandu Monthly Meetup
Beyond the life of a CISO - Head of Trust at GDG Kathmandu Monthly Meetup
GDG Kathmandu
?
Solana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdfSolana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdf
Lisa ward
?
A General introduction to Ad ranking algorithms
A General introduction to Ad ranking algorithmsA General introduction to Ad ranking algorithms
A General introduction to Ad ranking algorithms
Buhwan Jeong
?
UiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio Web
UiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio WebUiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio Web
UiPath NY AI Series: Session 4: UiPath AutoPilot for Developers using Studio Web
DianaGray10
?
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
David Brossard
?
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
Safe Software
?
ScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 EdinburghScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 Edinburgh
Ray Bugg
?
Recruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OGRecruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OG
Matt Charney
?
Build Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced FeaturesBuild Your Uber Clone App with Advanced Features
Build Your Uber Clone App with Advanced Features
V3cube
?
Top Tips to Get Your Data AI-Ready? ? ?? ?
Top Tips to Get Your Data AI-Ready? ? ?? ?Top Tips to Get Your Data AI-Ready? ? ?? ?
Top Tips to Get Your Data AI-Ready? ? ?? ?
Precisely
?
SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...
SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...
SAP Automation with UiPath: Solution Accelerators and Best Practices - Part 6...
DianaGray10
?
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptxPackaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
Packaging your App for AppExchange ¨C Managed Vs Unmanaged.pptx
mohayyudin7826
?
Research Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research processResearch Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research process
HeilaPienaar
?
Leadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly Meetup
Leadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly MeetupLeadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly Meetup
Leadership Spectrum by Sonam Sherpa at GDG Kathmandu March Monthly Meetup
GDG Kathmandu
?
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
Ivan Tang
?

HTML5: Toolkits and Gaps

  • 1. Toolkits and Gaps Dylan Schiemann (@dylans) SitePen, Inc. HTML5 Code Camp, October, 2010 ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 2. Toolkit Goals Fill gap, add features and enhancements Experiment Create clean APIs Beyond HTML5 Better widgets, charts, higher level APIs Allowed disagreement, on top of standards Opportunities, constraints, and con?ict: Best toolkits make parts of themselves irrelevant over time vapor.js ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 3. Browsers and Recommendations Are ?awed Have inconsistencies Make invention possible, but trail behind Which is why we have and need good toolkits Iterate faster Di?erent styles and taste ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 4. Dojo Retro?tting itself for HTML5 support Removing obsolete features as appropriate Keeping compatibility and API consistency ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 5. Dojo Toolkit: Project Goals Fill the Browser Gaps Fast & E?cient Modular, Small Base, Extensible Professional & Sophisticated Powerful Developer productivity and tools Push the limits (vector graphics, o?ine, html5, etc.) Open, free, & liberally licensed ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 6. Toolkit Features Packages, Builds, Timing DOM Manipulation/Querying/Behavior Events (DOM, function to function, pubsub) Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and E?ects DnD & a11y/i18n Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more) Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb) Data/JSON/REST/RPC O?ine, Local Storage (Gears, HTML5, Flash, Cookies, etc.) Comet, XMPP, WebSocket Developer Utilities (build, test, documentation) Mobile ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 7. Standards Dirty Hacks Innovation Inspired by Andy Hume ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 8. <font> <div> CSS ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 9. getElementsByTagName querySelectorAll dojo.query ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 10. Dojo 0.1 netWindows Dojo 0.4 ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 11. Dojo 1.0 Dojo 0.4 Dojo 1.4 ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 12. Dojo 1.5 & 1.6 HTML5 Dojo 1.4 Dojo 2.0 ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 13. How? Feature Detection data attributes sockets GFX Storage Dijit Mobile ... ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 14. 3 Dojo Foundation Mobile Projects ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 15. WINK Toolkit Completely separate code base Innovative UI elements (3D useful for tight screen space Started by Orange Labs iPhone and Android apps, consistent look and feel, other platforms coming Most Experimental & Lean http://winktoolkit.org/ ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 16. EmbedJS Dojo APIs, stripped down for mobile and embedded Started by Uxebu Target each platform with its native look & feel TouchScroll, geolocation, etc. Most Complete http://github.com/uxebu/embedjs/ ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 17. DojoX Mobile Started in Dojo 1.5 Fix things in Dojo that break for mobile, API stable Merge features from EmbedJS, WINK Toolkit Feature Detection Support for many HTML5 features and beyond Most Stable for Dojo users ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 18. ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 19. Q&A / Thanks SitePen sitepen.com Dojo Toolkit dojotoolkit.org Dojo Foundation dojofoundation.org Dijit dojotoolkit.org Dojo Campus dojocampus.org Twitter: @dylans @dojo @sitepen @cometdaily #dojo ºÝºÝߣ Share: http://www.slideshare.net/dylanks/ LinkedIn: http://www.linkedin.com/in/dylans/ ? SitePen, Inc. All Rights Reserved Sunday, October 17, 2010