Objetivos
Adquirir los conocimientos sobre las ventajas comparativas que aportan los estandar HTML5 y CSS3 para la simplificación de la construcción de páginas web, en especial en las nuevas capacidades que aportan sobre contenidos dinámicos y multimedia.
Índice
UD1. HTML5 Y CSS3
1.0.-Introduccion y objetivos
1.1-Elementos estructurales de HTML5
1.1.1- Doctype de HTML5
1.1.2- Evitando elementos div
1.1.3- Descripción de los elementos estructurales HTML5
1.1.4-Aplicar los elementos estructurales HTML5
1.1.5-Modificar la hoja de estilo en cascada
1.1.6-Test
Práctica
1.2.- Trabajando con esquemas HTML5
1.2.1- Aplicar estilo a los elementos estructurales HTML5
1.2.2- Otros elementos semánticos de HTML5
1.2.3- Elementos article anidados
1.2.4- El esquema del documento
1.2.5-Test
Práctica
1.3- Formularios HTML5
1.3.1- Introducción
1.3.2- Nuevos controles de formulario
1.3.3- Nuevos tributos
1.3.4-Compatibilidad con navegadores antiguos
1.3.5- Test
Práctica
1.4-Dibujar con el elemento canvas (parte 1)
1.4.1- Introducción
1.4.2-Una interfaz de dibujos 2D
1.4.3-Dibujar rectángulos
1.4.4-Dibujar trazados
1.4.5-Colores de trazo y de relleno
(1.4.6- Test)
Práctica
1.5- Dibujar con el elemento canvas (parte 2)
1.5.1-Estilos de línea
1.5.2- Gradientes
1.5.3- Patrones
1.5.4-Dibujar imágenes
1.5.5-Dibujar texto
1.5.6-Test
Práctica
1.6- Video y audio en HTML5
1.6.1-Reproducción sin plugin
1.6.2-La etiqueta “video”
1.6.3-Formatos y códecs de vídeo
1.6.4-Códecs de audio
1.6.5-La etiqueta “audio”
1.6.6-API multimedia
1.6.7-Test
Práctica
1.7-Introducción a CSS3 (parte 1)
1.7.1-La evolución que representa CSS3
1.7.2- Nuevos selectores CSS3
1.7.3-Esquinas redondeadas y sombras
1.7.4- Colores
1.7.5-Gradientes de color
1.7.6-Test
Práctica
1.8-Introducción a CSS3 (parte 2)
1.8.1- Incrustación de fuentes
1.8.2-Dónde obtener fuentes
1.8.3-Múltiples imágenes de fondo
1.8.4-Transiciones
1.8.5-Transformaciones
1.8.6- Test
Práctica Final
UD2. FUNDAMENTOS DE “JAVASCRIPT”
2.1-Introducción
2.1.1-La evolución de la Web
2.1.2-Estándares web
2.1.3-HTML5 y CSS3
2.1.4-“JavaScript”
Práctica
2.2-Introducción a “JavaScript”
2.2.1-La etiqueta “< script >”
2.2.2-Contenido alternativo
2.2.3-Variables
2.2.4-Tipos de datos
2.2.5-Operadores
2.2.6-Cuadros de diálogo
2.2.7-Test
Práctica
2.3-Fundamentos de programación
2.3.1-Estructuras de decisión
2.3.2-Expresiones lógicas
2.3.3-Estructuras de repetición
2.3.4-Definir funciones
2.3.5-Llamar funciones
2.3.6-Ámbitos de las variables
2.3.7-Test
Práctica
2.4-Objetivos y Arrays en “JavaScript”
2.4.1-Introducción
2.4.2-La jerarquía de objetos
2.4.3-Propiedades y eventos
2.4.4-Métodos
2.4.5-Arrays
2.4.6-Test
Práctica
2.5-Los objetivos location e history
2.5.1- ¿Qué es una URL?
2.5.2-El objeto location
2.5.3-Actualizando la dirección
2.5.4-El objeto history
2.5.5-Test
Práctica
2.6-El objeto document
2.6.1-Introducción
2.6.2-La propiedad title
2.6.3-El método write
2.6.4-El conjunto images
2.6.5-Test
Práctica
2.7-El objetivo form
2.7.1-Formularios HTML
2.7.2-El conjunto forms
2.7.3-La propiedad elements
2.7.4-Validar la información
2.7.5- ¿Cuándo realizar la validación?
2.7.6-Tipos de validación
2.7.7-Test
Práctica
2.8-Modelo de Objetos del Documento(DOM)
2.8.1-El árbol del documento
2.8.2-Tipos de nodos y de relaciones
2.8.3-Obtener elementos
2.8.4-Obtener y establecer atributos
2.8.5-Test
Práctica
2.9-Manipulación del DOM
2.9.1-Recorrer el árbol del documento
2.9.2-Modificar el valor de los nodos
2.9.3-Crear, eliminar y reemplazar nodos
2.9.4-El método innerHTML
2.9.5-Modificar el formato dinámicamente
2.9.6-Test
Práctica
2.10-Buenas prácticas
2.10.1-Separar estructuras y comportamiento
2.10.2-Añadir los manejadores de evento
2.10.3-Detectar características de los navegadores
2.10.4-Ejemplo: Una galería fotográfica
2.10.5-Ejemplo: La estructura de la página
2.10.6-ejemplo: El código “JavaScript”
2.10.7-Test
Práctica final
