Curso online de Introducción al Desarrollo Web front end: HTML y CSS desde cero

Temario del curso

21 Módulos86 Clases10h 18m de duración total

• Introducción

  1 clases3m 1s

  • 1.Introducción al curso3m 1s

• ¿Cómo funciona el navegador?

  2 clases5m 9s

  • 2.Cómo funciona la web2m 58s

  • 3.Cómo funciona el navegador2m 11s

• Introducción a HTML

  2 clases6m 39s

  • 4.Definición de HTML3m 23s

  • 5.Renderizado HTML3m 16s

• ¿Qué necesito para empezar?

  1 clases8m 22s

  • 6.Organización de archivos y programas a utilizar8m 22s

• Etiquetas y atributos

  6 clases49m 26s

  • 7.Estructura del documento base, etiquetas y atributos13m 5s

  • 8.Etiqueta meta6m 49s

  • 9.Etiquetas para títulos y párrafos6m 21s

  • 10.Etiquetas para listas6m 48s

  • 11.Etiquetas de imágenes8m 9s

  • 12.Etiquetas de tablas8m 14s

• Formularios web

  4 clases33m 53s

  • 13.Etiquetas de formularios8m 3s

  • 14.Captura de datos8m 7s

  • 15.Más etiquetas de captura de datos9m 29s

  • 16.Atributos en formularios8m 14s

• Otras etiquetas

  6 clases51m 25s

  • 17.Etiqueta de enlaces7m 26s

  • 18.Continuando con enlaces en HTML10m 13s

  • 19.Enlaces con imágenes y de descarga6m 5s

  • 20.Etiquetas contenedoras y semánticas7m 26s

  • 21.Ejemplo de uso de etiquetas10m 17s

  • 22.Terminando maquetado básico9m 58s

• Etiquetas multimedia

  3 clases10m 45s

  • 23.Implementación de audio en una página web5m 19s

  • 24.Implementación de video en una página web2m 49s

  • 25.Etiqueta iframe2m 37s

• HTML Gráfico

  4 clases26m 52s

  • 26.Utilización de archivos SVG5m 35s

  • 27.Figuras básicas, etiquetas y atributos8m 28s

  • 28.Etiquetas adicionales para SVG8m 12s

  • 29.Herramientas para crear imágenes SVG4m 37s

• Introducción a CSS

  4 clases23m 44s

  • 30.Qué es CSS3m 33s

  • 31.Utilización de CSS como atributo, etiqueta y archivo externo9m 55s

  • 32.Cómo funciona la herencia en CSS4m 39s

  • 33.Cómo funciona la cascada en CSS5m 37s

• Selectores

  4 clases23m 9s

  • 34.Selectores de etiqueta2m 36s

  • 35.Selectores ID y Clases5m 28s

  • 36.Selectores de atributos8m 59s

  • 37.Selectores avanzados6m 6s

• Pseudoclases y Pseudoelementos

  3 clases13m 25s

  • 38.Qué son las Pseudoclases y Pseudoelementos2m 35s

  • 39.Aplicación de las Pseudoclases5m 11s

  • 40.Aplicación de Pseudoelementos5m 39s

• Modelo de caja, su flujo y posicionamiento

  8 clases1h 29m

  • 41.Entendiendo el modelo de caja12m 47s

  • 42.Unidades de medida en CSS13m 6s

  • 43.Propiedad Display9m 53s

  • 44.Propiedad Float7m 44s

  • 45.Propiedad Position11m 47s

  • 46.Propiedad Flex y Box-sizing10m 17s

  • 47.Continuando con Flexbox13m 16s

  • 48.Propiedades Flexbox para hijos10m 38s

• Propiedades para texto y fuente

  3 clases28m 8s

  • 49.Cambio de tipografías11m 38s

  • 50.Propiedades básicas para texto5m 51s

  • 51.Propiedad Text-shadow10m 39s

• Propiedades de visualización

  3 clases31m 37s

  • 52.Propiedades de color y fondo13m 38s

  • 53.Degradados, sombras y efectos de caja9m 40s

  • 54.Propiedades para tablas8m 19s

• Diseño web responsivo

  6 clases22m 39s

  • 55.Introducción al diseño web responsivo2m 29s

  • 56.Principales resoluciones de pantalla2m 20s

  • 57.Uso del Viewport3m 52s

  • 58.Imágenes responsivas2m 29s

  • 59.Videos responsivos2m 36s

  • 60.Media queries8m 53s

• Patrones de diseño adaptativo

  5 clases26m 57s

  • 61.Patrón Tiny Tweaks3m 2s

  • 62.Patrón Mostly Fluid9m 50s

  • 63.Patrón Column Drop6m 55s

  • 64.Patrón Layout Shifter3m 53s

  • 65.Patrón Off Canvas3m 17s

• Transformaciones

  4 clases13m 15s

  • 66.Rotate3m 49s

  • 67.Scale2m 28s

  • 68.Translate3m 14s

  • 69.Skew3m 44s

• Animaciones

  2 clases18m 45s

  • 70.Transition9m 37s

  • 71.Animation9m 8s

• Filtros

  1 clases9m 42s

  • 72.Aplicación de filtros a imágenes9m 42s

• Cierre

  14 clases2h 1m

  • 73.Presentando el proyecto que vamos a desarrollar2m 17s

  • 74.Descargando los recursos a utilizar5m 50s

  • 75.Estructura HTML del encabezado6m 18s

  • 76.Estructura HTML del contenido11m 55s

  • 77.Estructura HTML del pie de página8m 49s

  • 78.Aplicando CSS a Encabezado12m 3s

  • 79.Aplicando CSS a Banner17m 18s

  • 80.Aplicando CSS a Sección de Bienvenida8m 23s

  • 81.Iniciando CSS de Sección Sobre Nosotros9m 36s

  • 82.Terminando CSS de Sección Sobre Nosotros7m 41s

  • 83.Aplicando CSS a Pie de página12m 33s

  • 84.Aplicando Media Queries y terminando sitio web9m 19s

  • 85.Subiendo nuestra página a Surge6m 58s

  • 86.Cierre2m 44s