HTML5 - Introducción - Maximiliano Firtman

1. HTML5 - Introducción
Lic. Maximiliano Firtman - @firt
1

2. ¿Vas
a
seguir
haciendo
webs
como
hace
15
años?
2

3. +
Lic. Maximiliano Firtman
Autor | Speaker | Trainer| Developer
firt.mobi | @firt
libroajax.com
Pictures from freedigitalphotos.net

4. +
www.mobilexweb.com
Pictures from freedigitalphotos.net

5. HTML5,
HTML
5
y
estándares
5

6. Nuevas
eAquetas
semánAcas
6

7. EAquetas
mulAmedia
7

8. Microdata
y
datos
personalizados
8

9. Nuevo
Flexible
Box
Model
9

10. ¿APIs
en
HTML5?
10

11. Drawing
2D
API
(aka
Canvas)
11

12. Offline
API
(aka
AppCache)
12

13. Web
Storage
API
13

14. Web
SQL
Storage
API
???
14

15. IndexedStorage
API
15

16. Drag
and
Drop
API
16

17. Drawing
3D
API
(aka
WebGL)
17

18. Web
Workers
API
18

19. Web
Sockets
API
19

20. File
API
20

21. Audio
API
21

22. NoAficaAons
API
22

23. GeolocaAon
API
23

24. DeviceMoAon
API
24

25. CSS3
25

26. Cambios
“Simples”
esAlos
y
selectores
26

27. Transiciones
27

28. Transformaciones
2D
y
3D
28

29. Animaciones
29

30. Otras
Yerbas
30

31. SVG
y
SVG
inline
31

32. Data
URI
32

33. (mulA)
Touch
Events
33

34. Viewport
34

35. Pixel
RaAo
35

36. Device
InteracAons
API
Mobile
TV
36

37. NaAve
ApplicaAon
InteracAon
37

38. Widget/Webapps/Hybrid
APIs
38

39. Browsers
Mobile
39

40. Mobile
Browsers
• WebKit-based pre-installed
• Safari on iOS
• Android browser
• Symbian browser
• webOS browser
• Series 40 browser from 6th edition
• Bada browser
• (future) BlackBerry browser

41. Mobile
Browsers
• Non-WebKit preinstalled
• NetFront browser
• Myriad browser (formerly Openwave)
• Internet Explorer
• Web Browser for Series 40 (up to 6th
edition)
• MIB Motorola Internet Browser
• BlackBerry browser
• NTT Docomo i-mode browser
• Obigo-Teleca browser
• microB (Maemo / MeeGo)

42. Mobile
Browsers
• User installable
• Opera Mobile
• Opera Mini
• Firefox
• UC Browser
• Skyfire
• BOLT
• Chromium

43. + Podremos crear un sólo código
para todas las plataformas?

44. +
Mejora Progresiva

45. Html5rocks.com
caniuse.com
html5readiness.com
mobilexweb.com
modernizr.com
Curso
de
HTML5
(10%
off)
45

46. Consultas
Maximiliano R. Firtman - @firt
46