Online - HTML5 Y CSS3

Elementos estructurales de HTML5

· Doctype de HTML5.

· Evitando elementos div.

· Descripción de los elementos estructurales HTML5.

· Aplicar los elementos estructurales HTML5.

· Modificar la hoja de estilo en cascada.

Trabajando con esquemas HTML5

· Aplicar estilo a los elementos estructurales HTML5.

· Otros elementos semánticos de HTML5.

· Elementos article anidados.

· El esquema del documento.

Formularios HTML5

· Introducción.

· Nuevos controles de formulario.

· Nuevos atributos.

· Compatibilidad con navegadores antiguos.

· Pseudoclases CSS3 relacionadas con los formularios HTML5.

Dibujar con el elemento canvas (Parte 1)

· Introducción.

· Una interfaz de dibujo 2D.

· Dibujar rectángulos.

· Dibujar trazados.

· Colores de trazo y de relleno.

Dibujar con el elemento canvas (Parte 2)

· Estilos de línea.

· Gradientes.

· Patrones.

· Dibujar imágenes.

· Dibujar texto.

Vídeo y audio en HTML5

1. Introducción.

· La etiqueta video.

· Formatos y códecs de vídeo.

· Códecs de audio.

· La etiqueta audio.

· API multimedia.

Introducción a CSS3 (Parte 1)

· La evolución que representa CSS3.

· Nuevos selectores CSS3.

· Esquinas redondeadas y sombras.

· Colores.

· Gradienes de color.

Introducción a CSS3 (Parte 2)

· Incrustación de fuentes.

· Dónde obtener fuentes.

· Múltiples imágenes de fondo.

· Transiciones.

· Transformaciones.

Introducción a CSS3 (Parte 3)

· Establecer el tamaño de la imagen de fondo con background-size.

· La propiedad box-sizing.

· Columnas.

· Reset y Normalize.

· PostCSS, Autoprefixer, cssnext y CodePen.

Especificación HTML5

Introducción

1. La evolución de la Web.

2. Estándares web.

3. HTML5 y CSS3.

4. JavaScript.

5. Editor de código.

Introducción a JavaScript

· La etiqueta script.

· Contenido alternativo.

· Variables.

· Tipos de datos.

· Operadores.

· Cuadros de diálogo.

Fundamentos de programación

· Estructuras de decisión.

· Expresiones lógicas.

· Estructuras de repetición.

· Definir funciones.

· Llamar funciones.

· Ámbito de las variables.

· Funciones en el interior de funciones y funciones anónimas.

Objetos y Arrays en JavaScript

· Introducción.

· La jerarquía de objetos.

· Propiedades y eventos.

· Métodos.

· Arrays.

Los objetos location e history

· ¿Qué es una URL?

· El objeto location.

· Actualizando la dirección.

· El objeto history.

El objeto document

· Introducción.

· La propiedad title.

· El método write.

· El conjunto images.

El objeto form

· Formularios HTML.

· El conjunto forms.

· La propiedad elements.

· Validar la información.

· ¿Cuándo realizar la validación?

· Tipos de validación.

Modelo de Objetos del Documento (DOM)

· El árbol del documento.

· Tipos de nodos y de relaciones.

· Obtener elementos.

· Obtener y establecer atributos.

Manipulación del DOM

· Crear, eliminar y reemplazar nodos.

· El método innerHTML.

· Modificar el formato dinámicamente.

Buenas prácticas

· Separar estructura y comportamiento.

· Añadir los manejadores de evento.

· Detectar características de los navegadores.

· Ejemplo: Una galería fotográfica.

· Ejemplo: La estructura de la página.

· Ejemplo: El código JavaScript.