Brief Summary
Este curso es una aventura en el mundo de HTML5, donde aprenderás a usar diferentes APIs, desde la geolocalización hasta el manejo de archivos, y crear aplicaciones web interactivas y útiles. ¡Prepárate para explorar y crear en la web moderna!
Key Points
-
Estudio de APIs en HTML5
-
API de geolocalización para mapas de Google
-
localStorage y sessionStorage como superCookies
-
API file para manipulación de archivos del usuario
-
Drag & Drop y web workers
-
Aplicaciones offline con Offline Web Application
-
Gráficos vectoriales con SVG y animaciones con CANVAS
Learning Outcomes
-
Usar el API de geolocalización para integrar mapas en tus aplicaciones.
-
Manipular archivos del usuario con el API file.
-
Guardar datos eficientemente usando localStorage y sessionStorage.
-
Crear aplicaciones que funcionen sin internet con el API Offline Web Application.
-
Diseñar gráficos y animaciones usando SVG y CANVAS.
About This Course
Las piezas fundamentales para el desarrollo web moderno con HTML5
En este curso estudiaremos los APIS (Application Programming Interface) con los cuales podremos explotar a fondo la potencialidad de HTML5 para el desarrollo moderno de aplicaciones Web. Aunque existen muchos APIs en HTML5, estudiaremos aquellos que se encuentran implementados en forma estable en los cinco navegadores principales: IE-10, FireFox, Safari, Opera y Chrome.
El API de geolocalización es uno de los más utilizados y que está mejor implementado. De forma muy sencilla podemos incluir mapas de Google y muchas más funcionalidad a nuestras páginas web.
El API de localStorage sustituye a las actuales cookies en potencia y sencillez. Es por eso que se les llama “superCookies" o “cookies con esteroides". También tenemos a sus hermanas gemelas, las SessionStorage, que funcionan exactamente igual, sólo duran durante la sesión del navegador.
Con el API file podemos manipular los archivos de la computadora del usuario: podemos abrirlos, leerlos, obtener su información entre muchas otras funcionalidades.
La funcionalidad de Arrastrar y Soltar, o Drag & Drop, es una de las más antiguas, desarrollada por Microsoft (aunque usted no lo crea) e incorporada a HTML5.
Los web workers son rutinas que podemos manejar desde el background del navegador y nos ayudan a procesos que serían muy pesados, desde el punto de vista del navegador.
El API Offline Web Application nos permitirá crear aplicaciones fuera de línea, es decir, aplicaciones que funcionen aún si no contamos con conexión de Internet.
También estudiaremos dos APIs fundamentales para el diseño de gráficos vectoriales y de mapas de bits:
SVG (Scalable Vector Graphics) es un estándar en el manejo de figuras vectoriales. Es una recomendación de la W3C y está basados en una sintaxis de XML.
Por medio del API CANVAS podremos hacer dibujos de mapas de bits, así como animaciones y controlar eventos, con lo cual podremos desarrollar incluso juegos y aplicaciones interactivas.
Analizaremos los APIs WebSQL e IndexedDB.
Para este curso es esencial que tengas las bases de programación en HTML, CSS y JavaScript.
Aplica el API de geolocalización para incluir mapas de Google en sus aplicaciones.
Manipular los archivos de la máquina del usuario por medio del API File.
Guardar información en el disco del usuario por medio del API localStorage y crear variables de sesión son sessionStorage.
Sebastián J. E.
Buén curso, bién explicado, con muchos detalles importantes, que no suelen explicar en otros cursos, como la gestión de eventos de error. Pero le falta el código descargable, para que los alumnos podamos estár más pendientes de la explicación y menos escribiendo y testando código del video, para poder un ejemplo funcional para futuras referencias.