Curso de Fundamentos de desarrollo web

Lo que aprenderás en 8 unidades

1. 1

   Cómo funciona la Web

   Empieza aquí

   Explica qué sucede entre escribir una URL y ver una página, incluidos los navegadores, los servidores, las solicitudes y respuestas HTTP y las funciones de HTML, CSS y JavaScript.

   5 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Describe cómo llega una página web a tu pantalla
   2. 2.Interpreta direcciones web y nombres de dominio
   3. 3.Interpreta solicitudes, respuestas y códigos de estado HTTP
   4. 4.Explica las funciones de HTML, CSS y JavaScript
   5. 5.Configura tus herramientas e inspecciona páginas reales
2. 2

   Elementos y atributos HTML

   Estructura páginas web con elementos y atributos HTML, usando encabezados, párrafos, listas, enlaces, imágenes y secciones semánticas.

   5 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Escribe documentos HTML bien estructurados
   2. 2.Estructura el texto con encabezados, párrafos y listas
   3. 3.Enlaza páginas y crea la navegación
   4. 4.Añade imágenes que todo el mundo pueda entender
   5. 5.Maqueta páginas con elementos semánticos
3. 3

   Formularios y tablas en HTML

   Crea formularios con controles etiquetados y atributos de validación, presenta datos en tablas e inserta audio y vídeo.

   5 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Crea formularios que recojan la información adecuada
   2. 2.Comprueba los datos de entrada con la validación integrada
   3. 3.Presenta datos en tablas accesibles
   4. 4.Añade audio y vídeo a una página
   5. 5.Inserta contenido de otras fuentes
4. 4

   Hojas de estilo CSS

   Aplica estilos a las páginas con selectores CSS, la cascada y el modelo de caja, y controla los colores, las fuentes y el espaciado.

   6 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Escribe CSS y observa cómo lo aplica el navegador
   2. 2.Selecciona los elementos a los que quieras aplicar estilos
   3. 3.Predice qué estilo prevalece mediante la cascada, la especificidad y la herencia
   4. 4.Especifica colores y elige unidades
   5. 5.Dimensiona y separa elementos con el modelo de caja
   6. 6.Aplica estilos al texto, las listas, los enlaces, los fondos y los bordes
5. 5

   Maquetación CSS

   Maqueta páginas con el flujo normal, el posicionamiento, flexbox y las cuadrículas CSS, y elige la herramienta adecuada para cada disposición.

   5 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Comprende cómo fluyen las cajas y cómo las modifica display
   2. 2.Posiciona elementos con la propiedad position
   3. 3.Crea disposiciones unidimensionales con flexbox
   4. 4.Crea disposiciones bidimensionales con cuadrículas CSS
   5. 5.Elige y combina métodos de maquetación para páginas reales
6. 6

   Diseño adaptable

   Haz que las páginas funcionen en teléfonos, tabletas y computadoras con la metaetiqueta viewport, unidades relativas, consultas de medios e imágenes adaptables.

   5 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Prepara una página para que se adapte a cualquier pantalla
   2. 2.Adapta las disposiciones con consultas de medios
   3. 3.Haz que los componentes se adapten a su contenedor
   4. 4.Ofrece imágenes y contenido multimedia que se adapten a cualquier pantalla
   5. 5.Prueba y perfecciona páginas adaptables
7. 7

   Páginas web accesibles

   Crea páginas que funcionen con teclado, lector de pantalla y zoom mediante HTML semántico, alternativas textuales, un contraste suficiente y ARIA solo cuando sea necesario.

   6 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Estructura páginas con HTML semántico
   2. 2.Proporciona alternativas textuales para el contenido no textual
   3. 3.Haz que todas las funciones se puedan usar con el teclado
   4. 4.Mantén legibles el texto y los elementos visuales
   5. 5.Crea formularios accesibles
   6. 6.Usa ARIA con moderación y prueba tus páginas
8. 8

   Publicación de un sitio web

   Organiza los archivos del sitio, valida y depura las páginas, y publica un sitio en un alojamiento de sitios estáticos con tu propio dominio y HTTPS.

   6 objetivos de aprendizaje

   Lo que aprenderás

   1. 1.Organiza el proyecto de un sitio y revisa su código
   2. 2.Detecta y corrige problemas con las herramientas de desarrollo del navegador
   3. 3.Haz que las páginas carguen rápido
   4. 4.Escribe marcado que facilite la labor de los buscadores
   5. 5.Publica un sitio en un alojamiento de sitios estáticos
   6. 6.Usa tu propio dominio con HTTPS y mantén el sitio en funcionamiento