NUEVAS APIS       DE HTLM5                  "la frontera final"Thursday, January 12, 12
Browser estatico                           Imagenes                           Texto                           Los plugins ...
Plugins                           Browser estaticoThursday, January 12, 12
LIKE A BOSS      HTML5Thursday, January 12, 12
APIs                           HTML5                                       •Animacion                                     ...
Thursday, January 12, 12
Thursday, January 12, 12
JAVASCRIPT                           INTRO EXPRESSThursday, January 12, 12
JAVASCRIPT                           NO es JAVA                           Es un lenguaje que corre en el browser          ...
JAVASCRIPT            Variable:                 almacena un valor                  var nombre = "carlos"                  ...
JAVASCRIPT            Funcion:                 ejecuta comandos                 function sumar(){                   var ca...
JAVASCRIPT                 function cuandoNaci(actual,edad){                           alert( actual - edad)              ...
JAVASCRIPT            Objeto:                 almacena variables y funciones                 var prueba = new Object()    ...
GEOLOCACIONThursday, January 12, 12
JAVASCRIPT            Llamadas al GPS               GPS( siFunciona , Error , parametros)Thursday, January 12, 12
JAVASCRIPT            Metodos GPS                 •geolocation.getCurrentPosition                 •geolocation.watchPositi...
JAVASCRIPT                 •   timestamp muestra cuando fue detectada la ubicación.                 •   coords.latitude de...
DEMOThursday, January 12, 12
WEB SOCKETSThursday, January 12, 12
WEB SOCKETS                           Crean una conexion binaria                           Permiten escuchar en tiempo rea...
WEB SOCKETSThursday, January 12, 12
DEMOThursday, January 12, 12
DEMO                                http://websocket.org/echo.html                           http://mrdoob.com/projects/mu...
WEB SOCKETS                           Soporte inconsistente                           Necesita un socket server           ...
WEB WORKERSThursday, January 12, 12
WEB WORKERS                           http://html5demos.com/workerThursday, January 12, 12
DRAG AND DROPThursday, January 12, 12
DRAG AND DROP                           Permite arrastrar elementos                           Lee informacion de todos los...
DEMO                           http://html5demos.com/dragThursday, January 12, 12
Offline StorageThursday, January 12, 12
Offline Storage                           Detecta status de la conexion                           Permite almacenar archivo...
DEMO                           http://html5demos.com/offlineappThursday, January 12, 12
Upcoming SlideShare
Loading in...5
×

HTML5 nuevas capacidades

970

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide

HTML5 nuevas capacidades

  1. 1. NUEVAS APIS DE HTLM5 "la frontera final"Thursday, January 12, 12
  2. 2. Browser estatico Imagenes Texto Los plugins se encargan de lo dinamicoThursday, January 12, 12
  3. 3. Plugins Browser estaticoThursday, January 12, 12
  4. 4. LIKE A BOSS HTML5Thursday, January 12, 12
  5. 5. APIs HTML5 •Animacion •Multimedia •Bases de datos •Conexiones RT •Manejo de archivosThursday, January 12, 12
  6. 6. Thursday, January 12, 12
  7. 7. Thursday, January 12, 12
  8. 8. JAVASCRIPT INTRO EXPRESSThursday, January 12, 12
  9. 9. JAVASCRIPT NO es JAVA Es un lenguaje que corre en el browser Primo de Flash Es la base de jQuery, Spry,Dojo,YUIThursday, January 12, 12
  10. 10. JAVASCRIPT Variable: almacena un valor var nombre = "carlos" var telefono = 555555Thursday, January 12, 12
  11. 11. JAVASCRIPT Funcion: ejecuta comandos function sumar(){ var cantidad1 = 10 var cantidad2 = 20 alert( cantidad1 + cantidad2) }Thursday, January 12, 12
  12. 12. JAVASCRIPT function cuandoNaci(actual,edad){ alert( actual - edad) }Thursday, January 12, 12
  13. 13. JAVASCRIPT Objeto: almacena variables y funciones var prueba = new Object() prueba.hora = "5:30pm" prueba.muestra = function() {alert(prueba.hora)}Thursday, January 12, 12
  14. 14. GEOLOCACIONThursday, January 12, 12
  15. 15. JAVASCRIPT Llamadas al GPS GPS( siFunciona , Error , parametros)Thursday, January 12, 12
  16. 16. JAVASCRIPT Metodos GPS •geolocation.getCurrentPosition •geolocation.watchPosition •geolocation.clearWatchThursday, January 12, 12
  17. 17. JAVASCRIPT • timestamp muestra cuando fue detectada la ubicación. • coords.latitude devuelve la latitud de la ubicación, en grados. • coords.longitude devuelve la longitud de la ubicación, en grados. • coords.accuracy indica que tan acertada es la lectura de coordenadas con un margen de error en metros. • coords.altitude muestra la altitud cuando esta disponible. • coords.altitudeAccuracy indica que tan acertada es la lectura de altitud con un margen de error en metros. • coords.speed devuelve la velocidad basado en la lectura anterior, en metros por segundo. • coords.heading regresa el ángulo en grados a partir del norte.Thursday, January 12, 12
  18. 18. DEMOThursday, January 12, 12
  19. 19. WEB SOCKETSThursday, January 12, 12
  20. 20. WEB SOCKETS Crean una conexion binaria Permiten escuchar en tiempo real Eliminan la latencia Push CallsThursday, January 12, 12
  21. 21. WEB SOCKETSThursday, January 12, 12
  22. 22. DEMOThursday, January 12, 12
  23. 23. DEMO http://websocket.org/echo.html http://mrdoob.com/projects/multiuserpad/Thursday, January 12, 12
  24. 24. WEB SOCKETS Soporte inconsistente Necesita un socket server Usar con precauciónThursday, January 12, 12
  25. 25. WEB WORKERSThursday, January 12, 12
  26. 26. WEB WORKERS http://html5demos.com/workerThursday, January 12, 12
  27. 27. DRAG AND DROPThursday, January 12, 12
  28. 28. DRAG AND DROP Permite arrastrar elementos Lee informacion de todos los elementos Especialmente util para web appsThursday, January 12, 12
  29. 29. DEMO http://html5demos.com/dragThursday, January 12, 12
  30. 30. Offline StorageThursday, January 12, 12
  31. 31. Offline Storage Detecta status de la conexion Permite almacenar archivos Muestra contenido offlineThursday, January 12, 12
  32. 32. DEMO http://html5demos.com/offlineappThursday, January 12, 12

×