tio en serio, llevo 15 dias en un bootcamp, nos han dado en 12 html, css, sass, y todo javascript y te he visto a ti en 1 maldita hora y lo entiendo todo mucho mejor. Ojala de verdad te bendigan con muchos hijos midu
Te AMO midu. Abandone el Desarrollo Web porque solo copiaba códigos intentando entender por mi cuenta porque pasaba lo que pasaba y termine sin entender porque hacia lo que hacía. Con estos CURSOS por FIN ENTIENDO!!! Saludos desde Argentina
Esta clase es oro. Mira que siempre me he considerado en css un tipo normal, pero este video va ayudar a más de uno a entender como funciona css mejor. Que bueno eres 😊
Madre mía Midu, no tienes ni idea de cuánto nos ayudas. En clase no entiendo prácticamente nada, pero gracias a ti entiendo absolutamente todo.. GRACIAS
Al principio, debo admitir que me sentí un poco abrumado al ver que el vídeo duraba una hora. Sin embargo, una vez que lo empecé, quedé completamente enganchado con la claridad de tus explicaciones. ¡Tienes un talento increíble para hacer que todo sea fácil de entender! 🎉
Con el flex-wrap:wrap funionaba el align-content, cuando has dicho que no me he quedado pero si si que va! el tema como creo que dices mas adelante es que tiene que ser multilinea para que funione y por eso con hacer este wrap ya va (no hace falta que sea multilinea visualmente, sino que este configurado como multilinea). El align-content:center lo que hace es wrap se centra en el el medio del padre en el eje secundario pero "cada item queda alineado con el de al lado por arriba(si es que el eje secundario es vertical y si no hay align-items)". El align-items:center lo que hace es centrarlo "totalmente" en el eje secundario pues esta centrando los items no el contenido. Buen video!
59:59 JAJAJAJAJAJA No me esperaba ese crossover todo épico y encima se descansan entre ellos 😂 No te das una idea lo mucho que estoy aprendiendo y entendiendo, Midu. Como se nota que yo había "aprendido mal" o que entendí las cosas a medias pero con estos videos tuyos todo es super claro, nada queda en el aire, es simplemente GOD, este canal debería llamarse MiduGOD 🔥
Magistrales tus tutoriales. Sólo añadiré que en el minuto 59:24' los items sí cabían, pero como pusistes box-sizing:border-box a la seccion.parent que tenía 200 px de ancho y 4px de borde, dicho borde quitaba el espacio a los items de 100px de ancho. Quitando box-sizing al parent y poniendolo al item (como pusiste) caben perfectamente. El problema está en que si se deja el box-sizing a la sección.parent entonces no caben por culpa del borde (normal que eso te confundiera).
Tu video esta increíble, empecé utilizando boostrap para la hora de estilar mis proyectos pero seguía sin entender un carajo lo que hacía, ahorita ya con tu video me queda muy claro que era lo que hacía, en serio no sabes lo mucho que he aprendido a lo largo de estos videos de ccs que haz echo
Grande amigo, no solo eres una valiosa fuente de informacion sino tambien una inspiracion. Verte en tiempo real resolviendo problemas con los que uno puede identificarse es muy valioso, ver cual es el aproach para solucionar problemas inesperados tambien es clave. Muchas gracias por brindar a la comunidad este contenido
Qué buen contenido, y que bien explicado! He visto varios cursos de maquetación, pero tuve que llegar a esta master-class para terminar de entender bien muchos conceptos. Gracias!!!
Estoy en un cfgs de aplicaciones web, me incorporé tarde porque me quede fuera y finalmente me llamaron porque habia una vacante y tenia serias dudas en clase de lenguajes de marcas, me estoy viendo todas tus clases y me estan ayudando un monton a ponerme al día! gracias, eres un crack, aqui un nuevo fiel seguidor para el resto de cosas que decidas enseñar!
Impecable, un domingo y pensar que podría vacilarme todo el curso, con mucho cariño, paciencia y práctica en tiempo real he logrado reforzar todos los conceptos y mejor aún demostrarme que si puedo prestar mucha atención a lo que estoy estudiando. Gracias midu, por la paciencia y dedicación a enseñar este complejo pero interesante tópico
Hermano usted es un genio, no me gusta css, vine por una duda y por la forma que explicas hasta me termino gustando css. muchas gracias por compartir tu conocimiento.
Desde que vi tus vídeos Midu, me encanta la forma que enseñas... Claro y al punto, la verdad que son excelentes tus pautas y nos das las herramientas necesarias para empezar a practicar, muchas gracias!!! 😃
Soy relativamente en el desarrollo web. Utilizaba los 'position' sin entender mientras dejara las cosas donde quería jajajaja. Había visto varios videos sobre el tema y seguía sin entender del todo. Llega Midu hablando sobre absolute y relative 2 minutos y lo he entendido todo. Grande!
muy buen video creí q sabia flexbox pero la verdad me dejaste helado en unas partes, espero en un futuro poner mi porfolio a juicio. Hay varias cosas en el video pensé muchas q puedo hacer.
Tremenda clase como siempre, solo he encontrado un detalle: absolute posiciona respecto a su ancestro POSICIONADO mas próximo, osea que el elemento padre puede tener cualquier valor no static (no necesariamente solo relative) para posicionar a los hijos respecto de el
Siempre le tuve miedo a css a pesar de ser frontend pasando a backend tambien, no le veia logica ni atractivo y gracias a estos videos he cambiado la forma de ver las cosas te amo muchas gracias
Gracias midu, por favor espero ver el de GRID, se que no se usa tanto como flex, pero para mi es muy importante aprender, se que lo utilizare en algun momento, se ve que tiene mucho poder
Excelente vídeo midu, espero que cuando expliques cssgrid, nos digas las diferencias entre -content y -items, y porque flex no es compatible con justify-items, esto es muy importante entenderlo por la naturaleza de alss dimensiones entre flex y grid. Saludos!
Después de romperme la cabeza un poco con lo de "ALIGN-CONTENT" y "ALIGN-ITEM", he concluido: "align-items" ordena los items de manera relativa al actual eje cruzado de la fila/columna actual y "align-content" ordena los items de manera relativa al eje cruzado del contenedor (pero deben existir más de una fila/columna). Mi explicación no me ha quedado clara ni a mi pero tenía que ponerlo por si sirve a alguien :)
Saludos midu si se puede la página en 3D para ver que elemento está por encima de otro para hacerlo abres las herramientas del navegador, le das click a los 3 puntos y luego donde dice capas y ahí puedes rotar la página y ver los elementos.
Estoy comenzando en este mundo del desarrollo web y muchas veces me siento frustrada de no poder lograr saber como centrar los objetos y todo los contenidos, me gustaría hicieras un vida explicando el paso a paso de como maquetar una web y centrar los contenidos e imagenes.
esta es la segunda clase del curso. Primera aquí: ua-cam.com/video/hrxjBqZWsb0/v-deo.html. Tercera aquí: ua-cam.com/video/iTjkiI8QQsM/v-deo.html Lo pongo porque los títulos son un poco confusos :) Gracias por el contenido Midu, muy útil
Saludos midu, en la pantalla dice unas suscripciones para un curso en python. Donde puedo conseguir ese curso? P.D. gracias por todo lo que das a la comunidad hispano hablante. Eres un grande
Como cuando quieres salir de una pequeña duda y te dan una pedazo de Master Class! Qué buen contenido
tio en serio, llevo 15 dias en un bootcamp, nos han dado en 12 html, css, sass, y todo javascript y te he visto a ti en 1 maldita hora y lo entiendo todo mucho mejor. Ojala de verdad te bendigan con muchos hijos midu
Gracias por dejar público este contenido, tenés una calidad tremenda para explicar.
Te AMO midu. Abandone el Desarrollo Web porque solo copiaba códigos intentando entender por mi cuenta porque pasaba lo que pasaba y termine sin entender porque hacia lo que hacía.
Con estos CURSOS por FIN ENTIENDO!!!
Saludos desde Argentina
Esta clase es oro. Mira que siempre me he considerado en css un tipo normal, pero este video va ayudar a más de uno a entender como funciona css mejor. Que bueno eres 😊
Madre mía Midu, no tienes ni idea de cuánto nos ayudas. En clase no entiendo prácticamente nada, pero gracias a ti entiendo absolutamente todo.. GRACIAS
Al principio, debo admitir que me sentí un poco abrumado al ver que el vídeo duraba una hora. Sin embargo, una vez que lo empecé, quedé completamente enganchado con la claridad de tus explicaciones. ¡Tienes un talento increíble para hacer que todo sea fácil de entender! 🎉
Muchas gracias, Javier!
Con el flex-wrap:wrap funionaba el align-content, cuando has dicho que no me he quedado pero si si que va! el tema como creo que dices mas adelante es que tiene que ser multilinea para que funione y por eso con hacer este wrap ya va (no hace falta que sea multilinea visualmente, sino que este configurado como multilinea).
El align-content:center lo que hace es wrap se centra en el el medio del padre en el eje secundario pero "cada item queda alineado con el de al lado por arriba(si es que el eje secundario es vertical y si no hay align-items)".
El align-items:center lo que hace es centrarlo "totalmente" en el eje secundario pues esta centrando los items no el contenido.
Buen video!
MUCHAS GRACIAS, VALIOSA INFORMACIÓN
Gracias a ti
59:59 JAJAJAJAJAJA No me esperaba ese crossover todo épico y encima se descansan entre ellos 😂 No te das una idea lo mucho que estoy aprendiendo y entendiendo, Midu. Como se nota que yo había "aprendido mal" o que entendí las cosas a medias pero con estos videos tuyos todo es super claro, nada queda en el aire, es simplemente GOD, este canal debería llamarse MiduGOD 🔥
oshe vro laburas como dev web?
@@Andres_Ariano Aun no trabajo de ello pero sigo dedicándome a aprender ¿Por qué?
Magistrales tus tutoriales. Sólo añadiré que en el minuto 59:24' los items sí cabían, pero como pusistes box-sizing:border-box a la seccion.parent que tenía 200 px de ancho y 4px de borde, dicho borde quitaba el espacio a los items de 100px de ancho. Quitando box-sizing al parent y poniendolo al item (como pusiste) caben perfectamente. El problema está en que si se deja el box-sizing a la sección.parent entonces no caben por culpa del borde (normal que eso te confundiera).
Tu video esta increíble, empecé utilizando boostrap para la hora de estilar mis proyectos pero seguía sin entender un carajo lo que hacía, ahorita ya con tu video me queda muy claro que era lo que hacía, en serio no sabes lo mucho que he aprendido a lo largo de estos videos de ccs que haz echo
Grande amigo, no solo eres una valiosa fuente de informacion sino tambien una inspiracion. Verte en tiempo real resolviendo problemas con los que uno puede identificarse es muy valioso, ver cual es el aproach para solucionar problemas inesperados tambien es clave. Muchas gracias por brindar a la comunidad este contenido
muchas gracias midu, eres de muchísima ayuda para la comunidad, ya te recomendé a varios amigos, te lo agradecerán mucho
Qué buen contenido, y que bien explicado!
He visto varios cursos de maquetación, pero tuve que llegar a esta master-class para terminar de entender bien muchos conceptos.
Gracias!!!
Gracias Jennifer! :)
Aveces me sorprende el contenido de calidad que hay gratis !! Gracias midu por tu aporte !! ❤
Gracias a ti!
Estoy en un cfgs de aplicaciones web, me incorporé tarde porque me quede fuera y finalmente me llamaron porque habia una vacante y tenia serias dudas en clase de lenguajes de marcas, me estoy viendo todas tus clases y me estan ayudando un monton a ponerme al día! gracias, eres un crack, aqui un nuevo fiel seguidor para el resto de cosas que decidas enseñar!
TE AMO midu, eres el mejor de lejos.
Awwwww gracias
Impecable, un domingo y pensar que podría vacilarme todo el curso, con mucho cariño, paciencia y práctica en tiempo real he logrado reforzar todos los conceptos y mejor aún demostrarme que si puedo prestar mucha atención a lo que estoy estudiando.
Gracias midu, por la paciencia y dedicación a enseñar este complejo pero interesante tópico
Hermano usted es un genio, no me gusta css, vine por una duda y por la forma que explicas hasta me termino gustando css.
muchas gracias por compartir tu conocimiento.
Soy desarrollo backend, pero desde que veo las clases le tomo mas cariño a estos temas del front. Gracias
Desde que vi tus vídeos Midu, me encanta la forma que enseñas... Claro y al punto, la verdad que son excelentes tus pautas y nos das las herramientas necesarias para empezar a practicar, muchas gracias!!! 😃
Gracias a ti y a todos los creadores de contenido de programacion por existir
Soy relativamente en el desarrollo web. Utilizaba los 'position' sin entender mientras dejara las cosas donde quería jajajaja. Había visto varios videos sobre el tema y seguía sin entender del todo. Llega Midu hablando sobre absolute y relative 2 minutos y lo he entendido todo.
Grande!
✅ sello de calidad
Tremendo tutorial! muchisimas gracias por la clase! esto + el chatgpt + el domingo a la tarde solucionaron dudas que venia acarreando hace un mes!
No hay palabras para describir lo bueno que es este curso.
Claro magistral, entendí flex a la perfección, listo para hacer sitos increíbles
Vamos!
Eres un capo, mucho tiempo intentando de entender y en 1 hora ha quedado todo claro ! Gracias midu
Grandioso vídeo, gracias por este tutorial interactivo y clase sencilla y divertida junto a la comunidad tan buena que tienes.
Este vato es una maquina para ensenar, algun dia lograre tener un espacio para crear contenido actualizado y de valor, exito midu!!!!
Tus vídeos son geniales. Con ellos no me aburro. Tremenda energía 🇨🇴
he sentido que se me despejaban tantas dudas, muchísimas gracias!
Muchas gracias Midu! Es verdadero placer ver tus cursos y eres una fuente de inspiración diaria! Saludos desde Francia
20/10 y god. Gracias midu por invertir tu tiempo en explicar tan bien.
Gracias a ti!
Buenísimo y recomendadísimo para mucha gente. Graciassss!!!!!!!!!!
llego el dia !!! de hacer diseñoas mas chidoris !!!! gracias midu!!!!
muchas gracias midu, tenia muchas ganas de repasar y reaprender css con un curso tuyo :)
Excelente video! muchas gracias por tu trabajo que ayuda a muchas personas. Un abrazo!
muy buen video creí q sabia flexbox pero la verdad me dejaste helado en unas partes, espero en un futuro poner mi porfolio a juicio. Hay varias cosas en el video pensé muchas q puedo hacer.
Que Maravilla de Curso por dios!, Saludos desde Buenos Aires Miguel 🔵⚪🔵
Excelente Midu!!! Muchas gracias por compartir tus conocimientos de manera tan didactica con nosotros!!!
Flexbox es el mejor lenguaje de programación que hay ❤
23:25 Siempre volvemos a la duda de como centrar un , es increíble 😂😂
Buena clase desde el principio hasta el final.
El mejor curso css de todo youtube
Tremendoooo Video!!!!
Muchas gracias rey, estoy pegado a tus videos :D
Hey Midu gracias por lo que haces por la comunidad dev
Grande midu!!! que buenos tus cursos de HTML y CSS, me sirvieron para repasar y aprender cositas nuevas, saludos crack ❤❤
Muy bueno el curso de css en general, solo aclarar que position:absolute busca el primer ancestro posicionado, no necesariamente debe ser “relative”.
Tremenda clase como siempre, solo he encontrado un detalle: absolute posiciona respecto a su ancestro POSICIONADO mas próximo, osea que el elemento padre puede tener cualquier valor no static (no necesariamente solo relative) para posicionar a los hijos respecto de el
Muy bien, todo ha sido súper claro. ¡Gracias!
Siempre le tuve miedo a css a pesar de ser frontend pasando a backend tambien, no le veia logica ni atractivo y gracias a estos videos he cambiado la forma de ver las cosas te amo muchas gracias
Excelente!
que buen contenido midu alfin entiendo css despues de años jaja
Gracias midu, por favor espero ver el de GRID, se que no se usa tanto como flex, pero para mi es muy importante aprender, se que lo utilizare en algun momento, se ve que tiene mucho poder
Eres el mejor midu !!
Genial contenido como siempre, gracias
Vuetify para VUE tiene box-sizing: border-box por defecto tambien
Excelente vídeo midu, espero que cuando expliques cssgrid, nos digas las diferencias entre -content y -items, y porque flex no es compatible con justify-items, esto es muy importante entenderlo por la naturaleza de alss dimensiones entre flex y grid. Saludos!
Después de romperme la cabeza un poco con lo de "ALIGN-CONTENT" y "ALIGN-ITEM", he concluido: "align-items" ordena los items de manera relativa al actual eje cruzado de la fila/columna actual y "align-content" ordena los items de manera relativa al eje cruzado del contenedor (pero deben existir más de una fila/columna). Mi explicación no me ha quedado clara ni a mi pero tenía que ponerlo por si sirve a alguien :)
Esto lo voy a ver un par de veces.
dios mio como podes explicar tan bien 😵 quiero ser vooss JAJAJ
Algo que realmente he estado esperando!!
Alguien me puede decir como es que escribe la misma clase a los al mismo tiemppo? no logro encontrar la parte o video en que lo menciono, aiiiuda!
Presiona la tecla "Alt" y con el mouse hace clic en el espacio vacío de cada div y luego "escribe".
Saludos midu si se puede la página en 3D para ver que elemento está por encima de otro para hacerlo abres las herramientas del navegador, le das click a los 3 puntos y luego donde dice capas y ahí puedes rotar la página y ver los elementos.
antes usaba overflow: overlay; y lo depercaron por completo
Cuantos trucos. Gracias @midudev
Excelente como siempre midu!
gracias miducrack que grandes explicaciones
Gracias por tu gran aporte bro. Se puede con flex alinear tres imagenes? una a la izquierda, la segunda a l centro y la tercera a la derecha?
Se agradece el curso, te dejo un like
Gracias! Buen video!
Muchas gracias midu
Espectacular clase
El aling content del final debería ir dentro del .item para que aline como buscas, no?
Hoy te amo más que ayer
Estoy comenzando en este mundo del desarrollo web y muchas veces me siento frustrada de no poder lograr saber como centrar los objetos y todo los contenidos, me gustaría hicieras un vida explicando el paso a paso de como maquetar una web y centrar los contenidos e imagenes.
gracias muy interesante todos estos conceptos, Dios te bendiga.
que crack midu!!!
en el minuto 46:27 como hizo para editar las lineas al mismo tiempo? como se hace ? busque pero no encontre como se hace
ya vi como se hace pero cuando apreto alt se mueve toda la ventana, que hago?
😍😍😍Ame este video¡ Gracias por la explicación¡
Gracias por ver
explica 10 puntos este flaco, es increible
muchas gracias miducrack !!!
todo un grande
Que guapo midu con esos lentes
g?
ty bro, eres un crack... :D
A la orden
Midu,, este flexbox es el mismo de react native? si no fuera así, también seria bueno saber el mismo para react native.
No e usando react native pero si react native usa css entonces si es.
Midu muchas gracias!!!!
esta es la segunda clase del curso. Primera aquí: ua-cam.com/video/hrxjBqZWsb0/v-deo.html. Tercera aquí: ua-cam.com/video/iTjkiI8QQsM/v-deo.html
Lo pongo porque los títulos son un poco confusos :)
Gracias por el contenido Midu, muy útil
1:22:16 creo que debias haber puesto align-items start;
align-content:center;
Saludos midu, en la pantalla dice unas suscripciones para un curso en python. Donde puedo conseguir ese curso? P.D. gracias por todo lo que das a la comunidad hispano hablante. Eres un grande
grande Midu420!
7:30 trabajar con qué? con mayos? que es eso?
Buen curso
Y ya está
Nunca entendí Grid CSS😢
subio un video como este pero de Grid, es un grande
Grids son mas sencillos aun
Es algo complejo, lo veo mas difícil que flexbox.
Pero puedes aprender btt con midu y con grid attack (es un juego)
En dónde consigo lentes para que no me afecte mucho la luz del monitor
Hola , cuando la parte 3 del curso de typescript con los utilities?
yo luego de la intro ,super motivado para entender position 😱
antes de que empieze creo q con esa intro ya se hacerlo🤭
me deje engañar por el css y me sorprende la gran cantidad de cosas que hay en el.
Es un lenguaje
vengo de los cursos de hola mundo y dalto y ahora este estoy mas perdido que cuando empecé pero entiendo lo que dice midu xd yyyy que mas javascript