Budoucnost
Web Aplikací
Jakub Nešetřil – Good Data
jakub@gooddata.com

Obsah
• rozvoj standardů webu
• standardy zítřka
• programátorská profese

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!

Válka světů

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

Existuje jedna věc horší než války
Standardizační komise!

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

Válka browserů se vrací

Standardy du jour

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

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)

CSS demo

HTML
• XHTML zaniká
• WHAT WG konsorcium vývojářů browserů
• Adoptováno W3C jako HTML WG

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”>

HTML demo

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

HTML 5
• geografické pozicování
• canvas
• <video> a <audio>
• SVG a SVG mashup HTML
• OpenGL

Javascript
• “zajímavé” názvosloví
• Javascript != Java
• Javascript ~= Actionscript (Flash)
• Javascript == ECMAScript 3

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

Javascript
• implementace VÝRAZNĚ posilují
• Firefox 3.1 (TracingMonkey)
• Safari 4 (SquirelFish)
• Google Chrome (V8)
• Opera (?)
• kdo chybí? ;-)

JS demo

Web Development

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.

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

Open Web
• nejrozšířenější aplikační platforma
• desktop (prakticky každý OS)
• mobil (Symbian, Android, iPhone)
• konzole (Wii, PS3)

Q&A
jakub@gooddata.com