HDTutorial
ES

La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).

Introducción al diseño web responsivo - Tutorial de HTML y CSS

1.307.711 visualizaciones 5 de noviembre de 2019 4:11:04

Ver en YouTube
CanalfreeCodeCamp.org

Capítulos

Descripción del autor

Sin embargo, este tutorial de 4 horas es completamente autónomo. Empieza explicando los conceptos clave para pensar de manera responsiva y luego te guía paso a paso en la creación de un sitio web profesional y adaptable.

⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:02:59) 1. Empezar a pensar de forma responsiva
⌨️ (00:06:01) 2. Unidades en CSS
⌨️ (00:09:16) 3. Unidades en CSS - Porcentaje
⌨️ (00:15:14) 4. Controlar el ancho de las imágenes
⌨️ (00:20:05) 5. min-width y max-width
⌨️ (00:22:54) 6. Unidades en CSS - La unidad em
⌨️ (00:28:25) 7. El problema con los ems
⌨️ (00:30:58) 8. La solución: los rems
⌨️ (00:35:46) 9. Elegir qué unidad usar
⌨️ (00:39:18) 10. Ejemplo con ems y rems
⌨️ (00:47:10) 11. Repaso de Flexbox y configuración del HTML
⌨️ (00:55:02) 12. Estilos básicos y configuración de columnas
⌨️ (01:02:09) 13. Añadir el color de fondo
⌨️ (01:06:21) 14. Establecer el ancho de las columnas
⌨️ (01:10:00) 15. Espaciar las columnas
⌨️ (01:14:27) 16. Controlar la posición vertical de los elementos Flexbox
⌨️ (01:19:42) 17. Bases de las consultas de medios (Media Queries)
⌨️ (01:29:50) 18. Hacer el diseño responsivo con flex-direction
⌨️ (01:36:45) 19. Explicación de flex-direction
⌨️ (01:39:54) 20. Crear una navegación
⌨️ (01:44:40) 21. Usar Flexbox para empezar a estilizar la navegación
⌨️ (01:52:19) 22. Hacer que la navegación se vea bien
⌨️ (01:59:38) 23. Añadir la línea inferior (underline)
⌨️ (02:03:40) 24. Una navegación más compleja
⌨️ (02:10:25) 25. Hacer la navegación responsiva
⌨️ (02:17:20) 26. Echando un vistazo al resto del…

Sobre este tutorial

freeCodeCamp.org publicó este tutorial en vídeo de 4:11:04 el 5 de noviembre de 2019. Se ha visto 1.307.711 veces en YouTube.

Categoría
Educación
Duración
4:11:04
Publicado
5 de noviembre de 2019
Visualizaciones
1.307.711
Me gusta
32.029

Compartir

Este tutorial en otros idiomas