Mobile WebApps                          Entwickung                         Kurzer ÜberblickMontag, 28. März 2011
Überblick                    • Technologien    • Frameworks                     • HTML5 et al.   • Tools                  ...
WebApp aus Entwicklersicht                        Eine auf HTML5 basierende Webseite, die für Smartphones optimiert ist.Mo...
Zielplattform Webkit               85% Smartphone                 Market Share                 http://radar.oreilly.com/20...
Zielplattform Webkit               85% Smartphone                                                       WebKit != WebKit  ...
TechnologienMontag, 28. März 2011
Montag, 28. März 2011
CSSMontag, 28. März 2011
JavaScriptMontag, 28. März 2011
Frameworks                    Touch                WinkToolkit                                  iUIMontag, 28. März 2011
• Deklarativ                    • jQuery basiert                    • Einfach                    • Smartphone optimiert   ...
•       Deklarativ           •       Breite Platform-Unterstützung           •       Progressive-Enhancement           •  ...
Montag, 28. März 2011
Touch           • Programmatisch           • Gut für Smartphone                  optimiert           • Nur für Smartphones...
Weitere FrameworksMontag, 28. März 2011
Webinspector          http://developer.apple.com/library/safari/          #documentation/AppleApplications/               ...
JSConsole.com                    • Simple JavaScript command line tool                    • Bridge across to other browser...
Weinre                        •   Debug web pages on a mobile device                                  http://pmuellr.githu...
Memorize itMontag, 28. März 2011
TDD                    • https://github.com/jquery/qunit                    • http://pivotal.github.com/jasmine/          ...
Fragen?Montag, 28. März 2011
Upcoming SlideShare
Loading in …5
×

Mobile Webapps Entwicklung

1,442 views
1,361 views

Published on

MobileTechCon Workshop

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

  • Be the first to like this

No Downloads
Views
Total views
1,442
On SlideShare
0
From Embeds
0
Number of Embeds
225
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile Webapps Entwicklung

  1. 1. Mobile WebApps Entwickung Kurzer ÜberblickMontag, 28. März 2011
  2. 2. Überblick • Technologien • Frameworks • HTML5 et al. • Tools • CSS • Beispiel ausprobieren • JavaScriptMontag, 28. März 2011
  3. 3. WebApp aus Entwicklersicht Eine auf HTML5 basierende Webseite, die für Smartphones optimiert ist.Montag, 28. März 2011
  4. 4. Zielplattform Webkit 85% Smartphone Market Share http://radar.oreilly.com/2010/05Montag, 28. März 2011
  5. 5. Zielplattform Webkit 85% Smartphone WebKit != WebKit Market Share http://radar.oreilly.com/2010/05 http://www.quirksmode.org/webkit.htmlMontag, 28. März 2011
  6. 6. TechnologienMontag, 28. März 2011
  7. 7. Montag, 28. März 2011
  8. 8. CSSMontag, 28. März 2011
  9. 9. JavaScriptMontag, 28. März 2011
  10. 10. Frameworks Touch WinkToolkit iUIMontag, 28. März 2011
  11. 11. • Deklarativ • jQuery basiert • Einfach • Smartphone optimiert • OpenSource: MIT LizenzMontag, 28. März 2011
  12. 12. • Deklarativ • Breite Platform-Unterstützung • Progressive-Enhancement • Große Nachfrage • OpenSource, MIT / GPL V2 • Auf GitHub verfügbarMontag, 28. März 2011
  13. 13. Montag, 28. März 2011
  14. 14. Touch • Programmatisch • Gut für Smartphone optimiert • Nur für Smartphones • Dual-Linzenz: GPL & Kommerziell • KostenlosMontag, 28. März 2011
  15. 15. Weitere FrameworksMontag, 28. März 2011
  16. 16. Webinspector http://developer.apple.com/library/safari/ #documentation/AppleApplications/ http://trac.webkit.org/wiki/WebInspector Conceptual/Safari_Developer_Guide/ 1Introduction/Introduction.htmlMontag, 28. März 2011
  17. 17. JSConsole.com • Simple JavaScript command line tool • Bridge across to other browser windows to remotely control and debug • In another browser or device! • By Remy Sharp http://jsconsole.com/remote-debugging.htmlMontag, 28. März 2011
  18. 18. Weinre • Debug web pages on a mobile device http://pmuellr.github.com/weinre/Montag, 28. März 2011
  19. 19. Memorize itMontag, 28. März 2011
  20. 20. TDD • https://github.com/jquery/qunit • http://pivotal.github.com/jasmine/ • http://dojotoolkit.org/reference-guide/util/ doh.html • http://code.google.com/p/phantomjs/ • http://code.google.com/p/js-test-driver/ • http://tddjs.com/Montag, 28. März 2011
  21. 21. Fragen?Montag, 28. März 2011

×