Summary
Keywords
Full Transcript
¡Bienvenidos a la clase 17! Tras haber finalizado nuestro clon de Google, es momento de dar el salto a una de las herramientas más potentes de CSS: Flexbox. En esta sesión aprenderás a controlar el alineamiento, el flujo y el espacio de tus elementos de forma profesional, olvidándote para siempre de los problemas con los floats o márgenes manuales. Desde conceptos básicos hasta flujos combinados y control total de contenedores, esta clase es el pilar para crear sitios web modernos y adaptables. 🕒 Lo que aprenderás hoy: ⏩ 00:00 👉 Presentación ⏩ 00:45 👉 ¿Qué es Flexbox y por qué lo necesitamos? ⏩ 04:51 👉 Configuración del Contenedor flexible ⏩ 15:11 👉 Manejo de Flujos combinados ⏩ 17:42 👉 Alineamiento del contenido (Justify-content) ⏩ 27:41 👉 Alineamiento de los elementos (Align-items) ⏩ 35:31 👉 Control de espacio de los elementos ⏩ 43:55 👉 Uso de órdenes y márgenes automáticos ⏩ 50:54 👉 Mejores recursos gratuitos sobre Flexbox ⏩ 56:28 👉 Despedida 🔗 Enlaces de interés: Clase anterior: Lista de reproducción completa: https://www.youtube.com/playlist?list=PLt1J5u9LpM58YRx555CXSYC0KZNqh84BY Recursos de la clase: 🌐 CSS Stricks 👉 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 🌐 Flexbox Froggy 👉 https://flexboxfroggy.com/#es 🌐 CSS MDN 👉 https://developer.mozilla.org/es/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts 🌐 Flex Box Adventure 👉 https://codingfantasy.com/games/flexboxadventure 💡 Sobre este curso: Este curso de Desarrollo Web 2026 está diseñado para llevarte desde el desconocimiento total hasta un nivel profesional, utilizando las mejores prácticas de la industria y herramientas actualizadas. #CSS #Flexbox #WebDevelopment #Frontend #AprenderProgramar #Curso2026 🔔 ¡Suscríbete para no perderte las siguientes clases prácticas de este curso! 😍 Hazte miembro del canal y apoya la creación de más contenido: https://www.youtube.com/channel/UCEFS_rvehmW2k14Ci_XzTcQ/join ========================================================= ✨ ⏩ Cursos Premium ⏪ ========================================================= ✅★ Curso de HTML, CSS y JavaScript:👉 https://www.udemy.com/course/curso-completo-javascript/ ✅★ Curso de Python:👉 https://www.udemy.com/course/curso-completo-de-python-desde-cero-hasta-experto/ ✅★ Curso de Golang:👉 https://www.udemy.com/course/curso-golang/ ✅★ Curso de Desarrollo Web:👉 https://www.udemy.com/course/programacion-desarrollo-web/?referralCode=750FE63A326735E19D7E ✅★ Curso de Java:👉 https://www.udemy.com/course/curso-java-spring/?referralCode=DE854DA41937FC58804D ============================ ========================================================= 🔔 Curso Gratuitos ========================================================= 🌐 Curso de HTML: https://youtu.be/RueU042gxpM 🌐 Curso de CSS: https://youtu.be/FO_1B6F83lQ 🌐 Curso de Python: https://youtu.be/_NG3bSXLRzs 🌐 Curso de Java: https://youtu.be/nQR2v9292Hs 🌐 Curso de Golang: https://youtu.be/R_Ib7FRQUrA ============================ 💠CURSOS ONLINE:💠 ============================ 👨🎓➡ Más Cursos Online Aquí: 👉 https://www.udemy.com/user/alex-roel/ 🌎➡ Visitar al Sitio Oficial: 👉 https://roelcode.com/
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
