HTML5 - Introducción - Maximiliano Firtman

1

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

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

2

+ Lic. Maximiliano Firtman Autor | Speaker | Trainer| Developer firt.mobi | @firt

Pictures from freedigitalphotos.net

libroajax.com  

+

www.mobilexweb.com

Pictures from freedigitalphotos.net

HTML5,  HTML  5  y  estándares  

5

Nuevas  eAquetas  semánAcas  

6

EAquetas  mulAmedia  

7

Microdata  y  datos  personalizados  

8

Nuevo  Flexible  Box  Model  

9

¿APIs  en  HTML5?  

10

Drawing  2D  API  (aka  Canvas)  

11

Offline  API    (aka  AppCache)  

12

Web  Storage  API  

13

Web  SQL  Storage  API    ???  

14

IndexedStorage  API  

15

Drag  and  Drop  API  

16

Drawing  3D  API  (aka  WebGL)  

17

Web  Workers  API  

18

Web  Sockets  API  

19

File  API  

20

Audio  API  

21

NoAficaAons  API  

22

GeolocaAon  API  

23

DeviceMoAon  API  

24

CSS3  

25

Cambios  “Simples”    esAlos  y  selectores  

26

Transiciones  

27

Transformaciones  2D  y  3D  

28

Animaciones  

29

Otras  Yerbas  

30

SVG  y  SVG  inline  

31

Data  URI  

32

(mulA)  Touch  Events  

33

Viewport  

34

Pixel  RaAo  

35

Device  InteracAons  API  Mobile  TV  

36

NaAve  ApplicaAon  InteracAon  

37

Widget/Webapps/Hybrid  APIs  

38

Browsers  Mobile  

39

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

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)

Mobile  Browsers  

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

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

+Mejora Progresiva

Html5rocks.com  caniuse.com  

html5readiness.com  mobilexweb.com  modernizr.com  

 Curso  de  HTML5  (10%  off)  

45

46

Maximiliano R. Firtman - @firt

Consultas