Mobile cross platform
developent with Dojo
Nikolai Onken - uxebu Consulting Ltd. & Co. KG
Hi all
Where are we?
Phonegap
The playing field
• Camera, why not us?
• Address book, why not us?
• Native apps, why not us?
EventNinja
http://www.eventninja.net
Prototyping
The cloud
Google Calendar
Extend creatively
The architecture of
 mobile apps/sites
Progressive Enhancement
    vs. “Native apps”
• Non JavaScript (the crappy phones)
• Fundamental JavaScript (alright)
• High end touch devices
Dojo?
Performance
Direct Impact


• Datavolume (Someone has to pay for it)
• Performance
Right Tools needed
• Minify and shrink JavaScript
• Build into single or several files
• Inline CSS
• Optimize images
Dojos Buildsystem
Language tools
dojo.declare
dojo.behavior
dojo.query
document.getElement...
Code simple!
Step back!
Semantics?
  A short story
<ul>
  <li>Hi</li>
</ul>
<ul>
  <li>Hi</li>
</ul>

<ul>
  <li><a href=””>Hi</a></li>
</ul>
<ul>
  <li>Hi</li>
</ul>

<ul>
  <li><a href=””>Hi</a></li>
</ul>

<a href=””>Hi</a>
Anyone knows IE?
Do what your runtime
      can do
        Not more
XMLHttpRequest
  Is there something else?
JSONP
JSON
Look ahead
Look ahead
But don’t implement
     everything
Templating
Scaling and ppi
     Be aware
Testing
The browser is your
      friend
        Really
Hmmmm, alert(“Hi”);
Automate
Share your knowledge
@nonken | @uxebu | @dojo | @dojocampus
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Mobile cross platform development with Dojo
Upcoming SlideShare
Loading in...5
×

Mobile cross platform development with Dojo

1,596

Published on

These are the slides of the talk I gave at Oredev 2009. Topics cover mobile cross platform development with the Dojo Toolkit

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,596
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
49
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Mobile cross platform development with Dojo

    1. 1. Mobile cross platform developent with Dojo Nikolai Onken - uxebu Consulting Ltd. & Co. KG
    2. 2. Hi all
    3. 3. Where are we?
    4. 4. Phonegap
    5. 5. The playing field
    6. 6. • Camera, why not us? • Address book, why not us? • Native apps, why not us?
    7. 7. EventNinja
    8. 8. http://www.eventninja.net
    9. 9. Prototyping
    10. 10. The cloud
    11. 11. Google Calendar
    12. 12. Extend creatively
    13. 13. The architecture of mobile apps/sites
    14. 14. Progressive Enhancement vs. “Native apps”
    15. 15. • Non JavaScript (the crappy phones) • Fundamental JavaScript (alright) • High end touch devices
    16. 16. Dojo?
    17. 17. Performance
    18. 18. Direct Impact • Datavolume (Someone has to pay for it) • Performance
    19. 19. Right Tools needed
    20. 20. • Minify and shrink JavaScript • Build into single or several files • Inline CSS • Optimize images
    21. 21. Dojos Buildsystem
    22. 22. Language tools
    23. 23. dojo.declare
    24. 24. dojo.behavior
    25. 25. dojo.query
    26. 26. document.getElement...
    27. 27. Code simple!
    28. 28. Step back!
    29. 29. Semantics? A short story
    30. 30. <ul> <li>Hi</li> </ul>
    31. 31. <ul> <li>Hi</li> </ul> <ul> <li><a href=””>Hi</a></li> </ul>
    32. 32. <ul> <li>Hi</li> </ul> <ul> <li><a href=””>Hi</a></li> </ul> <a href=””>Hi</a>
    33. 33. Anyone knows IE?
    34. 34. Do what your runtime can do Not more
    35. 35. XMLHttpRequest Is there something else?
    36. 36. JSONP
    37. 37. JSON
    38. 38. Look ahead
    39. 39. Look ahead But don’t implement everything
    40. 40. Templating
    41. 41. Scaling and ppi Be aware
    42. 42. Testing
    43. 43. The browser is your friend Really
    44. 44. Hmmmm, alert(“Hi”);
    45. 45. Automate
    46. 46. Share your knowledge
    47. 47. @nonken | @uxebu | @dojo | @dojocampus
    1. ¿Le ha llamado la atención una diapositiva en particular?

      Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.

    ×