Curso JavaScript: 90. DOM: Ejercicios Prácticos | Responsive con JavaScript -

  Рет қаралды 21,216

jonmircha

jonmircha

Күн бұрын

En este video de ejercicios del #DOM de #JavaScript te enseño a hacer #ResponsiveDesign con #JavaScript (#ResponsibleResponsiveDesign).
💛 Aprende JavaScript aprendejavascr...
📖 Mis notas sobre JavaScript jonmircha.com/...
📖 Mis notas sobre ECMAScript jonmircha.com/...
📖 Mis notas sobre JavaScript Asíncrono jonmircha.com/...
📖 Mis notas sobre JSON jonmircha.com/...
📖 Mis notas sobre el DOM jonmircha.com/dom
📦 Códigos: github.com/jon...
🔔 Suscríbete al canal kzbin.info... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
🤲 Apóyame en Patreon / jonmircha
📫 Suscríbete a mi lista de correo tinyletter.com...

Пікірлер: 222
@martinbergesio1990
@martinbergesio1990 4 жыл бұрын
Buenos días, aquí te dejo mi solución al ejercicio. Como comentan más abajo VS Code te marca como un método en desuso a .addListener y leyendo la documentación que pasaste de MDN lo sustituí por breakpoint.addEventListener("change", responsive) con lo que conseguí el mismo resultado. Un saludo, muchas gracias
@martinbergesio1990
@martinbergesio1990 4 жыл бұрын
github.com/Dachi90/Curso-Jon-MirCha/blob/master/Video%2080%20al%20104/js/responsive-js.js
@jonmircha
@jonmircha 4 жыл бұрын
Gracias :)
@brandon400
@brandon400 4 жыл бұрын
graciass amigo
@miguelfasanella6042
@miguelfasanella6042 3 жыл бұрын
Muchas gracias! Al ver que Visual Studio me lo marcaba en desuso vine corriendo a los comentarios a ver si alguien había comentado algo al respecto jajaja
@poisonedw
@poisonedw 3 жыл бұрын
@@miguelfasanella6042 X2
@josefabianbeltranmeza6914
@josefabianbeltranmeza6914 3 жыл бұрын
Me encanta cuando un docente comparte libros ya leídos, para que sus alumnos afiancen sus conocimientos. Denota la calidad, entrega y compromiso que tiene con su formación y con la de los demás. Un fuerte abrazo desde Colombia Jon.
@jonmircha
@jonmircha 3 жыл бұрын
😉🙌
@brianbaez2637
@brianbaez2637 9 ай бұрын
wao, querer es poder definitivamente mr Mircha the goat
@jonmircha
@jonmircha 9 ай бұрын
👋🏻😉
@RonnyG2121
@RonnyG2121 Жыл бұрын
Vengo del futuro y a la verdad que me han servido muchísimo. He aprendido cosas interesantes.
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@Gabriel_op87
@Gabriel_op87 Жыл бұрын
Es realmente impresionante el conocimiento que tiene, unas de las deciciones por la que elegi estudiar con usted antes que los miles de cursos que hay en internet, es el enfoque hacia las buenas practicas y la optimizacion al programar.
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@juancamiloparedeszamora8481
@juancamiloparedeszamora8481 2 жыл бұрын
¡ Qué nivel profe ! Todo el mundo enseña a programar, pero no todo el mundo lo hace con buenas prácticas. Excelente material.
@jonmircha
@jonmircha 2 жыл бұрын
Gracias. Saludos😉👋🏻
@jhonsuarez2103
@jhonsuarez2103 Жыл бұрын
Que clase Jon, muchas gracias voy por acá y con todas las ganas de terminar tu curso
@jonmircha
@jonmircha Жыл бұрын
😉👋🏻
@instintoimagen
@instintoimagen 2 жыл бұрын
El mejor curso de #javascript
@jonmircha
@jonmircha 2 жыл бұрын
🥰🙌🏻
@Nanomixer98
@Nanomixer98 2 жыл бұрын
Me puse a hacer cuentas y este curso tiene una duración aproximada de 68 hrs. y al llegar a este video tan solo van 33 hrs. aproximadamente. Eso quiere decir que lo bueno apenas está por venir 😎 y eso que ya he aprendido muchisimo. Gracias por el curso profe Jon!
@jonmircha
@jonmircha 2 жыл бұрын
👍🏻🤓
@elweonweandolaweafome
@elweonweandolaweafome Жыл бұрын
se hacen eternas y a la vez no quieres que acaben, son sentimientos encontrados jajaja
@roxa3981
@roxa3981 6 ай бұрын
Mircha eres mi youtuber de programación favorito ❤.. Saludos para ti, para tu esposa y para tu cachorro 🐶.
@jonmircha
@jonmircha 6 ай бұрын
👋🏻😉
@marcoviniciomuralles5722
@marcoviniciomuralles5722 9 ай бұрын
Excelente solución. Me encantó como lo hiciste; no se me había ocurrido.
@jonmircha
@jonmircha 9 ай бұрын
👋🏻😉
@timawid
@timawid Жыл бұрын
Muchisimas gracias! he logrado aprender mucho resolviendo estos ejercicios. Me funciona mucho lo que aprendo aqui, con lo que me enseña la documentacion. Gracias a eso he logrado solucionar la mayoria de los ejercicios antes de ver el video, y despues de ver el video mis conocimientos se refuerzan aun mas y he logrado que mi codigo sea mas simple y siga funcionando.
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@giovannyvanegas88
@giovannyvanegas88 Жыл бұрын
Es demasiado conocimiento y cada dia que veo un curso del profe Jon, se aprende y se da cuento que uno esta lejos de llegar a tener todo ese conocimiento. Excelente video como siempre Jon!
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@ronaldm.r
@ronaldm.r 4 жыл бұрын
Donde dice network en el navegador por igual pueden ver todo lo que se le podria descargar al usuario al tratar de ingresar a tu web y pueden tomar referencia de ahi para optimizar el sitio
@Ni_idea_de_tecnologia
@Ni_idea_de_tecnologia 9 ай бұрын
Ejemplo genial para aligerar la carga de datos del usuario. Aunque yo vengo del futuro, sigo disfrutando mucho de sus enseñanzas Sr. Mircha. Muchas gracias
@jonmircha
@jonmircha 9 ай бұрын
👋🏻😉
@Wiiiiizard
@Wiiiiizard Жыл бұрын
🧙‍♂Muchas gracias, buen curso!!!
@jonmircha
@jonmircha Жыл бұрын
Gracias por comentar
@yamil3105
@yamil3105 4 жыл бұрын
muchas gracias, cada día los cursos son mas interesantes :-)
@jonmircha
@jonmircha 4 жыл бұрын
De nada, comparte para llegar a más gente :)
@SantiagoGonzáles-d7u
@SantiagoGonzáles-d7u 5 ай бұрын
gracias hermano 2024 y esto sigue funcionando
@jonmircha
@jonmircha 5 ай бұрын
Con gusto👋🏻😉
@diegosalvana3572
@diegosalvana3572 2 жыл бұрын
Excelente video Jon! Gracias!
@jonmircha
@jonmircha 2 жыл бұрын
Con gusto
@lalojejeje
@lalojejeje 2 жыл бұрын
Hola Jon!!! Ya fuimos dos, lo mismo hacia, descargaba contenido para verlo en casa, kekeke... Saludos...
@jonmircha
@jonmircha 2 жыл бұрын
😁
@luisp0160
@luisp0160 2 жыл бұрын
Cuando consiga mi primer trabajo, obtendrás el 10% de este Jonathan, eso te lo prometo. Sin duda el mejor profesor que haya yo tenido.
@jonmircha
@jonmircha 2 жыл бұрын
🥰🙌🏻
@romanalvarez4139
@romanalvarez4139 Жыл бұрын
como va eso compa?
@nataliahilarion426
@nataliahilarion426 Жыл бұрын
Me encanto esta clase, muchas gracias por este valioso :)
@jonmircha
@jonmircha Жыл бұрын
🤓👍🏻
@rutita
@rutita 3 жыл бұрын
🍎 Que genialidad es terminar este año tan duro con este curso, lo mejor del 2020 es Mircha!!🍎🍎🍎
@jonmircha
@jonmircha 3 жыл бұрын
;)
@walterarriaza
@walterarriaza 2 жыл бұрын
Otro fantástico tutorial Jon, realmente agradecido, no solamente por la excelencia con la que impartes cada curso, sino más aún, por tu sencillez al contar aspectos de tu vida que nos animan, pues nos recuerdan que los comienzos no siempre son fáciles, pero que el esfuerzo y la disciplina, traen su recompensa.
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@monsterleagueescritas
@monsterleagueescritas 2 жыл бұрын
No maestro su "choro" es lo que más me gusta de como nos enseña porque nos refresca la memoria, un grande ❤️ aprenderé como funciona Paypal solo para apoyarlo 🔥 usted es un gran maestro, lo admiro mucho ✨💞
@jonmircha
@jonmircha 2 жыл бұрын
🥰🙌🏻
@mundomagupe6088
@mundomagupe6088 Жыл бұрын
Todos los días se aprende algo nuevo con jhon.
@jonmircha
@jonmircha Жыл бұрын
😉👋🏻
@leomax522
@leomax522 Жыл бұрын
Otra vez dando cátedra. Felicitaciones y Benidiciones Jon.
@jonmircha
@jonmircha Жыл бұрын
👋🏻😉
@Karen-fy7mq
@Karen-fy7mq 2 жыл бұрын
Espectacular, gracias
@jonmircha
@jonmircha 2 жыл бұрын
Hola, muchas gracias
@kleiberlizarraga1763
@kleiberlizarraga1763 Жыл бұрын
Buenas noches , Jon . estoy muy agradecido por esos cursos, gracias a ti eh comprendido mucho de JavaScript y todas esas clases han sido de mucho aporte … Excelente forma de explicar y hacer entender lo justo para aprender todo 🤗🤗🤗
@jonmircha
@jonmircha Жыл бұрын
😉👋🏻
@francomusolino6846
@francomusolino6846 2 жыл бұрын
Gracias por tanto!!!
@jonmircha
@jonmircha 2 жыл бұрын
Con mucho gusto
@luisluna8900
@luisluna8900 2 жыл бұрын
jon, se que ya te lo han dicho pero, quiero recordarte que eres una gran persona, lo puedo notar aun que estemos entre pantallas y simulacion social; y por ende un super buen profesor y programador, graciassss infinita veces....ojala que algun dia publiques tu tesis para poder leer ese gran contenido
@jonmircha
@jonmircha 2 жыл бұрын
🥰🙌🏻
@danielfabiani4468
@danielfabiani4468 Жыл бұрын
Gracias jon, muy bueno esto de diseño responsable, los que hemos sufrido la escases de datos en el movil sabemos lo importante que puede ser. Saludos
@jonmircha
@jonmircha Жыл бұрын
😉👍🏻
@admoises
@admoises 3 жыл бұрын
Que buen dato lo de responsible responsive design y que mejora el performance
@jonmircha
@jonmircha 3 жыл бұрын
;)
@monsterleagueescritas
@monsterleagueescritas 2 жыл бұрын
Increíble este tema me bolo la cabeza, osea el hecho de ahorrar recursos del usuario y cosas que pasan siempre y no notamos 🧐🍷 esta clase jaja admito que no me llamaba la atención porque pensé que se refería más a adaptar cajas, pero quitar y poner elementos que locooo, Gran clase maestro 💞✨
@jonmircha
@jonmircha 2 жыл бұрын
😉👍🏻
@heimancastro1954
@heimancastro1954 4 ай бұрын
excelente maestro
@jonmircha
@jonmircha 4 ай бұрын
👋🏻😉
@brandonsalas4740
@brandonsalas4740 3 жыл бұрын
Me ayudaste mucho Bro , por ti y tus videos salí bien del cole .
@jonmircha
@jonmircha 3 жыл бұрын
Felicidades!
@paezbeltran
@paezbeltran 4 жыл бұрын
Excelente como explicas, eres grande, sigue así
@jonmircha
@jonmircha 4 жыл бұрын
Gracias! 😊
@eduardflores8420
@eduardflores8420 2 жыл бұрын
event.matches es una propiedad de MediaQueryList,que es distinto al element.matches donde se verifica si coincide con un selector css, cierto??? y addListener es un método de MediaQueryList, creo que te faltó explicar eso
@yuniorvaron8005
@yuniorvaron8005 4 жыл бұрын
Excelente contenido,gracias por compartir tus conocimientos, de los mejores cursos de javascript que he tomado
@jonmircha
@jonmircha 4 жыл бұрын
de nada 🤓, comparte para llegar a más gente
@victormontivero1998
@victormontivero1998 3 жыл бұрын
Muy buena clase, en especial desde lo conceptual para tener en cuenta como ayudar al usuario a cuidar su plan de datos, gracias!
@jonmircha
@jonmircha 3 жыл бұрын
;)
@admoises
@admoises 2 жыл бұрын
Ahora entiendo mucho mejor la importancia del Responsible responsive design gracias a tu curso de Responsive y Arquitectura CSS
@jonmircha
@jonmircha 2 жыл бұрын
😉👍🏻
@carlasab2856
@carlasab2856 2 жыл бұрын
Una clase magistral!!
@jonmircha
@jonmircha 2 жыл бұрын
🤓👍🏻
@edwinroman30
@edwinroman30 3 жыл бұрын
¡He vuelto, gracias Jonh por aportar conocimiento a nuestras vida. Muy interesante esta práctica para optimizar recursos!
@jonmircha
@jonmircha 3 жыл бұрын
;)
@edgarzambrano3505
@edgarzambrano3505 2 жыл бұрын
que buen video profe, muchas gracias en estos momentos estoy creando mi propio negocio y haciendo mi propia pagina web y este video fue perfecto para darle el mapa de la ubicación y un video de bienvenida a mis posibles cliente muchas gracias profe
@jonmircha
@jonmircha 2 жыл бұрын
😉👍🏻
@EducacionCultura1992
@EducacionCultura1992 Жыл бұрын
Dios mio cuanta informacion y de calidad. Profe se ha tomado la tarea de mirar cuanto dura este curso?. No he visto otro curso tan completo nisiquiera en el idioma ingles. ❤
@jonmircha
@jonmircha Жыл бұрын
no 😅
@josefabianbeltranmeza6914
@josefabianbeltranmeza6914 3 жыл бұрын
Jejejeje en el pasado me tocó realizar esta mala practica de ocultar contenido =,S. Gracias Jon, ya puedo corregir este tipo de problemas.
@jonmircha
@jonmircha 3 жыл бұрын
🙌😉
@kevinarnoldcalla4175
@kevinarnoldcalla4175 3 жыл бұрын
1 dia del año con tremendo curso, exitos profe para este nuevo año
@jonmircha
@jonmircha 3 жыл бұрын
Igualmente!
@leonardoprone5967
@leonardoprone5967 2 жыл бұрын
Impresionante clase, Jon!. Muchas gracias
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@josemanuelherrero6495
@josemanuelherrero6495 3 жыл бұрын
Excelente ejercicio Responsive! Extraordinario!!!!!!!!!!!!
@jonmircha
@jonmircha 3 жыл бұрын
Mil gracias!
@dosek1996
@dosek1996 3 жыл бұрын
Hola Jon ... Primero que nada quiero agradecerte por todo tu esfuerzo y todo el contenido que nos estás compartiendo de manera gratuita... Simplemente eres un crack explicando y el contenido de tu curso es simplemente el mejor, acabando este tomaré el de node y posteriormente php ... Pero quisiera saber si no está en tus planes hacer uno sobre git yo soy nuevo en la programación se para que sirve git y me se algunos comandos pero no logro entenderlo del todo bien ya que jamás lo he usado en práctica y simplemente no se cómo hacerlo o almenos no me doy una idea de como lo pondría en práctica ya que jamás e trabajado en equipo ... Ya que eres una persona muy explícita en tus cursos me gustaría que contemplaras dar un curso git para nosotros tus fieles seguidores debido a que es una herramienta básica y es necesario entenderla ... De ante mano gracias 🙏
@jonmircha
@jonmircha 3 жыл бұрын
Tengo en mente sacar un curso de Git en 2021 ;)
@JuanDGamba
@JuanDGamba 2 жыл бұрын
En el protocolo "file:///" no funcionan los módulos por una restricción CORS de requisitos de seguridad. Como el evento "DOMContentLoaded" del tema oscuro se está ejecutando aparte del evento de los elementos "a" de la versión de móvil que coloco, no he podido hacer que interactúen con el tema, no sé cómo resolver ese problema, estaría bien que me ayudara. Excelente explicación.
@jonmircha
@jonmircha 2 жыл бұрын
😉👍🏻
@cristhiancarloschaucamaria3987
@cristhiancarloschaucamaria3987 4 жыл бұрын
¡¡¡Excelente...!!! muy buen contenido
@jonmircha
@jonmircha 4 жыл бұрын
Gracias, comparte para llegar a más personas :)
@eitanstevengil4215
@eitanstevengil4215 2 жыл бұрын
55% del curso hecho! >:3
@jonmircha
@jonmircha 2 жыл бұрын
😉👋🏻
@ronaldm.r
@ronaldm.r 4 жыл бұрын
Para yo hacer el responsive hice lo siguiente: cuando el usuario esté en móvil remuevo los y de estos saco sus "src", creo etiquetas "a" dinamicamente y las inserto en el DOM, y de los hago un "importNode()" y si el usuario cambia de tamaño de pantalla o ingresa en PC pues los que cloné los inserto en el DOM asi evito que los consuman ancho de banda, ya que estos solo lo harán cuando sean insertados al DOM, que opina de mi solución? jejeje
@AlejandroGuerrero
@AlejandroGuerrero 3 жыл бұрын
Muchas gracias por los ejercicios, muy útiles. Seguimos aprendiendo.
@jonmircha
@jonmircha 3 жыл бұрын
Excelente
@user87546
@user87546 Жыл бұрын
14:44 qué tiene que ver el e.matches con el w.matchMedia? no entiendo por que devolveria booleano el primero, contra qué compara? No entiendo cómo están relacionados
@camilogomez5243
@camilogomez5243 4 жыл бұрын
Excelente video y excelente explicacion !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@jonmircha
@jonmircha 4 жыл бұрын
Gracias :) comparte para llegar a más personas.
@Carlosreyes-rz2xh
@Carlosreyes-rz2xh 2 жыл бұрын
En estos momentos, Visual studio me marca que ya addListener, esta en desuso F
@aaronfabriciosantacruzvald8101
@aaronfabriciosantacruzvald8101 3 жыл бұрын
Realmente muy interesante no tenia idea de esta técnica
@jonmircha
@jonmircha 3 жыл бұрын
:)
@jerrysdn5550
@jerrysdn5550 3 жыл бұрын
Hola Jon y compañeros, agradezco infinitamente tu hermosa labor de enseñarnos tus conocimientos y más aún, compartirlos con nosotros, después de agradecer tu notable labor, quiero pedir ayuda sobre este ejercicio. Cuando pongo en el archivo de objeto_responsivo.js la comparación lógica de e.matches no me da ningún valor (ni false, ni true) y como comentan abajo el addListener me marca como si estuviese en desuso, espero puedan ayudarme. Les envío un cordial saludo
@jonmircha
@jonmircha 3 жыл бұрын
Pronto haré un video al respecto :)
@jerrysdn5550
@jerrysdn5550 3 жыл бұрын
@@jonmircha Nuevamente GRACIAS
@agustinmayora.s8254
@agustinmayora.s8254 3 жыл бұрын
Gracias Jon! Muy buena clase!
@jonmircha
@jonmircha 3 жыл бұрын
Muchas gracias!
@carlesbautista8293
@carlesbautista8293 3 жыл бұрын
Muy bien explicado Jonathan, gracias :)
@jonmircha
@jonmircha 3 жыл бұрын
Con mucho gusto
@CristianLeva615
@CristianLeva615 2 жыл бұрын
Muy buenas noches profesor!, quisiera saber si hay otros metodos que puedan usarse para el responsive ya que lo que usted uso esta en desuso, en un comentario vi sobre el evento change pero creo que según lei (corrijame si me equivocó) era solo para inputs. ¿Que otras opciones de eventos tengo para hacer responsive?
@aaronjesuspadillaramirez2949
@aaronjesuspadillaramirez2949 4 жыл бұрын
Profesor excelente capitulo del curso podria hacer un curso sobre WPO suena algo interesante e importante de aprender. Saludos.
@jonmircha
@jonmircha 4 жыл бұрын
Lo tendré en cuenta
@valnetvln6802
@valnetvln6802 3 жыл бұрын
Una pregunta amigo, en tu función de responsive minuto 14:53 la (e) que le pasas como parámetro se supone que es del evento del mediaQuery, pero tengo una duda, ¿Cómo es que sabe que es un evento de tipo mediaQuery?, lo único que se me ocurre es que busca dentro de los parámetros de tu función y el que sea un evento, pues se lo trae, la verdad esa parte no me queda muy claro.
@dosek1996
@dosek1996 3 жыл бұрын
Hola amigo, es un evento ya que la función recibe el evento que se desencadena cuando se agrega el addlistener a la variable que almacena el mq, ves que en lugar de recibir un evento manda a llamar a la función responsive, entonces dicho evento que esperaba el addlistener lo tiene como parámetro la función responsive
@dvesc
@dvesc 3 жыл бұрын
@jonmircha básicamente con eso y solo eso se aplica el Responsive a una pagina web en general? es decir, con el simple uso de un matchMedia, un listener y un condicional, ya podemos aplicarle ese "ajuste de formato" a cualquier elemento del HTML cambiando su contenido o sus estilos haciendo totalmente adaptable nuestra pag a diversos dispositivos???
@jonmircha
@jonmircha 3 жыл бұрын
En JS, sí
@dvesc
@dvesc 3 жыл бұрын
@@jonmircha wooooow, en verdad creí que era mas complejo XD, bueno, entonces voy a reestructurar toda la pagina para que los botones estén en el margen inferior solo si el formato es de un movil, si es de una pc estarán arriba en el header como cualquier pag web :3
@axelcadona1471
@axelcadona1471 3 жыл бұрын
Que puedo poner en cambio de addListener?
@user87546
@user87546 Жыл бұрын
11:14 y para que sirve el metodo matchMedia del objeto window ? edit: creo que para comprobar si se cumple o no el media query que se le pasa xD
@user87546
@user87546 Жыл бұрын
18:18 addListener me dice que está deprecado y lo tacha pero aún así en chrome me está funcionando
@nicocorzi
@nicocorzi 2 жыл бұрын
Disculpen: Tenía el mismo problema. Cambié por breakpoint.addEventListener("change", responsive)ya que vi los comentarios. Mi ejercicio es más sencillo, solo trato de insertar el video. Pero siguen los problemas... Ayuda por favor.
@javieraleagagarcia8193
@javieraleagagarcia8193 3 жыл бұрын
Buenas siguiendo el ejemplo del video en el momento que utilizo addListener() me da error de @deprecated. No encuentro otra forma de solucionarlo, si puedes ayudarme.
@jonmircha
@jonmircha 3 жыл бұрын
Revisa la documentación. también podrías usar un evento resize
@carloscontreras6051
@carloscontreras6051 2 жыл бұрын
Hola, antes de arrancar a ver el video, una pregunta para Jon, en algun capitulo mas adelante se ve como mover un boton con el mouse? o se puede hacer con una variante del ejercicio del teclado y todavia no averigue como?
@jonmircha
@jonmircha 2 жыл бұрын
Lo puedes hacer con una variante del ejercicio que comentas
@carloscontreras6051
@carloscontreras6051 2 жыл бұрын
@@jonmircha Muchas graciass!! A buscar el evento y seguir practicando
@byjacck1
@byjacck1 Жыл бұрын
Hola Profe Jon, disculpa, ya no tienes la lista de reproducción del Curso Responsive Designe? No la encuentro por ningún lado :c
@jonmircha
@jonmircha Жыл бұрын
No, por que ya hay uno nuevo que lo reemplazo kzbin.info/www/bejne/q5Wqo4uNmq-jZ7s
@byjacck1
@byjacck1 Жыл бұрын
@@jonmircha Gracias profe
@nicocorzi
@nicocorzi 2 жыл бұрын
Aplico todo lo indicado por los buenos participantes y el docente, pero aun no logro que al hacerlo pequeño pase a ser responsive...AYUDA!!!
@jorgerafaelcallejoflores67
@jorgerafaelcallejoflores67 4 жыл бұрын
cosmico!!!!
@jurrrgenOF
@jurrrgenOF 3 жыл бұрын
jon me puedes decir que a que te refieres con e.target, ósea como podría entenderlos?
@jonmircha
@jonmircha 3 жыл бұрын
Eso se explico en la clase de los eventos, es el objeto que origina el evento
@jeancornelio159
@jeancornelio159 2 жыл бұрын
e.target hace referencia al elemento accionador del evento: "event.target".
@duanlyvegaalderete6604
@duanlyvegaalderete6604 2 жыл бұрын
profe donde están esos cursos responsive web design
@jonmircha
@jonmircha 2 жыл бұрын
En la lista de HTML y CSS
@user87546
@user87546 Жыл бұрын
23:08 como hacen para que no se salga del viewport el codigo que estamos escribiendo en visual studio? a mi me queda supero largo y no se pasa a una nueva línea
@jonmircha
@jonmircha Жыл бұрын
alt + z opción wordwrap
@enzocuellar4395
@enzocuellar4395 4 жыл бұрын
Hola Jon, es necesario o recomedable pasar los parametros como el de la media query? yo me siento mas comodo poniendola directo en la programación
@jonmircha
@jonmircha 4 жыл бұрын
Ambas perspectivas son válidas ;)
@kikemadrigalr
@kikemadrigalr 4 жыл бұрын
saludos Jon. Una pregunta. Que tan buena practica o que tan optimo es resolver esta prueba creando los elementos desde Js?? Lo pregunto por el tema de la descarga de los recurso, y el ahorrar el tema de los datos de navegación en caso de móviles??
@jonmircha
@jonmircha 4 жыл бұрын
Depende el contenido, por ejemplo si quisiera trabajar con puro texto, pues no tendría sentido, simplemente usar css para ocultarlos o no, pero cuando hablamos de elementos multimedia como videos, audios, widgets de redes, es muy eficiente y optimo
@juancruzledesma5693
@juancruzledesma5693 3 жыл бұрын
@@jonmircha Me parece que para darle el broche de oro a esta metodología, habria que acompañarlo con un humilde boton de "Ahorro de datos". En plan de que si el usuario quiere, que pueda ver todo tranquilo como corresponde en el celular pero si tiene pocos datos, que active esta opcion.
@terras06233
@terras06233 3 жыл бұрын
Muy bueno, yo lo hice con recize, el unico "inconveniente" es que me tira unos warnings en la consola que no se que significan... a alguien le ha pasado?. Es algo que dice [Violation] 'unload' handler took 362ms
@jonmircha
@jonmircha 3 жыл бұрын
😮
@cobachista
@cobachista 3 жыл бұрын
tengo problema con menu hamburguesa agregue mas secciones no se desaparecer
@maycolchristianelcorrobarr41
@maycolchristianelcorrobarr41 3 жыл бұрын
Magia \o/
@jonmircha
@jonmircha 3 жыл бұрын
🧙‍♂️
@tongastonga22
@tongastonga22 8 ай бұрын
Hola Jon, como siempre gracias! puede ser que en el server de github no me funcione debido a un error de carga de recursos? me da un error ERR_ABORTED 404, te mando un saludo, disculpa las molestias!
@jonmircha
@jonmircha 8 ай бұрын
👋🏻😉
@tecmiguell85
@tecmiguell85 2 жыл бұрын
igual guardaba los website y a estudiar en mi casa, solo que yo empece con Java y MySQL
@jonmircha
@jonmircha 2 жыл бұрын
🤓👍🏻
@federicoraulmaciasaparicio1339
@federicoraulmaciasaparicio1339 4 жыл бұрын
Jon. ¿Podrías resolver un ejerciciod de carrusel o slider en vanilla js?
@jonmircha
@jonmircha 4 жыл бұрын
Hecho 😎
@federicoraulmaciasaparicio1339
@federicoraulmaciasaparicio1339 4 жыл бұрын
@@jonmircha Muchísimas gracias, lo agradezco en verdad porque todos los tutoriales que he visto usan JQuery, SliderJS u otras librerías y prefiero aprender a hacerlo usando JS puro para no preocuparme de si luego sacan actualizaciones que lo hagan inservible y todo eso. Muchas gracias.
@elfegomelgar
@elfegomelgar 4 жыл бұрын
el vsCode me da la advertencia que addListener esta en desuso, pero busque la referencia en W3 y MDN y aparentemente aun esta vigente, ¿error del vsCode, la van a eliminar pronto, no es recomendable su uso o ya esta en desuso pero los navegadores aun le dan soporte?
@nicocorzi
@nicocorzi 2 жыл бұрын
Probé y sale una pestaña de lounch.json
@carloscontreras6051
@carloscontreras6051 2 жыл бұрын
No se si es consciente Jon de todos los conocimientos que transmite en esos momentos de "charla liviana", las cosas que cuenta basadas en su experiencia, son algo que no podriamos adquirir hasta dentro de mucho tiempo de estar programando
@jonmircha
@jonmircha 2 жыл бұрын
😉🙌🏻
@normanejm
@normanejm 2 жыл бұрын
Profe, el curso que tenía de responsive design Ya no está disponible?? No lo encuentro...
@jonmircha
@jonmircha 2 жыл бұрын
Si está kzbin.info/www/bejne/q5Wqo4uNmq-jZ7s
@normanejm
@normanejm 2 жыл бұрын
@@jonmircha ahh De acuerdo. Muchas Gracias profe. 💪💪
@DanielLozadaDev
@DanielLozadaDev 3 жыл бұрын
Me sale el siguiente error al intentar embeber el video pero sin embargo me lo permite visualizar en la página cuando está en contenido Desktop con normalidad: www-embed-player.js:561 GET googleads.g.doubleclick.net/pagead/id net::ERR_BLOCKED_BY_CLIENT
@DanielLozadaDev
@DanielLozadaDev 3 жыл бұрын
descubrí que es por el bloqueador de anuncios jaja
@chrizperez1223
@chrizperez1223 3 жыл бұрын
@@DanielLozadaDev jajajaja x2
@user87546
@user87546 Жыл бұрын
yo desactivo el bloqueador de anuncios y me sigue el error igual. A mi no me carga el video
@brianalexisalmada6522
@brianalexisalmada6522 2 жыл бұрын
Una sola palabra: "WOW".
@jonmircha
@jonmircha 2 жыл бұрын
🤗
@helipalacio8772
@helipalacio8772 10 ай бұрын
👏👏👏 🙏🙏🙏
@jonmircha
@jonmircha 10 ай бұрын
👋🏻😉
@ZeTaKevin
@ZeTaKevin 2 жыл бұрын
export default function responsiveMedia(id, mq, mobileContent, desktopContent) { if (window.matchMedia(mq).matches) { const divContenedor = document.getElementById(id); divContenedor.innerHTML = mobileContent; } else { const divContenedor = document.getElementById(id); divContenedor.innerHTML = desktopContent; } } esta es otra forma de hacerlo y mas sencillo por si les interesa, Saludos :')
@jonmircha
@jonmircha 2 жыл бұрын
👍🏻
@81joselito
@81joselito 2 жыл бұрын
En el menu, cuando le doy en el menu hamburguesa solo me deja tener hasta la seccion 7, ya la otras se salen del contenedor y me aparecen en la cabecera. Ayuda porfa!!!
@jonmircha
@jonmircha 2 жыл бұрын
😮
@81joselito
@81joselito 2 жыл бұрын
@@jonmircha jajajjaja maestroo!!! no se en que punto la embarre pero eso debe ser del css me imagino. Me toca repasar tus videos
@MiguelLeon-tw2ii
@MiguelLeon-tw2ii 2 жыл бұрын
coloca en el css del menu = overflow-y: auto; para que tenga un scroll
@81joselito
@81joselito 2 жыл бұрын
@@MiguelLeon-tw2ii Gracias por responder voy a retomar y el ejercicio y voy hacer lo que dices :))
@MiguelLeon-tw2ii
@MiguelLeon-tw2ii 2 жыл бұрын
@@81joselito cualquier cosa me avisas si te funciono, yo estoy activo con el curso de javascript, despues hago el de node, aprende react con jonmircha, yo aprendi angular pero mas he visto ofertas laborales de react en linkedin
@MaxielJohannaCamargoGomez
@MaxielJohannaCamargoGomez 3 жыл бұрын
@jonmircha
@jonmircha 3 жыл бұрын
:)
@braianrico4422
@braianrico4422 3 жыл бұрын
🧙‍♂️🧙‍♂️🧙‍♂️
@jonmircha
@jonmircha 3 жыл бұрын
🙌🏻🙌🏻🙌🏻
@jurrrgenOF
@jurrrgenOF 3 жыл бұрын
25:12 esta perdido solucion: buscar un vídeo de jonmircha jajaja
@jonmircha
@jonmircha 3 жыл бұрын
🤭
@andrezunini6488
@andrezunini6488 2 жыл бұрын
Tienes voz de niño xd
@jonmircha
@jonmircha 2 жыл бұрын
🤣🙈
@fernandomoyano1339
@fernandomoyano1339 3 жыл бұрын
Execelente capitulo jon ,gracias por compartir tu conocimiento.
@jonmircha
@jonmircha 3 жыл бұрын
Con gusto
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 59 МЛН
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 114 МЛН
Je peux le faire
00:13
Daniil le Russe
Рет қаралды 21 МЛН
Consultas avanzadas en SQL
2:16:50
Alonso Castro Mattei
Рет қаралды 1,4 М.
DEVflexiones 🤔 IA vs DEVs  - jonmircha
23:08
jonmircha
Рет қаралды 3,7 М.
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 59 МЛН