Embedjs

•

4 recomendaciones•2,005 vistas

Nikolai Onken

EmbedJS talk from DojoConf 2011

Tecnología Noticias y política

embedjs
dojoconf 2011

Nikolai Onken
uxebu

Friday, September 16, 11

We open the mobile web.

Friday, September 16, 11

How you totally should write code

Friday, September 16, 11

Lets look at

1. embedjs

Friday, September 16, 11

Lets look at

1. embedjs
2. embedjs features

Friday, September 16, 11

Objective-C Symbian C

Friday, September 16, 11

Objective-C Symbian C Java

Friday, September 16, 11

Objective-C Symbian C Java

Java

Friday, September 16, 11

Objective-C Symbian C Java

Java .NET

Friday, September 16, 11

http://www.ﬂickr.com/photos/tacoekkel/25538919/

Friday, September 16, 11

http://www.ﬂickr.com/photos/hugo90/3916794427/

Friday, September 16, 11

At Runtime
At Build Time

Friday, September 16, 11

Shrink and customize your API

Friday, September 16, 11

Shrink and customize your API

25kB

Friday, September 16, 11

Shrink and customize your API

25kB 8kB

Friday, September 16, 11

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

vs.

Friday, September 16, 11

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

vs.

Full fledged queries > Full blown library function

Friday, September 16, 11

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

vs.

Full fledged queries > Full blown library function
~200 LOC

Friday, September 16, 11

dojo-blackberry.js

Friday, September 16, 11

dojo-blackberry.js

dojo-blackberry46.js

Friday, September 16, 11

dojo-blackberry.js

dojo-blackberry46.js

dojo-nokia-wrt.js

Friday, September 16, 11

dojo-blackberry.js

dojo-blackberry46.js

dojo-nokia-wrt.js

dojo-opera.js

Friday, September 16, 11

dojo-blackberry.js

dojo-blackberry46.js

dojo-nokia-wrt.js

dojo-opera.js

dojo-webkit-mobile.js

Friday, September 16, 11

dojo-blackberry.js

dojo-blackberry46.js

dojo-nokia-wrt.js

dojo-opera.js

dojo-webkit-mobile.js

dojo-windows-mobile.js

Friday, September 16, 11

Perfect for when you

• Know the platform you are targeting
• Are developing apps using PhoneGap

Friday, September 16, 11

embedjs features

Friday, September 16, 11

Embedjs builds vs. feature detection
-
mwuahahaha

• We need: AMD compatible modules
• We need: has.js (Peters talk)
• We need: require ‘feature’ plugin

Friday, September 16, 11

Meet embedjs ‘features’
building cross device apps

Friday, September 16, 11

Work with features and consistent APIs
Don’t branch your code

Friday, September 16, 11

Implementing features is simple:

Friday, September 16, 11

Deﬁning features is super simple:

Friday, September 16, 11

Requiring features is even simpler:

Friday, September 16, 11

Two ways you can run a build

• Ship everything and do feature tests at
runtime
• Make targeted builds using specific
implementations

Friday, September 16, 11

Runtime detection:

./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/
paths.implementations=implementations/dynamic paths.feature=lib/feature

Friday, September 16, 11

Targeted build:

./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/
paths.implementations=implementations/touch paths.feature=lib/feature

Friday, September 16, 11

Lets see this in the browser

Friday, September 16, 11

Does it work in real life?

• EmbedJS in publishing

Friday, September 16, 11

Where to get it

• http://embedjs.org
• http://github.com/uxebu/embedjs (AMD branch)

Friday, September 16, 11

The future of embedjs

• Lots of highly optimized CommonJS
compatible modules
• Mobile optimized features (components)
• Development patterns / paradigms for
cross device development

Friday, September 16, 11

Dojo.beer tonight

Friday, September 16, 11

@nonken

http://uxebu.com - @uxebu

Friday, September 16, 11

Más contenido relacionado

Similar a Embedjs

PyJS introDemix

我为何使用Gump Law

Managing Databases In A DevOps EnvironmentRobert Treat

Slaying Bugs with Gradle and JenkinsDavid Kay

Cross platform designrainer3

Calabash - Karl and JonasXamarin

Community Works! Pfcongres 2011Michelangelo van Dam

CartosetJavier de la Torre

Introducing MulberryRebecca Murphey

Architecture: ember.js and AngularJSlrdesign

Enterprise rails hosting 3 ways to scale - 2011-10 Avarteq

Vladimir Oaneevensys

Some simple tips for front-end performance in WordPressiparr

Fast & Furious: Speed in the Opera browserAndreas Bovens

Ruby off RailsCyril Ucron David

Dancing App Stores - Android Open 2011Jesse Vincent

Collaborating, Presenting and Publishing in your classroom - New Pedagogy Mark Woolley

Designing and Building for the Mobile Web (2011)Domain7

Multiplatform, Promises and HTML5C4Media

Breaking the Mobile Web with HTML5 Maximiliano Firtman

Similar a Embedjs (20)

PyJS intro

我为何使用

Managing Databases In A DevOps Environment

Slaying Bugs with Gradle and Jenkins

Cross platform design

Calabash - Karl and Jonas

Community Works! Pfcongres 2011

Cartoset

Introducing Mulberry

Architecture: ember.js and AngularJS

Enterprise rails hosting 3 ways to scale - 2011-10

Vladimir Oane

Some simple tips for front-end performance in WordPress

Fast & Furious: Speed in the Opera browser

Ruby off Rails

Dancing App Stores - Android Open 2011

Collaborating, Presenting and Publishing in your classroom - New Pedagogy

Designing and Building for the Mobile Web (2011)

Multiplatform, Promises and HTML5

Breaking the Mobile Web with HTML5

Más de Nikolai Onken

Running a cloud-based developer platformNikolai Onken

The Art Of Practicing - WebSummit 2014Nikolai Onken

The Hitchhiker's guide to mobile developmentNikolai Onken

Human APIsNikolai Onken

Html5 DevelopmentNikolai Onken

Html5 AppsNikolai Onken

Human APIs - expanding the mobile web or are robots coming to JavaScript? Nikolai Onken

Robotic JavaScriptNikolai Onken

Human APIs, the future of mobileNikolai Onken

Mobile JavaScript Development - QCon 2010Nikolai Onken

Mobile cross platform development with DojoNikolai Onken

Dojo, from scratch to resultNikolai Onken

EventNinja, Dojo and mobileNikolai Onken

Dojo IntroductionNikolai Onken

Dojo and Adobe AIRNikolai Onken

RIA/UI development with DojoNikolai Onken

Más de Nikolai Onken (16)

Running a cloud-based developer platform

The Art Of Practicing - WebSummit 2014

The Hitchhiker's guide to mobile development

Human APIs

Html5 Development

Html5 Apps

Human APIs - expanding the mobile web or are robots coming to JavaScript?

Robotic JavaScript

Human APIs, the future of mobile

Mobile JavaScript Development - QCon 2010

Mobile cross platform development with Dojo

Dojo, from scratch to result

EventNinja, Dojo and mobile

Dojo Introduction

Dojo and Adobe AIR

RIA/UI development with Dojo

Último

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

CloudStudio User manual (basic edition):comworks

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

Search Engine Optimization SEO PDF for 2024.pdfRankYa

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey

From Family Reminiscence to Scholarly Archive .Alan Dix

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays

Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Take control of your SAP testing with UiPath Test SuiteDianaGray10

Gen AI in Business - Global Trends Report 2024.pdfAddepto

Story boards and shot lists for my a level piececharlottematthew16

Embedjs

1. embedjs dojoconf 2011 Nikolai Onken uxebu Friday, September 16, 11

2. @nonken Friday, September 16, 11

3. Friday, September 16, 11

4. We open the mobile web. Friday, September 16, 11

5. How you totally should write code Friday, September 16, 11

6. Lets look at Friday, September 16, 11

7. Lets look at 1. embedjs Friday, September 16, 11

8. Lets look at 1. embedjs 2. embedjs features Friday, September 16, 11

9. embedjs Friday, September 16, 11

10. History Friday, September 16, 11

11. Friday, September 16, 11

12. Objective-C Friday, September 16, 11

13. Objective-C Symbian C Friday, September 16, 11

14. Objective-C Symbian C Java Friday, September 16, 11

15. Objective-C Symbian C Java Java Friday, September 16, 11

16. Objective-C Symbian C Java Java .NET Friday, September 16, 11

17. Objective-C Symbian C Java Java .NET ... Friday, September 16, 11

18. Friday, September 16, 11

19. Friday, September 16, 11

20. Friday, September 16, 11

21. Friday, September 16, 11

22. Friday, September 16, 11

23. Friday, September 16, 11

24. Friday, September 16, 11

25. Friday, September 16, 11

26. Friday, September 16, 11

27. http://www.ﬂickr.com/photos/tacoekkel/25538919/ Friday, September 16, 11

28. http://www.ﬂickr.com/photos/hugo90/3916794427/ Friday, September 16, 11

29. Friday, September 16, 11

30. Friday, September 16, 11

31. Friday, September 16, 11

32. Friday, September 16, 11

33. Friday, September 16, 11

34. At Runtime At Build Time Friday, September 16, 11

35. Shrink and customize your API Friday, September 16, 11

36. Shrink and customize your API 25kB Friday, September 16, 11

37. Shrink and customize your API 25kB Friday, September 16, 11

38. Shrink and customize your API 25kB 8kB Friday, September 16, 11

39. Simple queries > simple library function Only ".class" and "#id" queries vs. Friday, September 16, 11

40. Simple queries > simple library function Only ".class" and "#id" queries vs. Full fledged queries > Full blown library function Friday, September 16, 11

41. 13 LOC Simple queries > simple library function Only ".class" and "#id" queries vs. Full fledged queries > Full blown library function ~200 LOC Friday, September 16, 11

42. Friday, September 16, 11

43. dojo-blackberry.js Friday, September 16, 11

44. dojo-blackberry.js dojo-blackberry46.js Friday, September 16, 11

45. dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js Friday, September 16, 11

46. dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js Friday, September 16, 11

47. dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js dojo-webkit-mobile.js Friday, September 16, 11

48. dojo-blackberry.js dojo-blackberry46.js dojo-nokia-wrt.js dojo-opera.js dojo-webkit-mobile.js dojo-windows-mobile.js Friday, September 16, 11

49. Perfect for when you • Know the platform you are targeting • Are developing apps using PhoneGap Friday, September 16, 11

50. embedjs features Friday, September 16, 11

51. Embedjs builds vs. feature detection - mwuahahaha • We need: AMD compatible modules • We need: has.js (Peters talk) • We need: require ‘feature’ plugin Friday, September 16, 11

52. Meet embedjs ‘features’ building cross device apps Friday, September 16, 11

53. Work with features and consistent APIs Don’t branch your code Friday, September 16, 11

54. Not cool Friday, September 16, 11

55. Not cool Friday, September 16, 11

56. Works: Friday, September 16, 11

57. Works: Friday, September 16, 11

58. Works: Friday, September 16, 11

59. Works: Friday, September 16, 11

60. vs Friday, September 16, 11

61. Friday, September 16, 11

62. Implementing features is simple: Friday, September 16, 11

63. Deﬁning features is super simple: Friday, September 16, 11

64. Requiring features is even simpler: Friday, September 16, 11

65. Two ways you can run a build • Ship everything and do feature tests at runtime • Make targeted builds using specific implementations Friday, September 16, 11

66. Runtime detection: ./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/ paths.implementations=implementations/dynamic paths.feature=lib/feature Friday, September 16, 11

67. Targeted build: ./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/ paths.implementations=implementations/touch paths.feature=lib/feature Friday, September 16, 11

68. Lets see this in the browser Friday, September 16, 11

69. Does it work in real life? • EmbedJS in publishing Friday, September 16, 11

70. Where to get it • http://embedjs.org • http://github.com/uxebu/embedjs (AMD branch) Friday, September 16, 11

71. The future of embedjs • Lots of highly optimized CommonJS compatible modules • Mobile optimized features (components) • Development patterns / paradigms for cross device development Friday, September 16, 11

72. Friday, September 16, 11

73. Friday, September 16, 11

74. Friday, September 16, 11

75. Dojo.beer tonight Friday, September 16, 11

76. Questions? Friday, September 16, 11

77. @nonken http://uxebu.com - @uxebu Friday, September 16, 11