Curso de Técnico Superior en Diseño Web Avanzado con HTML5 y CSS3

1. Fundamentos de javascript

1. lenguaje javascript para crear guiones o scripts
2. validación de los datos enviados
3. modelos de objetos del documento (dom)

2. Introducción

1. situación actual de la web. Páginas dinámicas e interactivas
2. aplicaciones web. Estándares html y css (html5 y css3)
3. lenguaje de programación javascript

3. Introducción a javascript

1. incluir código javascript en las páginas web. Etiquetas script y códigos alternativos para aquellos navegadores que no puedan ejecutarlo o lo tengan desactivado.
2. conceptos fundamentales de programación. Variables tipos de datos, operadores y cuadros de diálogo sencillos.

4. Fundamentos de programación

1. estructuras de control y cómo definir funciones en javascript. ímbito de las variables
2. diferencia entre variable global y variable local

5. Objetos y arrays en favascript

1. utilizar los objetos en el lenguaje javascript. Objetos propios que el programador puede utilizar. Jerarquí­a de objetos.
2. concepto de array

6. Los objetos location e history

1. los objetos location e history de javascript. Introducción al concepto de url.

7. El objeto document

1. contenido de la página web: su tí­tulo, conjunto de imágenes, conjunto de hiperví­nculos, etc.

8. El objeto form

1. acceso a la información manejada en los formularios que aparecen en las páginas web. Validar la información del formulario con javascript.

9. Modelo de objetos del documento (dom)

1. concepto de modelo de objetos del documento dom. Métodos esenciales de la interfaz de programación del dom
2. métodos para seleccionar elementos (getelementbyid, getelementsbytagname, getelementsbyclassname).
3. métodos que permiten obtener o establecer el valor de los atributos (getattribute y setattribute).

10. Manipulación del dom

1. propiedades y métodos del dom
2. cómo recorrer el árbol del documento, modificar el valor de los nodos de texto o cómo crear nuevo contenido

11. Buenas prícticas

1. buenas prácticas a la hora de escribir código javascript y trabajar con el dom de un documento.

12. Html5 y css3

1. novedades que aportan html5 y css3 como evolución de los dos principales estándares web.
2. los elementos semánticos de html5, las caracterí­sticas propias para reproducir elementos multimedia o las nuevas caracterí­sticas de los formularios.
3. las propiedades más interesantes de css3 (nuevos selectores, técnicas de diseño avanzadas, transiciones y transformaciones, etc.).

13. Elementos estructurales de html5

1. estudio del tipo de documento o doctype que indica que una página web sigue la especificación de html5.
2. elementos estructurales de html5 que permiten describir mucho mejor el contenido de una página web.
3. maquetación de una página web en la que se habí­an utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales.

14. Trabajando con esquemas html5

1. ajustar el código de una página web que utiliza los elementos estructurales html5 para que sea mostrada correctamente por los navegadores antiguos.
2. elementos semánticos de html5, como mark, progress, etc.
3. significado de anidar elementos estructurales, por ejemplo, para representar un artí­culo o post en un blog y los comentarios que tiene relacionados.
4. concepto del esquema del documento.

15. Formularios html5

1. nuevas caracterí­sticas de los formularios en html5: nuevos controles, nuevos atributos y validación nativa.
2. simulación de las nuevas caracterí­sticas para el caso de que el usuario utilice algún navegador antiguo. Uso del código javascript.

16. Dibujar con elemento canvas (parte i)

1. presentación del elemento canvas de html5.

17. Dibujar con el elemento canvas (parte ii)

1. métodos básicos de dibujo: lí­neas, rectángulos, arcos y trazados.
2. estilos de lí­nea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página.

18. Vídeo y audio en html5

1. incorporar ví­deo y audio mediante las nuevas etiquetas html5.
2. formatos y códecs disponibles. Cuáles son los que utilizan los principales navegadores.
3. indicaciones para completar el código de forma que los navegadores antiguos puedan reproducir el contenido multimedia mediante flash.

19. Introducción a css3 (parte i)

1. nuevos selectores, redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto.
2. utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo.

20. Introducción a css3 (parte ii)

1. incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos.
2. aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.