Este va a ser un curso extenso, ya que se trata de un estándar que engloba 3 tecnologías:

  • El lenguaje de etiquetas HTML
  • CSS
  • Javascript

En esta introducción vamos a hacer un pequeño resumen de lo que va a ser este curso.

HTML

HTML se encarga de la estructura de nuestros documentos. Estos son los apartados que vamos a ver con HTML

  • Que es HTML5
    • HTML5 como estándar el cual une varias tecnologías
  • Componentes básicos de documentos HTML5
  • Estructura de documento HTML5
    • Etiquetas básicas de estructura
    • Estructura de cabecera
    • Estructura del cuerpo
      • Dentro del cuerpo
    • Nuevos y viejos elementos

CSS

CSS se encarga de dar apariencia a nuestros documentos. Estos son los apartados que vamos a ver para CSS.

  • Tipos de estilos y estructura
    • Componentes principales de CSS
    • Tipos de selectores
  • Aplicar CSS a un documento HTML
  • CSS3
    • Las nuevas reglas
    • Transformaciones
    • Transiciones

Javascript

Este es el temario que veremos para Javascript.

  • Que es Javascript y su importancia en la web
  • Sintaxis
  • Selectores
  • Eventos
  • APIS
  • Librerías externas

Audio y video

Una de las características de este nuevo estándar HTML5 es que podemos insertar audio y video con escasa dificultad en nuestras páginas sin necesidad de utilizar plugins de programas de otros fabricantes.

También vamos a ver como insertar audio y video en nuestros documentos.

  • Video en HTML5
    • Programación de reproductor
    • Formatos
    • Atributos
  • Audio en HTML5
    • Programando un reproductor
    • Atributos

Formularios y su API

Un tema importantísimo es el de los formularios web y la API que hay destinada para ello.

  • Formularios web
    • Elementos
    • Tipos de datos
    • Atributos
    • Nuevos elementos de formulario

API Canva

Esta API nos permite dibujar un lienzo, hacer dibujos básicos, hacer animaciones (no tan elaboradas como pueden ser animaciones en otros lenguajes de programación).

  • El lienzo
    • Dibujos básicos
    • Imágenes en el lienzo
    • Animaciones en el lienzo
    • Videos en el lienzo

API Drag and Drop (arrastrar y soltar)

  • Eventos nuevos
  • Métodos
  • Propiedades

Geolocalización

  • Métodos para detectar localización de visitantes
  • Trabajo con Google Maps
  • Métodos y objetos

Almacenamiento web (Web Storage)

  • Crear, leer y eliminar datos
  • Tipos de almacenamientos
  • Métodos
  • Propiedades

API Bases de Datos (IndexedDB)

  • BBDD, índices y transacciones
  • Abrir BBDD, agregar y eliminar objetos
  • Búsquedas de datos

API manejo de archivos (API File)

  • Sistemas de archivos
  • Propiedades de archivos
  • El disco duro
    • Creación de archivos
    • Eliminación de archivos
    • Copiar, cortar y pegar

API Comunicación (API Communication)

Esta API sirve para comunicar documentos web con otros documentos web o con aplicaciones de terceros

  • Ajax
  • Cross Document
  • Web sockets

API Web Worker

  • Los trabajadores web
  • Detección de errores

API History (Historial)

  • Huevos métodos de navegación en la web
  • Urls erróneas o falsas

API Offline

  • Trabajo con la caché
  • Manifiesto
  • Categorías
  • Comentarios