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
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!!!
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.
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 😊
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
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
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).
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!
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
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
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!
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!
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!!! 😃
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 🔥
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
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 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.
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 :)
esta es la segunda clase del curso. Primera aquí: th-cam.com/video/hrxjBqZWsb0/w-d-xo.html. Tercera aquí: th-cam.com/video/iTjkiI8QQsM/w-d-xo.html Lo pongo porque los títulos son un poco confusos :) Gracias por el contenido Midu, muy útil
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.
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.
Si añades el borderbox abajo (eel boque ocupa 100 con borde), pero arriba NO debe tener borderbox para dejar 200px internos a los 100+100, si pones borderbox al parent el border te roba sobre esos 200 y ya no caben
Lo que paso en el aling-items es que si solo tienes una linea hace que todos los objetos se alinien con la altura del parent, no a la altura del objeto mas grande, entonce si functiono pero no como esperabamos.
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
quisiera hacer un alcance, el cuadro marca 120px porque se suma el margin y el tamaño del elemento, lo que pasa es que marca 120px porque suma 10px hacia la izquierda y 10px hacia la derecha y lo mismo sucede con el alto. El padding se considera dentro del tamaño del elemento pero no se suma porque basicamente es un espacio hacia adentro del elemento
La frase que más me gusta de miduGod "A mover las manitas" Mis malditas manos no se quieren mover y no entiendo css jajajaa Me toca practicar y practicar a mover las malditas manitas 😂😂 Gracias por tan hermoso curso 💪🤙🤙🥳🥳
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
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
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! :)
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.
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 😊
Soy desarrollo backend, pero desde que veo las clases le tomo mas cariño a estos temas del front. Gracias
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
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
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).
MUCHAS GRACIAS, VALIOSA INFORMACIÓN
Gracias a ti
Aveces me sorprende el contenido de calidad que hay gratis !! Gracias midu por tu aporte !! ❤
Gracias a ti!
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!
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
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
Tremendo tutorial! muchisimas gracias por la clase! esto + el chatgpt + el domingo a la tarde solucionaron dudas que venia acarreando hace un mes!
muchas gracias midu, eres de muchísima ayuda para la comunidad, ya te recomendé a varios amigos, te lo agradecerán mucho
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
Claro magistral, entendí flex a la perfección, listo para hacer sitos increíbles
Vamos!
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!
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
Este vato es una maquina para ensenar, algun dia lograre tener un espacio para crear contenido actualizado y de valor, exito midu!!!!
No hay palabras para describir lo bueno que es este curso.
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é?
Muy bueno el curso de css en general, solo aclarar que position:absolute busca el primer ancestro posicionado, no necesariamente debe ser “relative”.
20/10 y god. Gracias midu por invertir tu tiempo en explicar tan bien.
Gracias a ti!
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.
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!
Muchas gracias Midu! Es verdadero placer ver tus cursos y eres una fuente de inspiración diaria! Saludos desde Francia
he sentido que se me despejaban tantas dudas, muchísimas gracias!
Tus vídeos son geniales. Con ellos no me aburro. Tremenda energía 🇨🇴
Excelente Midu!!! Muchas gracias por compartir tus conocimientos de manera tan didactica con nosotros!!!
Buenísimo y recomendadísimo para mucha gente. Graciassss!!!!!!!!!!
23:25 Siempre volvemos a la duda de como centrar un , es increíble 😂😂
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
TE AMO midu, eres el mejor de lejos.
Awwwww gracias
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.
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
Buena clase desde el principio hasta el final.
muchas gracias midu, tenia muchas ganas de repasar y reaprender css con un curso tuyo :)
Que Maravilla de Curso por dios!, Saludos desde Buenos Aires Miguel 🔵⚪🔵
Flexbox es el mejor lenguaje de programación que hay ❤
llego el dia !!! de hacer diseñoas mas chidoris !!!! gracias midu!!!!
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!
Grande midu!!! que buenos tus cursos de HTML y CSS, me sirvieron para repasar y aprender cositas nuevas, saludos crack ❤❤
Muy bien, todo ha sido súper claro. ¡Gracias!
Hey Midu gracias por lo que haces por la comunidad dev
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 :)
El mejor curso css de todo youtube
que buen contenido midu alfin entiendo css despues de años jaja
gracias miducrack que grandes explicaciones
Cuantos trucos. Gracias @midudev
esta es la segunda clase del curso. Primera aquí: th-cam.com/video/hrxjBqZWsb0/w-d-xo.html. Tercera aquí: th-cam.com/video/iTjkiI8QQsM/w-d-xo.html
Lo pongo porque los títulos son un poco confusos :)
Gracias por el contenido Midu, muy útil
gracias muy interesante todos estos conceptos, Dios te bendiga.
Genial contenido como siempre, gracias
Muchas gracias rey, estoy pegado a tus videos :D
Algo que realmente he estado esperando!!
Esto lo voy a ver un par de veces.
Hola , cuando la parte 3 del curso de typescript con los utilities?
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.
Midu , si se viene un cursito completo de Tailwind como habias comentado ? ando aprovechando este contenido para complementar , estan muy buenos !
Espectacular clase
Muchas gracias midu
Excelente como siempre midu!
explica 10 puntos este flaco, es increible
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.
que crack midu!!!
Se agradece el curso, te dejo un like
muchas gracias miducrack !!!
Gracias! Buen video!
Si añades el borderbox abajo (eel boque ocupa 100 con borde), pero arriba NO debe tener borderbox para dejar 200px internos a los 100+100, si pones borderbox al parent el border te roba sobre esos 200 y ya no caben
Tremendoooo Video!!!!
Si bien se puede hacer todo con flex, para generar columnas prefiero grid y todo hacerlo desde el padre con grid-template-columns.
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)
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
Hoy te amo más que ayer
Que guapo midu con esos lentes
g?
grande Midu420!
Midu muchas gracias!!!!
todo un grande
Lo que paso en el aling-items es que si solo tienes una linea hace que todos los objetos se alinien con la altura del parent, no a la altura del objeto mas grande, entonce si functiono pero no como esperabamos.
😍😍😍Ame este video¡ Gracias por la explicación¡
Gracias por ver
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
gracias midu, eres la polla. saludos desde buenos aires
Gracias
una de grid midu!!!
ty bro, eres un crack... :D
A la orden
Buen curso
Y ya está
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".
yo luego de la intro ,super motivado para entender position 😱
antes de que empieze creo q con esa intro ya se hacerlo🤭
Excelente video
Gracias!
Muy buenooo🎉❤
quisiera hacer un alcance, el cuadro marca 120px porque se suma el margin y el tamaño del elemento, lo que pasa es que marca 120px porque suma 10px hacia la izquierda y 10px hacia la derecha y lo mismo sucede con el alto.
El padding se considera dentro del tamaño del elemento pero no se suma porque basicamente es un espacio hacia adentro del elemento
Capo!
Muchas gracias!
La frase que más me gusta de miduGod "A mover las manitas"
Mis malditas manos no se quieren mover y no entiendo css jajajaa
Me toca practicar y practicar a mover las malditas manitas 😂😂
Gracias por tan hermoso curso 💪🤙🤙🥳🥳
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?