Budoucnost Web Aplikaci

2,616 views

Published on

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

No Downloads
Views
Total views
2,616
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Budoucnost Web Aplikaci

  1. 1. Budoucnost Web Aplikací Jakub Nešetřil – Good Data jakub@gooddata.com
  2. 2. Obsah • rozvoj standardů webu • standardy zítřka • programátorská profese
  3. 3. Stručná historie webu • 1995 — HTML 2.0, první JavaScript • 1996 — CSS 1.0 • 1997 — leden HTML 3.2, prosinec HTML 4.0 • 1998 — CSS 2, start CSS 3 • 1999-2008 — VŮBEC NIC!
  4. 4. Válka světů
  5. 5. Stručná historie webu • výsledkem bouřlivého rozvoje je roztříštěnost implementací • frustrace vývojářů • návrh > standard > implementace • komunita opovrhuje nestandardy • vývoj standardů, již žádné další války
  6. 6. Existuje jedna věc horší než války Standardizační komise!
  7. 7. Komise nefungují • celá web 2.0 revoluce vznikla bez jediného standardu na technologiích z roku 2000 • implementace musí inovovat • standardy musí následovat
  8. 8. Válka browserů se vrací
  9. 9. Standardy du jour
  10. 10. Na standardech záleží • mnoho můžete používat již nyní • některé fungují v konkrétních prostředích • většina definuje lingua franca • často je lze používat jako doplněk
  11. 11. CSS3 • rozpad do více modulů (obtížnější sledovat implementaci) • některé moduly jsou implementovány obstojně (Color, Text, Selectors) • nové aktivity od Apple v oblasti aplikací (CSS Animations, CSS Transformations)
  12. 12. CSS demo
  13. 13. HTML • XHTML zaniká • WHAT WG konsorcium vývojářů browserů • Adoptováno W3C jako HTML WG
  14. 14. HTML 5 • sepsání dnešní reality (okrajové stavy) • abstrahuje od serializace (SGML vs XML) • nové tagy • <header>, <section>, <dialog> • <input type=”date”>, <input type=”email”>
  15. 15. HTML demo
  16. 16. HTML 5 • local storage (o něco více než cookies) • Safari, Firefox, Opera, IE8 • web workers (více vláken) • Firefox, IE8 • web sockets (obousměrná komunikace) • (Google) Gears
  17. 17. HTML 5 • geografické pozicování • canvas • <video> a <audio> • SVG a SVG mashup HTML • OpenGL
  18. 18. Javascript • “zajímavé” názvosloví • Javascript != Java • Javascript ~= Actionscript (Flash) • Javascript == ECMAScript 3
  19. 19. Javascript • Javascript 2 (ECMAScript 4) • podporuje Mozillou, Adobe, Google • ECMAScript 3.1 (Harmony) • podporuje Yahoo, Microsoft • ECMAScript 4 zrušen ve prospěch 3.1
  20. 20. Javascript • implementace VÝRAZNĚ posilují • Firefox 3.1 (TracingMonkey) • Safari 4 (SquirelFish) • Google Chrome (V8) • Opera (?) • kdo chybí? ;-)
  21. 21. JS demo
  22. 22. Web Development
  23. 23. Vývojářská profese • web development se profesionalizuje • Google, Yahoo, FaceBook, MySpace, LinkedIn, Flickr, etc… • vývojářské nástroje reagují • MS Expression, NetBeans • Firebug & co.
  24. 24. Frameworky • Backend • Django, Rails, Zend, ErlyWeb • divoký západ nových jazyků • Frontend • lowest-level: base2 • low-level: Prototype, jQuery, YUI, Dojo • high-level: Cappucino, SproutCore
  25. 25. Open Web • nejrozšířenější aplikační platforma • desktop (prakticky každý OS) • mobil (Symbian, Android, iPhone) • konzole (Wii, PS3)
  26. 26. Q&A jakub@gooddata.com

×