26
Budoucnost Web Aplikací Jakub Nešetřil – Good Data [email protected]

Budoucnost Web Aplikaci

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Budoucnost Web Aplikaci

BudoucnostWeb Aplikací

Jakub Nešetřil – Good [email protected]

Page 2: Budoucnost Web Aplikaci

Obsah

•rozvoj standardů webu

•standardy zítřka

•programátorská profese

Page 3: Budoucnost Web Aplikaci

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!

Page 4: Budoucnost Web Aplikaci

Válka světů

Page 5: Budoucnost Web Aplikaci

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

Page 6: Budoucnost Web Aplikaci

Standardizační komise!

Existuje jedna věc horší než války

Page 7: Budoucnost Web Aplikaci

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

Page 8: Budoucnost Web Aplikaci

Válka browserů se vrací

Page 9: Budoucnost Web Aplikaci

Standardy du jour

Page 10: Budoucnost Web Aplikaci

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

Page 11: Budoucnost Web Aplikaci

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)

Page 12: Budoucnost Web Aplikaci

CSS demo

Page 13: Budoucnost Web Aplikaci

HTML

•XHTML zaniká

•WHAT WG konsorcium vývojářů browserů

•Adoptováno W3C jako HTML WG

Page 14: Budoucnost Web Aplikaci

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

Page 15: Budoucnost Web Aplikaci

HTML demo

Page 16: Budoucnost Web Aplikaci

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

Page 17: Budoucnost Web Aplikaci

HTML 5

•geografické pozicování

•canvas

•<video> a <audio>

•SVG a SVG mashup HTML

•OpenGL

Page 18: Budoucnost Web Aplikaci

Javascript

• “zajímavé” názvosloví

• Javascript != Java

• Javascript ~= Actionscript (Flash)

• Javascript == ECMAScript 3

Page 19: Budoucnost Web Aplikaci

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

Page 20: Budoucnost Web Aplikaci

Javascript

•implementace VÝRAZNĚ posilují

• Firefox 3.1 (TracingMonkey)

• Safari 4 (SquirelFish)

• Google Chrome (V8)

• Opera (?)

• kdo chybí? ;-)

Page 21: Budoucnost Web Aplikaci

JS demo

Page 22: Budoucnost Web Aplikaci

Web Development

Page 23: Budoucnost Web Aplikaci

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.

Page 24: Budoucnost Web Aplikaci

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

Page 25: Budoucnost Web Aplikaci

Open Web

•nejrozšířenější aplikační platforma

•desktop (prakticky každý OS)

•mobil (Symbian, Android, iPhone)

•konzole (Wii, PS3)