Fundamentos de JavaScript

Estudia el lenguaje JavaScript para crear guiones o scripts que se incluyen en las páginas web y que son ejecutados por el navegador que utiliza el usuario. Tareas como la validación de los datos enviados por el usuario en un formulario o la manipulación del Modelo de Objetos del Documento (DOM) pueden realizarse mediante un lenguaje como JavaScript. Además, será el lenguaje utilizado para trabajar con las API de HTML5.

Introducción y objetivos

Descripción general del curso, incluyendo:

· El objetivo general del curso.

· Los objetivos específicos identificados.

· Los contenidos formativos.

Introducción

· La evolución de la Web.

· Estándares web.

· HTML5 y CSS3.

· JavaScript.

· 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

Estudia los objetos location e history de JavaScript. Introduce el concepto de URL. Contenido:

· ¿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

· Recorrer el árbol del documento.

· Modificar el valor de los nodos.

· 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.Test Final Fundamentos de JavaScript

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

· 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.