Тёмный

Aprende CSS Flexbox - Curso desde Cero 

freeCodeCamp Español
Подписаться 244 тыс.
Просмотров 14 тыс.
50% 1

En este curso aprenderás CSS Flexbox desde cero, incluyendo lo que necesitas saber para comenzar a crear e implementar diseños web responsivos (también conocidos como "responsive" o adaptables) que se adaptan a dispositivos y pantallas de distintos tamaños.
✏️ Curso Creado por: Leosbel Poll Sotomayor.
RU-vid: @_LeoDev
Twitter: / _leodev
LinkedIn: / leosbel-poll-sotomayor
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:40) ¿Qué es Flexbox?
⌨️ (00:02:21) ¿Por qué Flexbox?
⌨️ (00:03:35) ¿Qué debo conocer?
⌨️ (00:04:07) ¿Qué herramientas usaremos?
⌨️ (00:05:41) Preparando el entorno antes de comenzar
⌨️ (00:09:57) Propiedades relacionadas al contenedor
⌨️ (00:25:11) Pérdida de datos en CSS
⌨️ (00:28:25) Propiedades relacionadas a los hijos
⌨️ (00:40:13) Caso de Uso: Barra de navegación
⌨️ (00:42:00) Caso de Uso: Diseño clásico
⌨️ (00:48:13) Comparación Flexbox vs Grid
⌨️ (00:55:59) Regalito y Despedida
⌨️ (00:56:53) Felicitaciones y Resumen
🔗 Flexbox Froggy: flexboxfroggy.com/
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita:
www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: @freecodecampespanol
🎉 Muchas gracias a nuestros Campeones y Colaboradores:
👾 Boris Cespedes
👾 Gilberto Serrato
👾 Diego G
👾 Cristian Alejandro Aballay
👾 Elida alastre
👾 Diego Antonio Nieto
👾 Maria Teresa Maisterra
👾 cldeluna
👾 Luis Suarez
👾 Juan Pablo Wibaux
👾 Analia Jaime
👾 Mirel Volcán
👾 Eliana Bermudez
👾 Luisana Amarista
👾 Rubén Sánchez
👾 Nicolás Costas

Опубликовано:

 

15 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 50   
@_LeoDev
@_LeoDev 2 месяца назад
Muchas gracias a Estefanía por darme la oportunidad de compartir con la comunidad! Recuerden que cada pequeño paso nos acerca más a nuestras metas. Sigamos explorando, preguntando y aprendiendo juntos. ¡Ánimo y adelante! 🚀📚
@user-cc1fc4pk7p
@user-cc1fc4pk7p 2 месяца назад
Wow bro...muchas felicidades, también soy cubano y estoy tratando de aprender a programar, me encanta el saber que saliste de acá y estás en otro nivel. Gracias a Dios por tus conocimientos. Eres es mejor.
@joseleonrs9817
@joseleonrs9817 2 месяца назад
Muchísimas gracias por tu esfuerzo y cooperación para darnos esta joya de video 🎉
@elisam7483
@elisam7483 2 месяца назад
Es un excelente video que permitió ver claramente el uso de Flexbox en cada ejemplo. Muchas gracias y felicitaciones!!
@edgarciaguilar
@edgarciaguilar 2 месяца назад
Esto no es un curso, es una master class, me gusto mucho, saludos
@caballoloco100
@caballoloco100 2 месяца назад
Estupendo, este canal se está haciendo grande. Una vez mas los contenidos suben de nivel. Saludos desde Valencia, España.
@fae4000
@fae4000 2 месяца назад
gracias a Leo por compartir sus conocimientos y a Estefania por permitirselo, muchas gracias de verdad
@josegregoriolopezgarcia
@josegregoriolopezgarcia 2 месяца назад
Excelente curso muchas gracias
@gabrielgamboa2389
@gabrielgamboa2389 2 месяца назад
Demasiado bueno .. Mil Graciaaaaasss
@indianameregone
@indianameregone 2 месяца назад
excelente, algunos no los conocia y otros referesque la memoria, muy buen video!!
@user-py6og1uv8o
@user-py6og1uv8o 2 месяца назад
Como siempre, de mucha ayuda! Muchas gracias chicos!
@fernandovillaquiran6673
@fernandovillaquiran6673 2 месяца назад
Excelente, muy claro, creo que el mejor que he visto. Ahora obligatorio el de grid por el mismo instructor
@henryparra6297
@henryparra6297 2 месяца назад
🙏Muchas gracias a Estefanía y a Leo por este vídeo me justo mucho y espero seguir aprendiendo y ser un gran desarrollador 😅 como usted . A hora voy por la práctica Leo 💪
@user-pp3wp9py3h
@user-pp3wp9py3h 2 месяца назад
Hola. Gracias por este curso y por ser geniales. Justo lo estaba necesitando.
@leandrochumbita9425
@leandrochumbita9425 2 месяца назад
Que buena manera de comenzar el día con un nuevo curso de CSS 😁 Te amamos freeCodeCamp ❤
@zaidzabala8990
@zaidzabala8990 2 месяца назад
Muy buen video gracias me sirvió mucho.
@nanomartin
@nanomartin 2 месяца назад
Muy bueno, y muy clara la explicación y acorde el ritmo. Soy backend de muchos años pero estoy completamente desconectado del frontend y cada vez que necesito hacer algo de interfaz es un gran problema para mí. Este curso me sirvió mucho para entender flexbox. Gracias @_LeoDev!!
@luisernestorodriguez6162
@luisernestorodriguez6162 2 месяца назад
Buen curso hermano
@SheigonSheffield
@SheigonSheffield 2 месяца назад
Ya extrañaba que subieran nuevos cursos.
@luisruberto5046
@luisruberto5046 2 месяца назад
Muy contento de haber encontrado este video !!!
@josereyescruces1998
@josereyescruces1998 2 месяца назад
Excelente curso, una vez mas nos sorprende FCC, con sus acertadas enseñanzas, gracias Estefanía y también a Leo, este gesto motiva a estudiar, aprender e investigar cada vez mas y adentrarnos en el maravilloso mundo del desarrollo web
@derfelius
@derfelius 2 месяца назад
Execlente curso, muchas gracias Leo!
@dianabulla4642
@dianabulla4642 2 месяца назад
Bravo.... 👏👏👏
@hairoalcantara908
@hairoalcantara908 2 месяца назад
Gracias por este video, la verdad es que me será muy útil
@jonathandajome690
@jonathandajome690 2 месяца назад
A darle 🔥
@juanalfredogutierrez8663
@juanalfredogutierrez8663 2 месяца назад
Muchas gracias master. Claro presiso y directo.
@leandromartinez001
@leandromartinez001 2 месяца назад
🥰Gracias por los cursos!
@henryparra6297
@henryparra6297 2 месяца назад
¡Que bueno , me anoto ! 👌😅😅😅🎉
@EdgarRodGom
@EdgarRodGom Месяц назад
Muchas gracias por todo ese conocimiento, hay muchos cursos pero no había encontrado uno como este tan entendible, gracias por tan grande aporte.
@rivaldovenegas7588
@rivaldovenegas7588 2 месяца назад
Muy buen video Estefanía!, se ve que le hechas ganas! Grácias por el aporte!
@stavgraff
@stavgraff Месяц назад
Muchas gracias por la información!!
@ericksegura478
@ericksegura478 2 месяца назад
Genial excelente
@andreslunasantana9740
@andreslunasantana9740 2 месяца назад
gracias por el curso, esto me ayudo a entender el tema de los ejes, el concepto de unidimensional, fue lo maximo.
@giovannyvanegas88
@giovannyvanegas88 2 месяца назад
Video perfecto para repasar flexbox. Gracias freecodecamp ❤
@mandresblac
@mandresblac 2 месяца назад
Excelente 👌. Ahora un curso de Grid Css, Por favor🙏🙏
@robhernandezvl
@robhernandezvl 2 месяца назад
Perfect!!! Gracias
@oscargonzalez5838
@oscargonzalez5838 2 месяца назад
Excelente curso Leo.
@nelsongonzalez5370
@nelsongonzalez5370 2 месяца назад
hola buena noche primero agradecer , por el apoyo a las personas que estamos empezando en esta área de la tecnología. por otra parte quisiera preguntar en el minuto 6:32 como haces para que se muestre la linea de código abreviada ya que oprimo tab y no me sale, mucha gracias
@_LeoDev
@_LeoDev 2 месяца назад
Hola Nelson, ahí utilicé la técnica de Emmet, si quieres profundizar mas puedes ir a su página oficial para entender cómo funciona. Si usa VSCode u otro editor moderno ya viene integrado. Para tratar de ayudarte en por qué no te funcionó. Fíjate que el fichero tenga la extensión correcta (html) y cuándo estés escribiendo fíjate que el editor te va mostrando lo que va a salir mientras escribes. Si te mueves con las flechas o das click al final para presionar tab normalmente no funciona, debe ser mientras se está escribiendo la abreviatura. Déjame sabes si te funciona
@nelsongonzalez5370
@nelsongonzalez5370 2 месяца назад
@@_LeoDev ok muchas, muchas gracias por tu apoyo
@AnGelMoRaLeSz-qo2eh
@AnGelMoRaLeSz-qo2eh 6 дней назад
Complicadamente bien
@reyna487
@reyna487 2 месяца назад
🎉🎉🎉🎉🎉🎉🎉🎉
@daniel18z16
@daniel18z16 2 месяца назад
habra uno de grid ?
@gomu_2002
@gomu_2002 2 месяца назад
Cursos que quiero ver en el canal de freecodecamp: 1. Curso de C#. 2. Curso de C# con POO. 3. Curso de SQL con MySql Workbench. 4. Curso de Java. 5. Curso de Java con POO. 6. Curso de Unity.
@arturoreyes7105
@arturoreyes7105 2 месяца назад
Habrá un curso de bootstrap?
2 месяца назад
Hola Arturo, gracias por tu interés. 🙂Tenemos un curso de Bootstrap publicado en el canal que te puede ser útil: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QCw0L6FupQ0.html
@miguelangelmadronerosequei9517
@miguelangelmadronerosequei9517 2 месяца назад
Este canal debería estar más activo
@Wonback
@Wonback 2 месяца назад
Acá enseñan a centrar divs?
@JorgeCastro92
@JorgeCastro92 2 месяца назад
Qué acabas de ver Lisa? 😂
@iturraldec
@iturraldec 2 месяца назад
excelente...gracias
Далее
Crea una Página Web Responsive con HTML y CSS
1:24:20
Просмотров 10 тыс.
Aprende CSS Grid MUY FÁCIL con ejercicios
1:36:24
Просмотров 100 тыс.
упс 😎 #анюткамалютка
00:10
Просмотров 189 тыс.
Aprende CSS Flexbox en 10 minutos 📚
13:38
Просмотров 18 тыс.
RAG from the Ground Up with Python and Ollama
15:32
Просмотров 18 тыс.
Learn CSS Flexbox in 6 Minutes
6:04
Просмотров 25 тыс.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
Просмотров 334 тыс.
Reliable, fully local RAG agents with LLaMA3
21:19
Просмотров 71 тыс.
Google Data Center 360° Tour
8:29
Просмотров 5 млн
Redis за 20 минут
23:22
Просмотров 81 тыс.