Utilización de eventos de carga de las gráficas con HTML5 - Tutorial de HTML

Contenido

• Introducción Introducción

  • Presentación del curso “HTML5 práctico: Visualización de datos”

    1 min 11 s
• 1. Ejemplo de infografía responsive. Primera fase de creación 1. Ejemplo de infografía responsive. Primera fase de creación

  • Descripción del proyecto de infografía responsive con HTML5

    2 min 50 s
  • Creación de la estructura HTML de la infografía responsive

    7 min 43 s
  • Estilos aplicados sobre la estructura base del HTML

    4 min 20 s
  • Cabeceros de los elementos de la infografía

    12 min 31 s
  • Control de la visualización de las partes de la infografía

    4 min 48 s
  • CSS3 para animar el cambio de información y los contenidos

    5 min 56 s
  • Control y animación de los contenidos desde la botonera

    6 min 41 s
• 2. Infografía responsive. Creación de gráficos y animaciones 2. Infografía responsive. Creación de gráficos y animaciones

  • Organización de contenidos de la primera parte

    5 min 19 s
  • Organizando los contenidos del resto de partes

    3 min 25 s
  • Aplicación del sistema de animación con HTML5

    8 min 6 s
  • Generación de animaciones en cascada en la infografía

    8 min 32 s
  • Creación de animaciones de rotación en la tercera parte

    3 min 18 s
  • Creando animaciones curvas para el segundo bloque

    6 min 31 s
  • Organización de los contenidos en la vista móvil

    6 min 40 s
  • Organización de contenidos y aplicación de las animaciones

    5 min 38 s
• 3. Ejemplo de infografía de datos. Gráficas en tiempo real con HTML5 3. Ejemplo de infografía de datos. Gráficas en tiempo real con HTML5

  • Descripción del proyecto de creación de infografía con HTML5

    56 s
  • Descripción de las librerías para la infografía con HTML5

    4 min 32 s
  • Incorporación de bibliotecas y estructura del proyecto

    5 min 24 s
  • Aplicación de estilos CSS para organizar los contenidos

    5 min 3 s
  • Adición de los componentes de formulario de la infografía

    8 min 4 s
  • Pintando las gráficas de la infografía generada con HTML5

    7 min
  • Adición de nuevas gráficas en la infografía

    7 min 14 s
• 4. Infografía de datos en HTML5 4. Infografía de datos en HTML5

  • Programación de la actualización de datos con HTML5

    6 min 21 s
  • Generación dinámica de los datos de las tablas

    8 min 25 s
  • Utilización de eventos de carga de las gráficas con HTML5

    4 min 32 s
  • Modificación de CSS para la vista móvil

    8 min 27 s
• 5. Ejemplo de infografía de temperatura 5. Ejemplo de infografía de temperatura

  • Descripción del proyecto de infografía de temperatura

    1 min 24 s
  • Incorporación de bibliotecas y estructuración del proyecto

    6 min 23 s
  • Maquetación con CSS de los elementos de la página

    7 min 6 s
  • Recuperación de datos externos con HTML5

    6 min 1 s
  • Creación de un widget jQuery UI

    7 min 30 s
  • Dibujo de la gráfica con HTML5

    11 min 7 s
  • Dibujo de curva y finalización del widget en la infografía

    6 min 50 s
  • Widget para crear la tabla en la infografía de temperatura

    10 min 13 s
  • Aplicación de un formato especial a las tablas

    2 min 52 s
• 6. Infografía de temperatura. Almacenamiento de los datos 6. Infografía de temperatura. Almacenamiento de los datos

  • Generando botones para los sensores

    7 min 57 s
  • Captura de imagen de la gráfica y descarga de esta

    2 min 39 s
  • Almacenamiento de los datos en HTML5

    5 min 28 s
  • Modificación de los CSS para la vista móvil

    4 min 13 s