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
CanalfreeCodeCamp.orgCapí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…
⭐️ 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.
- Canal
- freeCodeCamp.org
- 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
- ENIntroduction To Responsive Web Design - HTML & CSS Tutorial
- FRIntroduction à Responsive Web Design - HTML & CSS Tutorial
- PTIntrodução Para Responsive Web Design - HTML & CSS Tutorial
- ITIntroduzione al Responsive Web Design - HTML e CSS Tutorial
- DEEinführung in Responsive Web Design - HTML & CSS Tutorial
- NLIntroduction To Responsive Web Design - HTML & CSS Tutorial
- RUВведение в Адаптивный веб-дизайн - HTML и CSS Учебник
- PLWprowadzenie do Responsive Web Design - HTML & CSS
- JAはじめに応答Webデザイン - HTML&CSSのチュートリアル
- ARمقدمة لتصميم الويب سريع الاستجابة - HTML و CSS دروس
- HIपरिचय करने के लिए उत्तरदायी वेब डिजाइन - HTML और सीएसएस ट्यूटोरियल
- IDPendahuluan Untuk Responsif Web Design - HTML & CSS Tutorial