Fundamentos de JavaScript

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.

Contenido adicional - Especificación HTML5

Especificación oficial de HTML5 proporcionada como referencia.

Especificación HTML5

Especificación oficial de HTML5. Extraída de:

Contenido adicional - Fundamentos del HTML y CSS

1. Un paseo por la Web.

2. ¿Qué es el HTML?

3. Hojas de estilo en cascada (CSS).

4. ¿Qué herramientas necesitamos?

Estructura del código HTML

1. Las etiquetas HTML.

2. Guardar la página web.

3. Introducir párrafos de texto.

4. Las etiquetas tienen atributos.

5. El título de la página.

Texto

1. Títulos.

2. Texto predefinido.

3. Líneas separadoras.

4. Elementos de frase.

Incorporar imágenes en la página web

1. Introducción.

2. Resolución y modo de color.

3. Formatos gráficos.

4. La etiqueta img.

5. Especificar las dimensiones de la imagen.

6. Imágenes como fondo.

Hipervínculos o enlaces

1. Introducción.

2. Vínculos a otras páginas web.

3. Vínculos a una parte de una página web.

4. Vínculos a lugares de Internet.

5. Vínculos a direcciones de correo electrónico.

6. Imágenes que actúan como vínculos.

Introducción a CSS (Parte 1)

1. ¿Qué son las hojas de estilo en cascada (CSS)?

2. Las reglas de CSS.

3. Enlazar CSS con el código HTML.

4. Aplicar las reglas de estilo.

5. Herencia y cascada.

Introducción a CSS (Parte 2)

1. Las etiquetas HTML div y span.

2. Selectores avanzados de CSS.

3. Pseudoclases y pseudoelementos CSS.

Dar formato al texto de las páginas web

1. Fuentes.

2. La propiedad abreviada font.

3. Propiedades de texto.

4. Decoración del texto y color.

Listas

1. Listas sin numerar.

2. Listas numeradas.

3. Listas anidadas.

4. Imágenes como viñetas de una lista.

5. Listas de definiciones.

Tablas

1. Introducción.

2. Estructura de una tabla HTML.

3. Bordes, espacio entre celdas y relleno.

4. Color o imagen de fondo.

Temas avanzados sobre tablas

1. Establecer las dimensiones de la tabla.

2. Título y pie de tabla.

3. Especificar el número de columnas.

4. Unir celdas.

5. Tablas anidadas.

Frames

1. El conjunto de frames.

2. Propiedades de los frames.

3. Bordes para los frames y contenido alternativo.

4. Iframes.

Posicionamiento mediante CSS (Parte 1)

1. Introducción.

2. Elementos flotantes.

3. El clearing.

4. El código CSS.

Posicionamiento mediante CSS (Parte 2)

1. Posicionamiento estático.

2. Posicionamiento relativo.

3. Posicionamiento absoluto.

4. Posicionamiento fijo.

Contenido adicional - Diseño con Dreamweaver

1. ¿Para qué sirve Dreamweaver?

2. Partes de la ventana de Dreamweaver.

3. La ventana del documento.

4. Trabajar con los paneles.

5. Preferencias.

Configuración de un sitio web

1. Crear un sitio nuevo.

2. Crear un sitio a partir de uno existente.

3. Crear páginas web.

4. Propiedades de la página web.

Trabajar con texto

1. Insertar texto.

2. Insertar caracteres especiales.

3. Revisar la ortografía.

4. Formato de texto.

Trabajar con hipervínculos y listas

1. Insertar hipervínculos.

2. El atributo target.

3. Insertar listas.

4. Crear una barra de navegación con HTML y CSS.

Trabajar con imágenes

1. Definir la carpeta de imágenes.

2. Insertar una imagen.

3. Alinear la imagen.

4. Imágenes de fondo.

Edición de imágenes

1. Editar imágenes desde Dreamweaver.

2. Trabajar con un editor externo

Añadir elementos multimedia

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. Utilizar YouTube u otros servicios de hospedaje de vídeo.

Trabajar con tablas

1. Insertar una tabla.

2. Introducir contenido.

3. Seleccionar, unir y dividir celdas.

4. Aplicar formato CSS.

5. Importar datos y ordenar una tabla.

Trabajar con formularios (Parte 1)

1. Introducción.

2. Insertar el formulario.

3. Campos de texto.

4. Botones de opción.

5. Casillas de verificación.

6. Listas.

7. El control file.

8. Botones de comando.

Trabajar con formularios (Parte 2)

1. El control fieldset.

2. Mejorar la distribución del formulario.

3. Dar formato con CSS.

4. Maquetar el formulario con CSS.

Maquetar la página con CSS

1. Introducción.

2. Imagen de rastreo y otras ayudas visuales.

3. Insertar elementos div.

4. Aplicar posicionamiento clásico CSS.

5. Elementos PA.

6. Nuevos modelos de diseño CSS.

Revisar y publicar el sitio web

1. Validación del código.

2. Comprobar las páginas.

3. Informes de sitio web.

4. Configurar el sitio remoto.

5. Publicar el sitio web.