SlideShare a Scribd company logo
embedJS
                              the JavaScript toolkit that fits all




                                             uxebu




Sonntag, 26. September 2010
The Supported Devices

                              ... and there will be more
                               to embed JavaScript on




Sonntag, 26. September 2010
http://www.flickr.com/photos/tacoekkel/25538919/




                       The Approach

   take your library apart
to reconstruct it as needed
Sonntag, 26. September 2010
http://www.flickr.com/photos/hugo90/3916794427/




                                          Packager

                              package just what you need!
                                 Ship no useless byte
Sonntag, 26. September 2010
How To Ship No Useless Byte


                    1. Shrink Your API
                    2. Build Only What You Use
                    3. Reduce Features
                    4. Device Specific Build




Sonntag, 26. September 2010
1
                               Shrink Your API




                              20kB         8kB


Sonntag, 26. September 2010
2
                                                                              Build
                                                             file.js                                    declare.js

                                                                          file.js                                    mixin.js
                                                    file.js                                      extend.js
                 file.js                                           query                                      OO                                                file.js
                                                                          file.js                                    inherit.js
                       array
                                                        file.js
                                                                                                      delegate.js                                         fx
                               file.js                                                                                                                          file.js
              file.js



                                                                                   kitchensink.js
                                          file.js                                                                                     file.js
                                                                                       file.js
                                                         file.js                                                                                  file.js
                                file.js                                                 string                               file.js
                                                 lang                                                                                     html
                                                        file.js                                                                                   file.js
                                        file.js                                                                                   file.js



                                                                                     20kb                   (unzipped)
                                                    http://github.com/uxebu/embedjs/tree/master/build/
Sonntag, 26. September 2010
2
                                Tiny/Custom Build
                                                             file.js                                    declare.js

                                                                          file.js                                    mixin.js
                                                    file.js                                      extend.js
                 file.js                                           query                                      OO                                                file.js
                                                                          file.js                                    inherit.js
                       array
                                                        file.js
                                                                                                      delegate.js                                         fx
                               file.js                                                                                                                          file.js
              file.js



                                                                                   kitchensink.js
                                          file.js                                                                                     file.js
                                                                                       file.js
                                                         file.js                                                                                  file.js
                                file.js                                                 string                               file.js
                                                 lang                                                                                     html
                                                        file.js                                                                                   file.js
                                        file.js                                                                                   file.js



                                                                                      8kb            (unzipped)

Sonntag, 26. September 2010
3


                    Simple queries > simple library function
                               Only ".class" and "#id" queries




                                          vs.




Sonntag, 26. September 2010
3


                    Simple queries > simple library function
                               Only ".class" and "#id" queries




                                          vs.

       Full fledged queries > Full blown library function



Sonntag, 26. September 2010
3

                                    13 LOC
                    Simple queries > simple library function
                               Only ".class" and "#id" queries




                                          vs.

       Full fledged queries > Full blown library function
                           ~200 LOC


Sonntag, 26. September 2010
4




                               At Runtime
                              At Build Time



Sonntag, 26. September 2010
4

                              dojo-blackberry.js

                              dojo-blackberry46.js

                              dojo-nokia-wrt.js

                              dojo-opera.js

                              dojo-webkit-mobile.js

                              dojo-windows-mobile.js


Sonntag, 26. September 2010
How To Ship No Useless Byte


                    1. Shrink Your API
                    2. Build Only What You Use
                    3. Reduce Features
                    4. Device Specific Build

                        > Smallest, Most Efficient JavaScript

Sonntag, 26. September 2010
thx
                              http://embedjs.org
                               http://uxebu.com

                                         uxebu

                               http://twitter.com/embedjs
                                http://twitter.com/uxebu




Sonntag, 26. September 2010

More Related Content

DOC
Sheikh Karim_Qc
DOCX
Dayana zuta acuña
PDF
Resume
PDF
JavaScript The Language Meetup - Async functions
PDF
Our react-native experiences at crewmeister
PDF
ES6 katas - talk given at enterjs
PDF
TDD for Kids - VLCjs (Valencia Spain, July 2015)
PDF
ES6Katas.org - an introduction and the story behind
Sheikh Karim_Qc
Dayana zuta acuña
Resume
JavaScript The Language Meetup - Async functions
Our react-native experiences at crewmeister
ES6 katas - talk given at enterjs
TDD for Kids - VLCjs (Valencia Spain, July 2015)
ES6Katas.org - an introduction and the story behind

More from wolframkriesing (20)

PDF
TDD with Google Spreadsheets #enterjs 2015
PDF
Baby steps
PDF
TDD with Google Spreadsheets
PDF
ECMAScript 6 for real
PDF
Refactoring out of the mess
PDF
Day2 - Refactoring (Lecture SS 2015)
PDF
Day1 - TDD (Lecture SS 2015)
PDF
react.js - DOM as it was meant
PDF
Pixelplant - WebDev Meetup Salzburg
PDF
Better Code through TDD
PDF
April JavaScript Tools
PDF
Presentation Mobile Monday Munich, March 2012
PDF
Webtestsuite black berrydevcon
PDF
PDF
JavaScript Tools (PHPConference 2011, Berlin)
PDF
NEXT11, Puzzle pieces of our mobile web approach
PDF
Java scriptgettingstarted
PDF
Munichjs javascript
PDF
HTML5 Apps - Mobile Developer Summit Bangalore
TDD with Google Spreadsheets #enterjs 2015
Baby steps
TDD with Google Spreadsheets
ECMAScript 6 for real
Refactoring out of the mess
Day2 - Refactoring (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)
react.js - DOM as it was meant
Pixelplant - WebDev Meetup Salzburg
Better Code through TDD
April JavaScript Tools
Presentation Mobile Monday Munich, March 2012
Webtestsuite black berrydevcon
JavaScript Tools (PHPConference 2011, Berlin)
NEXT11, Puzzle pieces of our mobile web approach
Java scriptgettingstarted
Munichjs javascript
HTML5 Apps - Mobile Developer Summit Bangalore
Ad

Recently uploaded (20)

PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPT
Teaching material agriculture food technology
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Big Data Technologies - Introduction.pptx
PDF
Approach and Philosophy of On baking technology
PDF
Machine learning based COVID-19 study performance prediction
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Encapsulation theory and applications.pdf
Programs and apps: productivity, graphics, security and other tools
MIND Revenue Release Quarter 2 2025 Press Release
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Understanding_Digital_Forensics_Presentation.pptx
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
cuic standard and advanced reporting.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
20250228 LYD VKU AI Blended-Learning.pptx
Teaching material agriculture food technology
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Big Data Technologies - Introduction.pptx
Approach and Philosophy of On baking technology
Machine learning based COVID-19 study performance prediction
Network Security Unit 5.pdf for BCA BBA.
MYSQL Presentation for SQL database connectivity
Encapsulation theory and applications.pdf
Ad

embedJS

  • 1. embedJS the JavaScript toolkit that fits all uxebu Sonntag, 26. September 2010
  • 2. The Supported Devices ... and there will be more to embed JavaScript on Sonntag, 26. September 2010
  • 3. http://www.flickr.com/photos/tacoekkel/25538919/ The Approach take your library apart to reconstruct it as needed Sonntag, 26. September 2010
  • 4. http://www.flickr.com/photos/hugo90/3916794427/ Packager package just what you need! Ship no useless byte Sonntag, 26. September 2010
  • 5. How To Ship No Useless Byte 1. Shrink Your API 2. Build Only What You Use 3. Reduce Features 4. Device Specific Build Sonntag, 26. September 2010
  • 6. 1 Shrink Your API 20kB 8kB Sonntag, 26. September 2010
  • 7. 2 Build file.js declare.js file.js mixin.js file.js extend.js file.js query OO file.js file.js inherit.js array file.js delegate.js fx file.js file.js file.js kitchensink.js file.js file.js file.js file.js file.js file.js string file.js lang html file.js file.js file.js file.js 20kb (unzipped) http://github.com/uxebu/embedjs/tree/master/build/ Sonntag, 26. September 2010
  • 8. 2 Tiny/Custom Build file.js declare.js file.js mixin.js file.js extend.js file.js query OO file.js file.js inherit.js array file.js delegate.js fx file.js file.js file.js kitchensink.js file.js file.js file.js file.js file.js file.js string file.js lang html file.js file.js file.js file.js 8kb (unzipped) Sonntag, 26. September 2010
  • 9. 3 Simple queries > simple library function Only ".class" and "#id" queries vs. Sonntag, 26. September 2010
  • 10. 3 Simple queries > simple library function Only ".class" and "#id" queries vs. Full fledged queries > Full blown library function Sonntag, 26. September 2010
  • 11. 3 13 LOC Simple queries > simple library function Only ".class" and "#id" queries vs. Full fledged queries > Full blown library function ~200 LOC Sonntag, 26. September 2010
  • 12. 4 At Runtime At Build Time Sonntag, 26. September 2010
  • 13. 4 dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js dojo-webkit-mobile.js dojo-windows-mobile.js Sonntag, 26. September 2010
  • 14. How To Ship No Useless Byte 1. Shrink Your API 2. Build Only What You Use 3. Reduce Features 4. Device Specific Build > Smallest, Most Efficient JavaScript Sonntag, 26. September 2010
  • 15. thx http://embedjs.org http://uxebu.com uxebu http://twitter.com/embedjs http://twitter.com/uxebu Sonntag, 26. September 2010