🔖 TODOS los vídeos de esta SERIE: ✔ Menú horizontal con HTML, CSS y Javascript th-cam.com/video/_M0K_q617Kc/w-d-xo.html ✔ Menú horizontal con HTML, SCSS y TypeScript th-cam.com/video/hiFle5lBqck/w-d-xo.html ✔ Menú horizontal en BEM con HTML, SCSS y TypeScript th-cam.com/video/UOzIhbzPcPk/w-d-xo.html ✔ Menú horizontal en SUITCSS con HTML, SCSS y TypeScript th-cam.com/video/_85lzdSDmtw/w-d-xo.html ✔ Menú horizontal en BEM con ANGULAR th-cam.com/video/yMo7nChHa8o/w-d-xo.html ✔ Menú horizontal en SUITCSS con REACTJS th-cam.com/video/bS2UJmROxCE/w-d-xo.html ____ 😊 Vídeos recomendados th-cam.com/play/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj.html 🚀ROADMAP Desarrollo WEB th-cam.com/play/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv.html 🤯 Explicando Web de forma diferente th-cam.com/play/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab.html 🙇🏻 Construyendo un Slider, Acordeón, Tabs... th-cam.com/play/PLJpymL0goBgFXN27jElLCmysKQboKW7uW.html
Me estás haciendo la vida más fácil con todo lo que enseñas, la primera vez que escuché este vídeo pensé que era muy complejo pero luego viendo los otros vídeos de tu colección he visto que es al revés, más simple, solo hay que saber
Cruck buenísimo más claro ni el agua!! Estaría bueno que hicieras este tipo de navbar Mobile que se adapta a toda la pantalla y que no afecte el scroll del body, JJaja no he podido solucionar ese problema, no me pierdo ni uno de tus videos.
men eres un rpa gaaste mi suscripcion y mi like, habia intentado con un monton de videos anteriores que aparecian hay en mas visto pero filtre por tiempo me salio usted y me funciono ya enia 2 dias intentando esto ajajjaajja en otros videos hacia tal cual y en el navegador en js me decia que estaba desfaado es decir viejo ese comando y no me funcionaba gracias jajaja
Que bueno, me encanta ver trabajar, eres genial, y estoy ansioso por verte con typescript, angular y react js, en entorno más profesional 😜. Aprendo bastante contigo 👏🏼👏🏼👏🏼. Saludos desde Jerez. Un saludo
Eduardo, muy bueno el video, muy bien explicado, solo tengo una duda, por que pusiste el script arriba de de todo cuando en muchos otros canales se recomienda ponerlo antes de finalizar el body?
Buenas! Cuando achico la pantalla a 480px el nav no baja, se queda donde está ocupando el 100% :S, puse el reset completo, lo copié desde GIT. Excelente contenido! Saludos desde AR
Eduardo soy principiante en esto de la programacion, como puedo hacer que varios botones se desplieguen como el primer ejemplo que realizo, ya que no se mucho de javascript
Hola. Cómo se podría lograr que cuando se hace click en el icono del menú hamburguesa, este se trasforme en un cruz.? Tengo ambos iconos y no logro que el de menú hamburgesa desaparezca cuando el menú se encuentra desplegado.
Excelente contenido. Pero me surgió una pregunta. Al momento de inspeccionar el ul cuando no esta activado en el diseño responsive salen los elementos si pasamos el mouse encima. ¿Hay alguna forma de que no salga en el inspeccionador? Vi que con diplay none y bloc pero no los aparece de golpe y los desaparece igual Gracias crck
Hola! Quería saber si cual seria la forma de crear varios botones con distintos menú, pero que al hacer clic en un botón (hamburguesa 1 por ejemplo) los otros se oculten. Ojalá me haya expresado bien. Saludos!
Lo logré hacer, pero creo que es la manera menos eficiente: Defino las constante y selecciono el id del div a mostrar const menuMovil1 = document.querySelector('#menumovil1') const menuMovil2 = document.querySelector('#menumovil2') Al presionar el boton 1, mostrará el menuMovil1 y el resto le quitará la class activo function btnMovil1(){ menuMovil1.classList.toggle('activo'); menuMovil2.classList.remove('activo'); function btnMovil2(){ menuMovil1.classList.remove('activo'); menuMovil2.classList.toggle('activo'); Saludos
Buenas maestro, mil gracias! muy bien explicado y un resultado genial. Tras muchos intentos de hacer una versión mas personal agregando un submenu sigo sin poder hacerlo. Podrías explicar así rápidamente como poder hacer menu con submenu? :) thanks!! {} :)
Pues mira aquí tienes un vídeo sobre 3 hablando sobre el tema y viendo código en Responsive 😊👉 th-cam.com/video/qzyW_Zf0bbk/w-d-xo.html Por otro lado puedes ver cómo lo aplico en proyectos como estos: ✓ Programando DC Shoes USA th-cam.com/video/nUu--X0mmlo/w-d-xo.html ✓ Programando un Portfolio th-cam.com/video/XAwXz2w3vlg/w-d-xo.html ✓ Programando Google Stadia th-cam.com/video/LtyWVeFE4uM/w-d-xo.html ✓ Programando Netflix th-cam.com/video/WCUASu4V258/w-d-xo.html ✓ Programando Instagram con Yoda th-cam.com/video/JWV2rgTnbFQ/w-d-xo.html ¡Espero que te resulte de utilidad este comentario!😊
Cuando presiono el botón si tengo contenido debajo se mueve todo el contenido ¿Cómo hago si quiero que no le afecte a lo que está debajo? Y otra cosa, toggle no esta deprecated?
Edu, me ha saltado una duda, recuerdo que cuando comenzaba con Vscode, los cambios en la ventana del navegador se veían así de fluidos, cómo puedo hacer para que eso pase de nuevo ? 😬
bro una consulta hice el tutorial, pero le agregue una imagen de fondo. El tema es q cuando el menu se despliega la imagen se baja y me gustaria solucionar eso, me puedes ayudar?
Hola Eduardo!! sabes como solucionar el problema de que al momento de desplegar la navegación hacia abajo, el contenido de la página no se mueva hacia abajo??? Amo tus videos, son tan detallados que no se te escapa nada!!!
No sé porqué el firefox y el chrome algunas cosas de reset Pro me las implementan bien y otras, como el transform, o el modo oscuro no. Revisé todo el código varias veces, la sintaxis, además el reset lo descargué de su guithub y lo revisé a la vez que veía su vídeo. Lo tomaré de referencia pero quitaré lo que me de problemas hasta que vea otra solución
Bien hecho Sefora!! Como bien comento en el vídeo teórico de Reset, es una base y debemos de modificarlo y adaptarlo en base a nuestro proyecto como comento aquí 😊👉 th-cam.com/video/bXqPNoYFK8w/w-d-xo.html ¡Te agradecería que me comentases si se resuelve el día de mañana! Un saludo!
![🔴 ฟุตบอลแชมป์กีฬา 7HD แชมเปียน คัพ 2024 [รอบรองชนะเลิศ]](http://i.ytimg.com/vi/zPm8ClLVhoE/mqdefault.jpg)
🔖 TODOS los vídeos de esta SERIE:
✔ Menú horizontal con HTML, CSS y Javascript th-cam.com/video/_M0K_q617Kc/w-d-xo.html
✔ Menú horizontal con HTML, SCSS y TypeScript th-cam.com/video/hiFle5lBqck/w-d-xo.html
✔ Menú horizontal en BEM con HTML, SCSS y TypeScript th-cam.com/video/UOzIhbzPcPk/w-d-xo.html
✔ Menú horizontal en SUITCSS con HTML, SCSS y TypeScript th-cam.com/video/_85lzdSDmtw/w-d-xo.html
✔ Menú horizontal en BEM con ANGULAR th-cam.com/video/yMo7nChHa8o/w-d-xo.html
✔ Menú horizontal en SUITCSS con REACTJS th-cam.com/video/bS2UJmROxCE/w-d-xo.html
____
😊 Vídeos recomendados th-cam.com/play/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj.html
🚀ROADMAP Desarrollo WEB th-cam.com/play/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv.html
🤯 Explicando Web de forma diferente th-cam.com/play/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab.html
🙇🏻 Construyendo un Slider, Acordeón, Tabs... th-cam.com/play/PLJpymL0goBgFXN27jElLCmysKQboKW7uW.html
Me estás haciendo la vida más fácil con todo lo que enseñas, la primera vez que escuché este vídeo pensé que era muy complejo pero luego viendo los otros vídeos de tu colección he visto que es al revés, más simple, solo hay que saber
Muchas gracias por el comentario Sefora!! 😊
Crack! Excelente contenido, explicación clara y sin vueltas. Allí va mi like poderoso!
Muy preciso en todo, bien explicado, muchas gracias ;D
Hola, apenas llego al canal. Te agradezco enormemente por subir estos contenidos, me estan ayudando muchisimo!
Hola David!! Muchísimas gracias por tu comentario y por el apoyo!! 😊
Excelente!!! gracias por todo lo compartido, vale oro!!
Muchísimas gracias Nestor!! 😊
Cruck buenísimo más claro ni el agua!!
Estaría bueno que hicieras este tipo de navbar Mobile que se adapta a toda la pantalla y que no afecte el scroll del body, JJaja no he podido solucionar ese problema, no me pierdo ni uno de tus videos.
Muchas gracias por el aporte. Muy buena la explicación.Cruck!! 🙋🏻♂️🧠👍
Muchísimas gracias Juan!!! Tú sí que eres un cruck!! 😊
Muchas gracias!
A tí!!! 🎉
men eres un rpa gaaste mi suscripcion y mi like, habia intentado con un monton de videos anteriores que aparecian hay en mas visto pero filtre por tiempo me salio usted y me funciono ya enia 2 dias intentando esto ajajjaajja en otros videos hacia tal cual y en el navegador en js me decia que estaba desfaado es decir viejo ese comando y no me funcionaba gracias jajaja
Muchas gracias Hey Code!! Pues ahora a usarlo!! 😊
Buenísimo, como siempre explicando cada detalle👌🏼
Muchas gracias Aldair por el comentario!! 😊😊
el video que necesitaba
Pues a darle!! 😊
Que bueno, me encanta ver trabajar, eres genial, y estoy ansioso por verte con typescript, angular y react js, en entorno más profesional 😜. Aprendo bastante contigo 👏🏼👏🏼👏🏼. Saludos desde Jerez. Un saludo
Muchísimas gracias Ezequiel!! 😊
Tremendo video edu, te la sacaste
Tremendo comentario Sergio, te la sacaste
Eduardo, muy bueno el video, muy bien explicado, solo tengo una duda, por que pusiste el script arriba de de todo cuando en muchos otros canales se recomienda ponerlo antes de finalizar el body?
Grande bro
Gracias bro!
Muy buen video 👌
Muchas gracias Tizi!! 😊
Buenas! Cuando achico la pantalla a 480px el nav no baja, se queda donde está ocupando el 100% :S, puse el reset completo, lo copié desde GIT. Excelente contenido! Saludos desde AR
Eduardo soy principiante en esto de la programacion, como puedo hacer que varios botones se desplieguen como el primer ejemplo que realizo, ya que no se mucho de javascript
SOS GOD
GOOOOOOOOOOOOOOOOOD
Te dejo un like y me suscribo, lástima no incluiste un click fuera del menú para que se repliegue este mismo, así quedaría redondito
Hola. Cómo se podría lograr que cuando se hace click en el icono del menú hamburguesa, este se trasforme en un cruz.? Tengo ambos iconos y no logro que el de menú hamburgesa desaparezca cuando el menú se encuentra desplegado.
Excelente contenido. Pero me surgió una pregunta. Al momento de inspeccionar el ul cuando no esta activado en el diseño responsive salen los elementos si pasamos el mouse encima. ¿Hay alguna forma de que no salga en el inspeccionador? Vi que con diplay none y bloc pero no los aparece de golpe y los desaparece igual
Gracias crck
Hola! Quería saber si cual seria la forma de crear varios botones con distintos menú, pero que al hacer clic en un botón (hamburguesa 1 por ejemplo) los otros se oculten. Ojalá me haya expresado bien.
Saludos!
Lo logré hacer, pero creo que es la manera menos eficiente:
Defino las constante y selecciono el id del div a mostrar
const menuMovil1 = document.querySelector('#menumovil1')
const menuMovil2 = document.querySelector('#menumovil2')
Al presionar el boton 1, mostrará el menuMovil1 y el resto le quitará la class activo
function btnMovil1(){
menuMovil1.classList.toggle('activo');
menuMovil2.classList.remove('activo');
function btnMovil2(){
menuMovil1.classList.remove('activo');
menuMovil2.classList.toggle('activo');
Saludos
profesor porque no utiliza un gap en el ul y listo sin colocar margin
Buenas maestro, mil gracias! muy bien explicado y un resultado genial. Tras muchos intentos de hacer una versión mas personal agregando un submenu sigo sin poder hacerlo. Podrías explicar así rápidamente como poder hacer menu con submenu? :) thanks!! {} :)
Muy buen video, tenes en tu canal un video de cómo hacer una página responsive?
Pues mira aquí tienes un vídeo sobre 3 hablando sobre el tema y viendo código en Responsive 😊👉 th-cam.com/video/qzyW_Zf0bbk/w-d-xo.html
Por otro lado puedes ver cómo lo aplico en proyectos como estos:
✓ Programando DC Shoes USA th-cam.com/video/nUu--X0mmlo/w-d-xo.html
✓ Programando un Portfolio th-cam.com/video/XAwXz2w3vlg/w-d-xo.html
✓ Programando Google Stadia th-cam.com/video/LtyWVeFE4uM/w-d-xo.html
✓ Programando Netflix th-cam.com/video/WCUASu4V258/w-d-xo.html
✓ Programando Instagram con Yoda th-cam.com/video/JWV2rgTnbFQ/w-d-xo.html
¡Espero que te resulte de utilidad este comentario!😊
@@EduardoFierroPro muchas gracias !!!
Cuando presiono el botón si tengo contenido debajo se mueve todo el contenido ¿Cómo hago si quiero que no le afecte a lo que está debajo? Y otra cosa, toggle no esta deprecated?
tu clase muy interesante super didactico , pero mi distraigo un poco por lo guapo que eres . :)
Edu, me ha saltado una duda, recuerdo que cuando comenzaba con Vscode, los cambios en la ventana del navegador se veían así de fluidos, cómo puedo hacer para que eso pase de nuevo ? 😬
bro una consulta hice el tutorial, pero le agregue una imagen de fondo. El tema es q cuando el menu se despliega la imagen se baja y me gustaria solucionar eso, me puedes ayudar?
Hola Eduardo!! sabes como solucionar el problema de que al momento de desplegar la navegación hacia abajo, el contenido de la página no se mueva hacia abajo???
Amo tus videos, son tan detallados que no se te escapa nada!!!
Position fixed creo al contenedor padre
Y como hacer el mismo menú para escritorio, porque muchas páginas también usan el mismo estilo, osea que no desaparezca el botón hamburguesa.
bro tengo un problema es que al momento de recargar la pagina en el celular se abre automaticamente el menu que puedo hacer
No sé porqué el firefox y el chrome algunas cosas de reset Pro me las implementan bien y otras, como el transform, o el modo oscuro no. Revisé todo el código varias veces, la sintaxis, además el reset lo descargué de su guithub y lo revisé a la vez que veía su vídeo. Lo tomaré de referencia pero quitaré lo que me de problemas hasta que vea otra solución
Bien hecho Sefora!! Como bien comento en el vídeo teórico de Reset, es una base y debemos de modificarlo y adaptarlo en base a nuestro proyecto como comento aquí 😊👉 th-cam.com/video/bXqPNoYFK8w/w-d-xo.html ¡Te agradecería que me comentases si se resuelve el día de mañana! Un saludo!
jq no es obsoleto es decir ya deberia ser js en todo
veo que sabes mucho, cuál es tu salario xD ? No che, pará, pregunto en serio, para motivarme aún más para seguir jajaja