Diseño web avanzado con JavaScript, HTML5 y CSS3 (online)

Objetivo del curso Diseño web avanzado con JavaScript, HTML5 y CSS3 online

Curso de diseño de páginas web en el que se estudian técnicas avanzadas y novedosas gracias a la aplicación de los estándares web HTML5 y Hojas de estilo en cascada Nivel 3 (CSS3). Este conjunto de tecnologías permite crear páginas dinámicas y ricas desde el punto de vista de la experiencia del usuario, cada vez más parecidas a las aplicaciones de escritorio. El curso se divide en dos partes: primero se estudia el lenguaje JavaScript y el Modelo de Objetos del Documento (DOM); posteriormente, se utilizan esas dos herramientas para presentar las principales características de HTML5 y CSS3.

Metodología

Plataforma elearning con contenidos interactivos y multimedia disponibles en castellano, con el material necesario y múltiples actividades y ejercicios

Este curso Diseño web avanzado con JavaScript, HTML5 y CSS3 online no dispone de tutor y no es bonificable por la Fundación Estatal para la formación en el empleo

Titulación

Los alumnos que completen la totalidad del curso Diseño web avanzado con JavaScript, HTML5 y CSS3 online con aprovechamiento recibirán un certificado acreditativo

Programa del curso Diseño web avanzado con JavaScript, HTML5 y CSS3 online

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
1. La etiqueta script
2. Contenido alternativo
3. Variables
4. Tipos de datos
5. Operadores
6. Cuadros de diálogo

Fundamentos de programación
1. Estructuras de decisión
2. Expresiones lógicas
3. Estructuras de repetición
4. Definir funciones
5. Llamar funciones
6. Ámbito de las variables
7. Funciones en el interior de funciones y funciones anónimas

Objetos y Arrays en JavaScript
1. Introducción
2. La jerarquía de objetos
3. Propiedades y eventos
4. Métodos
5. Arrays

Los objetos location e history
1. ¿Qué es una URL?
2. El objeto location
3. Actualizando la dirección
4. El objeto history

El objeto document
1. Introducción
2. La propiedad title
3. El método write
4. El conjunto images

El objeto form
1. Formularios HTML
2. El conjunto forms
3. La propiedad elements
4. Validar la información
5. ¿Cuándo realizar la validación?
6. Tipos de validación

Modelo de Objetos del Documento (DOM)
1. El árbol del documento
2. Tipos de nodos y de relaciones
3. Obtener elementos
4. Obtener y establecer atributos

Manipulación del DOM
1. Recorrer el árbol del documento
2. Modificar el valor de los nodos
3. Crear, eliminar y reemplazar nodos
4. El método innerHTML
5. Modificar el formato dinámicamente

Buenas prácticas
1. Separar estructura y comportamiento
2. Añadir los manejadores de evento
3. Detectar características de los navegadores
4. Ejemplo: Una galería fotográfica
5. Ejemplo: La estructura de la página
6. Ejemplo: El código JavaScript

HTML5 y CSS3

Elementos estructurales de HTML5
1. Doctype de HTML5
2. Evitando elementos div
3. Descripción de los elementos estructurales HTML5
4. Aplicar los elementos estructurales HTML5
5. Modificar la hoja de estilo en cascada

Trabajando con esquemas HTML5
1. Aplicar estilo a los elementos estructurales HTML5
2. Otros elementos semánticos de HTML5
3. Elementos article anidados
4. El esquema del documento

Formularios HTML5
1. Introducción
2. Nuevos controles de formulario
3. Nuevos atributos
4. Compatibilidad con navegadores antiguos
5. Pseudoclases CSS3 relacionadas con los formularios HTML5

Dibujar con el elemento canvas (Parte 1)
1. Introducción
2. Una interfaz de dibujo 2D
3. Dibujar rectángulos
4. Dibujar trazados
5. Colores de trazo y de relleno

Dibujar con el elemento canvas (Parte 2)
1. Estilos de línea
2. Gradientes
3. Patrones
4. Dibujar imágenes
5. Dibujar texto

Vídeo y audio en HTML5
1. Introducción
2. La etiqueta video
3. Formatos y códecs de vídeo
4. Códecs de audio
5. La etiqueta audio
6. API multimedia

Introducción a CSS3 (Parte 1)
1. La evolución que representa CSS3
2. Nuevos selectores CSS3
3. Esquinas redondeadas y sombras
4. Colores
5. Gradienes de color

Introducción a CSS3 (Parte 2)
1. Incrustación de fuentes
2. Dónde obtener fuentes
3. Múltiples imágenes de fondo
4. Transiciones
5. Transformaciones

Introducción a CSS3 (Parte 3)
1. Establecer el tamaño de la imagen de fondo con background-size
2. La propiedad box-sizing
3. Columnas
4. Reset y Normalize
5. PostCSS, Autoprefixer, cssnext y CodePen

Preinscripción