HTML5 - Introducción     Lic. Maximiliano Firtman - @firt                                        1
¿Vas	  a	  seguir	  haciendo	  webs	  como	                  hace	  15	  años?	                                           ...
+     Lic. Maximiliano Firtman    Autor | Speaker | Trainer| Developer    firt.mobi | @firt           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    •  we...
Mobile	  Browsers	  •  Non-WebKit preinstalled    •  NetFront browser    •  Myriad browser (formerly Openwave)    •  Inter...
Mobile	  Browsers	  •  User installable    •  Opera Mobile    •  Opera Mini    •  Firefox    •  UC Browser    •  Skyfire  ...
+   Podremos crear un sólo código     para todas las plataformas?
+    Mejora Progresiva
Html5rocks.com	           caniuse.com	    html5readiness.com	      mobilexweb.com	       modernizr.com	                   ...
Consultas     Maximiliano R. Firtman - @firt                                46
Upcoming SlideShare
Loading in...5
×

HTML5 - Introducción - Maximiliano Firtman

1,132
-1

Published on

HTML5 - Introducción - Maximiliano Firtman

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

No Downloads
Views
Total Views
1,132
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 - Introducción - Maximiliano Firtman

  1. 1. HTML5 - Introducción Lic. Maximiliano Firtman - @firt 1
  2. 2. ¿Vas  a  seguir  haciendo  webs  como   hace  15  años?   2
  3. 3. + Lic. Maximiliano Firtman Autor | Speaker | Trainer| Developer firt.mobi | @firt libroajax.com   Pictures from freedigitalphotos.net
  4. 4. +www.mobilexweb.com Pictures from freedigitalphotos.net
  5. 5. HTML5,  HTML  5  y   estándares   5
  6. 6. Nuevas  eAquetas  semánAcas   6
  7. 7. EAquetas  mulAmedia   7
  8. 8. Microdata  y  datos  personalizados   8
  9. 9. Nuevo  Flexible  Box  Model   9
  10. 10. ¿APIs  en  HTML5?   10
  11. 11. Drawing  2D  API   (aka  Canvas)   11
  12. 12. Offline  API    (aka  AppCache)   12
  13. 13. Web  Storage  API   13
  14. 14. Web  SQL  Storage  API    ???   14
  15. 15. IndexedStorage  API   15
  16. 16. Drag  and  Drop  API   16
  17. 17. Drawing  3D  API  (aka  WebGL)   17
  18. 18. Web  Workers  API   18
  19. 19. Web  Sockets  API   19
  20. 20. File  API   20
  21. 21. Audio  API   21
  22. 22. NoAficaAons  API   22
  23. 23. GeolocaAon  API   23
  24. 24. DeviceMoAon  API   24
  25. 25. CSS3   25
  26. 26. Cambios  “Simples”    esAlos  y  selectores   26
  27. 27. Transiciones   27
  28. 28. Transformaciones   2D  y  3D   28
  29. 29. Animaciones   29
  30. 30. Otras  Yerbas   30
  31. 31. SVG  y  SVG  inline   31
  32. 32. Data  URI   32
  33. 33. (mulA)  Touch  Events   33
  34. 34. Viewport   34
  35. 35. Pixel  RaAo   35
  36. 36. Device  InteracAons  API   Mobile   TV   36
  37. 37. NaAve  ApplicaAon  InteracAon   37
  38. 38. Widget/Webapps/Hybrid  APIs   38
  39. 39. Browsers  Mobile   39
  40. 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. 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. 42. Mobile  Browsers  •  User installable •  Opera Mobile •  Opera Mini •  Firefox •  UC Browser •  Skyfire •  BOLT •  Chromium
  43. 43. + Podremos crear un sólo código para todas las plataformas?
  44. 44. + Mejora Progresiva
  45. 45. Html5rocks.com   caniuse.com   html5readiness.com   mobilexweb.com   modernizr.com    Curso  de  HTML5  (10%  off)     45
  46. 46. Consultas Maximiliano R. Firtman - @firt 46
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×