Html5 Java Script Apis

1,304 views
1,234 views

Published on

Les comparto la presentación de mi charla dictada en el Html Day Medellín, en cual compartí acerca de Html5 Java Script Apis.

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

  • Be the first to like this

No Downloads
Views
Total views
1,304
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Servicio de base de datos escalable y automatizado.

    DB RDBMS en la nube basado en Sql server

    Alta disponibilidad

    Mantenimiento y admon por Microsoft

    Tolerancia a fallos

    Apps en modo de servicio

    Escalabilidad a la medida

    Pago por uso

    Federaciones
  • https://www.google.es/maps/@6.2781971,-75.5889133,15z
  • Html5 Java Script Apis

    1. 1. Html5 JavaScript Apis Gustavo Alzate Sandoval Comunidad Avanet - @avanet http://www.eltavo.net @ElTavoDev
    2. 2. Agenda 1 2 3 4 5 6 ¿Html5? ¿Cuáles son estas Apis? ¿Preguntas?¿Html5 JS Apis? ¿Qué teníamos antes? Demo
    3. 3. HTML5 JAVASCRIPT APIS
    4. 4. Your Logo Drag & Drop Web Storage Geolocation Offline apps Caché Web Workers Server Sent Sockets
    5. 5. Cómo lo hacíamos antes
    6. 6. Geolocation Este Api nos permite obtener la posición geográfica del usuario actual, por tener incidencia en la privacidad del usuario esta sujeta a su aprobación. navigator.geolocation.getCurrentPosition() position.coords.latitude position.coords.longitude
    7. 7. Drag & Drop Este Api nos permite habilitar determinados controles para que puedan ser arrastrados y ubicados en otro lugar, en Html5 cualquier elemento puede ser dragable <img draggable="true"> Ondragstart=“” Ondragover=“” ondrop=“”
    8. 8. Web Storage Este Api nos permite almacenar información en el browser del usuario, mucho más rápido que las cookies. Permite almacenar grandes cantidades de información sin afectar el performance del sitio web. Almacenamiento en Key / Value pairs.
    9. 9. Web Storage Existen dos tipos de almacenamiento: • localStorage: Su durabilidad no tiene fecha de expiración. • SessionStorage: La información se pierde una ves se cierra el browser. localStorage.Nombre = “Tavo"; document.getElementById(“label").innerHTML=localStorage.Nombre; localStorage.removeItem(“Nombre");
    10. 10. Web Workers Este Api nos permite ejecutar tareas en segundo plano, para evitar bloquear la interacción del usuario con el sistema, y que este pueda seguir normalmente mientras ejecutamos otro tipo de tareas postMessage() objWork = new Worker(“uriJSFile"); objWork.onmessage = function(event){ alert(event.data); }; objWork.terminate();
    11. 11. Server Sent Este Api nos permite recibir actualizaciones automáticamente por parte de código escrito de lado del servidor var eventoAct = new EventSource(“actualizar.aspx"); eventoAct.onmessage = function(event) { document.getElementById(“label").innerHTML + =event.data + "<br>"; }; Server side, escribe en el encabezado de la página.
    12. 12. Preguntas http://www.eltavo.net @ElTavoDev
    13. 13. GRACIAS!!!

    ×