Menuda locura de año llevamos. Mucho trabajo de fondo dentro y fuera del entorno laboral!! Y qué mejor para volver a la actividad del blog que un artículo sobre los maravillosos webcomponents. Pues dicho y hecho, sigue leyendo para descubrir cómo crear tus propios webcomponents… y no sólo los sencillos, también entramos un poco en opciones más complejas de la mano de Polymer.
¡Volvemos con IndexedDB! Ya sabemos que IndexedDB es la forma de almacenar información estructurada y persistente del lado del cliente para nuestras aplicaciones en HTML5. Hemos visto cómo crear bases de datos en IndexedDB, los almacenes de objetos (lo que serían las tablas) y cómo agregar objetos (la información estructurada… las tuplas en sistemas SQL). Llega el momento de conocer y comprender cómo podemos recuperar y mostrar la información almacenada. Vamos allá!
Continuamos con IndexedDB!! Si en el anterior artículo vimos cómo crear una base de datos y sus almacenes (las tablas) con IndexedDB, le llega el turno a cómo agregar contenido a los almacenes de nuestra base de datos. Recordemos que IndexedDB almacena objetos por lo que lo que vamos a ver en este artículo es cómo incorporar nuestros objetos a un almacén de nuestra base de datos. Vamos al lío!
Hay pasado muchos meses desde el último artículo. En Septiembre empecé una nueva aventura profesional muy prometedora y durante estos meses he estado saboreando esta nueva andadura. Pero ha llegado por fin el momento de retomar el blog antes de que la pereza se imponga definitivamente. Y para volver he preparado un pequeño artículo sobre IndexedDB, la base de datos local con HTML5. Es el primer artículo de una serie de artículos dónde veremos cómo funciona IndexedDB y cómo trabajar con él para poder tener una aplicación en HTML5 que trabaje 100% en local… algo que convinado con la programación orientada a eventos en Javascript y Cordova nos permitirá tener aplicaciones móviles en HTML5 disponibles al 100% en modo offline. Así que preparados, que arrancamos una temporadica cargada de artículos sobre HTML5 y móviles 😉
Carga asíncrona de Javascript: La queremos, la necesitamos, la odiamos.
Uno de los grandes quebraderos de cabeza de un desarrollador web es que la web cargue rápida y nuestros ficheros javascript suelen tener mucho que ver en no conseguirlo. Con la carga asíncrona de javascript conseguimos que la web se muestre antes de que nuestros javascript estén disponibles, pudiendo así dar al usuario una experiencia aceptable desde el primer momento. Pero… ¿todo es así de bonito? En este artículo comento las diferencias entre carga síncrona y asíncrona, las bondades de esta última y como solventar los problemas asociados a cargar de forma asíncrona nuestros javascript.
localStorage es una de las novedades de HTML5 implementadas en todos los navegadores modernos. Hasta 10MB de almacenamiento del lado del cliente!! Empieza a olvidarte de utilizar las cookies para todo y descubre las maravillas del localStorage…. y sólo es el comienzo de lo bueno del HTML5!
Tras unas vacaciones más que merecidas llegó el momento de retornar al trabajo y también de continuar con el blog. Este primer artículo post-vacaciones está dedicado a la forma de incluir el código javascript en HTML5. Espero que sea de utilidad. Pilas cargas!!