Jon querido, este es el camino finalmente, recorrí 80 videos sin saber si había aprendido algo, y en el primer video de practica (Cap.81) fue de tal complejidad (por lo menos para los que comenzamos) que pense que habia perdido el tiempo, hasta que coemnzamos las practicas del reloj. Increibleee! Pise tierra! creo que esa es la magia ejercicios cortos sin tanta complejidad y aplicacion total de ejercicios practicos. Muy contentooo!! Creo que estoy aprendiendo JavaScript, sigo avanzando.
Ufff esa logica y obviedad en la programacion es absoluta. Creo que lo que cuesta es darse cuenta de que va en CADA lugar como para aplicarlo. Geniales tus explicaciones Jon. Mis felicitaciones por eso!
A por fin entendí lo de paso de parámetros y dependiendo del selector elegimos 1 evento, yo lo realice y por cada botón le había asignado un evento y ya al ver la solución pude entenderlo, me parece genial que solo con una función podamos asignar el evento al selector que me pasan como parámetro.
Estos pasos han sido un poco más fáciles y eso me alegra mucho y me anima a seguir más y más. Todo gracias a sus esplicaciones. Muchas gracias Sr. Mircha
Muy buenos tus videos.. Me gusta tu forma de explicar las cosas y colocarles una funcion a cada cosa que explicas.. eres un Maestro total. Soy estudiante, trabajo y tambien soy autodidacta, le dedico unas 2-3 horas diarias a este curso pero es lo maximo mi parte favorita del dia!!
Yo intente realizar el reloj por mi cuenta y tenia la misma idea, pero no lo supe hacer con la Delegacion de eventos, es un tema que me complica. yo le coloque la funcion addeventlistener a cada boton, pero tu solucion fue en menos de 10 lineas de codigo. CRACK
Amigo una consulta , como puedo hacer un alarma sin estar consultando cada rato al reloj, ej: a las 05:00 am necesito que active el alarma, pero no quiero estar consultando cada segundo si es 5 am o no. me explico ?
Esa forma estaría más del lado del backend, podrías programar un cron que se ejecute a la hora que indiques y que quiza se comunique con tu web mediante websockkets para lanzar la notificación
Gracias a tus enseñanzas consigo realizarlos sola aunque los hago de diferente forma a la que tú lo haces. O sea lo hago menos sofisticado por la falta de experiencia pero estoy aprendiendo muchísimo:)
Hola Jon, gracias por el curso, Una duda, ¿por qué generas la etiqueta de audio dinámicamente en lugar cargarla directamente en el HTML, para que la página no tarde tanto en cargar y mejorar el rendimiento?
Como siempre Haciendo todo de una manera excelsa. Eres el mejor profe. Me gustaria que en algun video hagamos una calculadora, un ascensor y un semaforo. Profe ese error 404 en la consola que se refiere a un favicon no encontrado a mi me aparece tambien. Por que ?
La alarma ni idea tenía de como empezar Una consulta JON, se consideraria Mala Práctica crear una sola funcion con 4 if y pasar todos los parametros juntos? porque asi lo hice, para importar una sola funcion y poder hacerlo por defecto. Funciona, pero me interesa ir mejorando el codigo tambien
el del reloj casi que me salio parecido, solo que para practicar CSS, separe en 3, hs, minutos, segundos, y les di formato para que se vea mas lindo, lo mismo que a los botones
Ayuda please!!!! Cuando hago clic en el botón de Iniciar reloj, el reloj me aparece pero me desaparecen los 4 botones. He comparado muchas veces mi código con el de Jon y no encuentro el fallo.
Hola jonmircha yo aveces cuando no se algo de la etiquetas o de los métodos los busco en google para asi poder realizar los ejércicios crees que sea malo para mi aprendizaje Saludos!!
Buscar en google es clave en el desarrollo web, no te sientas mal por eso. Si sabes aplicarlo es que sabes lo que estás haciendo; eso sí, lo que yo hago cuando copio un algoritmo que funciona sin más intento comprenderlo
si a alguien le sirve de algo a mi me decía que los recursos no eran soportados en la línea donde estaba el $alarma.play(); tuve que borrar la carpeta asssets y poner el archivo audio junto con el index.html el main.js y el reloj.js o como ustedes le hayan llamado. y funciono. y donde estaban todos los import los hice así alarma("./Alarm.mp3","#activar-alarma","#desactivar-alarma"); en vez de alarma("assets/Alarm.mp3","#activar-alarma","#desactivar-alarma");
reloj.js:38 Uncaught (in promise) DOMException: The element has no supported sources. Me pasa igual, incluso con los cambios que propones me sigue dando el mismo error. Esta es mi versión de chrome: Versión 115.0.5790.173 (Build oficial) (64 bits)
reloj.js:38 Uncaught (in promise) DOMException: The element has no supported sources. Me pasa igual, incluso con los cambios que propone un compañero me sigue dando el mismo error. Esta es mi versión de chrome: Versión 115.0.5790.173 (Build oficial) (64 bits)
ojala en el futuro sea capaz de hacer este tipo de ejercicios sin tu ayuda jon, hasta el momento siento que estoy demasiado verde.... me falta practica y logica de programacion... pero allà vamos 😁🙌
Yo lo maneje directamente con el API audio sin armar nigun control if(e.target.matches(btnPlay)) { audio.src =sound; audio.play(); d.querySelector(btnPlay).disabled=true; }
Venia bien, eso creo yo, hasta que vi este ejricios de reloj y alarma y me bajoneo al no saber ni por donde empezar, en mi cabeza lo unico que tuve es que tenia que usar el objeto Date, pero nada más. La explicación es excelente (desde mi punto de vista) pero no supe ni como empezar y supongo que esto debe ser sencillo, claro, debe tener su complejidad, peor entre todo lo complejo pienso que esto es fácil.
Es sencillisimo cuando tienes años de experiencia, pero cuando uno empieza cuesta mucho y esta bien sino tuviste idea de cómo hacerlo.... sigue y no claudiques, bienvenido al mundo de la programación
Uf, la verdad es que más o menos estaba yendo todo bien por el momento, pero en este vídeo debo decir que al final del mismo cuando dices eso de "Si te está gustando, etc etc dale al botón de tal y cual" he dicho en voz alta: "Y si no entendí nada y necesito ayuda dónde hay un botón para pedir auxilio?" Debo decir que estoy más perdido que un sordo en un tiroteo! Me está costando interiorizar ciertos procesos, no había programado jamás y la verdad es que me está costando esto del DOM :(
Si te esta costando es que vas por buen camino, aprender duele. Puedes entrar al discord de la comunidad y ahí entre todos se ayudan discord.gg/gPgJMUF
Porque mis comentarios no se visualizan quiero subir la solucion del ejercicio siguiente. pero creo youtube lo elimina no se porque, eso que pongo la liga de codepen del ejercicio.
gente una pregunta! cuando activo por primera vez la alarma me sale este error en consola ""GET 127.0.0.1:5500/favicon.ico 404 (Not Found)"" , pude observar que a jon le paso lo mismo en el minuto 10:05 Alguien sabe porque sale ese error y como se puede evitar?
El mejor curso de Java Script que hay en la web! y gratis!. Muchas muchas gracias
😃🙌🏻
🧙♂Muchas gracias, muy bueno el curso!!!
Gracias por comentar
Jon querido, este es el camino finalmente, recorrí 80 videos sin saber si había aprendido algo, y en el primer video de practica (Cap.81) fue de tal complejidad (por lo menos para los que comenzamos) que pense que habia perdido el tiempo, hasta que coemnzamos las practicas del reloj. Increibleee! Pise tierra! creo que esa es la magia ejercicios cortos sin tanta complejidad y aplicacion total de ejercicios practicos. Muy contentooo!! Creo que estoy aprendiendo JavaScript, sigo avanzando.
😃🥰🙌🏻👏🏻👏🏻👏🏻
Ufff esa logica y obviedad en la programacion es absoluta. Creo que lo que cuesta es darse cuenta de que va en CADA lugar como para aplicarlo. Geniales tus explicaciones Jon. Mis felicitaciones por eso!
😉👋🏻
Muy bueno Jon!
Espectaculares clases loco!
Gracias! 😊
Jon, ya se me terminaron las palabras contigo. Capo total!! Gracias por todo.
👋🏻😉
Gracias como siempre un lujo tus clases!
Con mucho gusto👋🏻😉
A por fin entendí lo de paso de parámetros y dependiendo del selector elegimos 1 evento, yo lo realice y por cada botón le había asignado un evento y ya al ver la solución pude entenderlo, me parece genial que solo con una función podamos asignar el evento al selector que me pasan como parámetro.
😉👍🏻
Master! Muy buenos tus vídeos, bien explicados, así cualquier persona aprende, muchas gracias por hacerlos :)
Con mucho gusto
Terminando el ejercicio. Gracias! En un futuro hare una alarma pomodoro como ejercicio.. 😁😁😁
Excelente!
Estos pasos han sido un poco más fáciles y eso me alegra mucho y me anima a seguir más y más. Todo gracias a sus esplicaciones. Muchas gracias Sr. Mircha
Felicidades!👋🏻😉
Muchas Gracias por compartir tanto Jon. Con cada uno de estos videos uno se emociona cada vez más y más.
😉🤗
Muy buenos tus videos.. Me gusta tu forma de explicar las cosas y colocarles una funcion a cada cosa que explicas.. eres un Maestro total. Soy estudiante, trabajo y tambien soy autodidacta, le dedico unas 2-3 horas diarias a este curso pero es lo maximo mi parte favorita del dia!!
👋🏻😉
Buen video, Jon! muchas gracias!
Con gusto
Me esta encantado el curso, yo como alternativa trabaje con el constructor de Audio de javascript :)
😉👍🏻
Yo intente realizar el reloj por mi cuenta y tenia la misma idea, pero no lo supe hacer con la Delegacion de eventos, es un tema que me complica. yo le coloque la funcion addeventlistener a cada boton, pero tu solucion fue en menos de 10 lineas de codigo. CRACK
👋🏻😉
men cada ves me deja mas asombrado, muchas gracias por todo esto que nos regala mil gracias sensei 🤘🤘🤘🤘
Con mucho gusto, comparte para llegar a más gente
El mejor curso ✅
👋🏻😉
Valio la pena de ver todos los videos hasta ahora.
Grande Jon, explicas muy bien.
😉👍🏻
gracias por los videos jon! hoy estuve presente en el meet de henry! Que bueno fue verte!! saludos desde Argentina!
👋🏻😉
Ohh facil, practico y de mucho conocimiento.
es el mejor #curso de #javascript de youtube (y del mundo mundial)
😉👌🏻
excelente parcero,
Jon Jon Jon Jon, sos el mejor, o por lo menos es mi percepción, gracias por tanto!
🧙♂️🧙♂️🧙♂️
🙌🏻🙌🏻🙌🏻
Cada día son mejores los videos. Felicitaciones!!!!
Gracias! 😊
Terminé mi primer ejercicio del DOM junto con JS, despues de practicar mucho lo entiendo todo. A terminar esta sección muy genial
:) que bien !!!!
Amigo una consulta , como puedo hacer un alarma sin estar consultando cada rato al reloj, ej: a las 05:00 am necesito que active el alarma, pero no quiero estar consultando cada segundo si es 5 am o no. me explico ?
Esa forma estaría más del lado del backend, podrías programar un cron que se ejecute a la hora que indiques y que quiza se comunique con tu web mediante websockkets para lanzar la notificación
@@jonmircha muchas gracias amigo.
Perfecto.. realizaré el ejercicio pero, con la opción de establecer la hora de cuando deseo activarlo..
Perfecto, el mejor curso de UA-cam Javascript 💕
Muchas gracias!
Muy buenos los ejercicios hasta ahora!
Excelente!
como adjunto o como hago para colocar desde codepen elarchivo del audio para poder realizar el ejercicio de forma completa?
Hola Jon, gracias por tu dedicación....Una pregunta....Por qué es necesario setTimeOut, en la funcion de la alarma..??? Gracias..
Para que suene después de cierto tiempo
Gracias a tus enseñanzas consigo realizarlos sola aunque los hago de diferente forma a la que tú lo haces. O sea lo hago menos sofisticado por la falta de experiencia pero estoy aprendiendo muchísimo:)
That's the point 😉👌🏻
genial !!!
:)
Hola Jon, gracias por el curso,
Una duda, ¿por qué generas la etiqueta de audio dinámicamente en lugar cargarla directamente en el HTML, para que la página no tarde tanto en cargar y mejorar el rendimiento?
solucionado solo me cambie a chorme y listo (Por cierto estaba haciendo las practicas con firefox)
Como siempre Haciendo todo de una manera excelsa. Eres el mejor profe.
Me gustaria que en algun video hagamos una calculadora, un ascensor y un semaforo.
Profe ese error 404 en la consola que se refiere a un favicon no encontrado a mi me aparece tambien. Por que ?
porque los live servers siempre tratan de buscar el favicon y al no tenerlo genera el 404
La alarma ni idea tenía de como empezar
Una consulta JON, se consideraria Mala Práctica crear una sola funcion con 4 if y pasar todos los parametros juntos? porque asi lo hice, para importar una sola funcion y poder hacerlo por defecto.
Funciona, pero me interesa ir mejorando el codigo tambien
🤔 no creo que sea mala práctica
el del reloj casi que me salio parecido, solo que para practicar CSS, separe en 3, hs, minutos, segundos, y les di formato para que se vea mas lindo, lo mismo que a los botones
👍🏻
me sale este error: Recurso de medios 127.0.0.1:5500/sound/alarm.mp3 no pudo decodificarse.
👏👏👏 🙏🙏🙏
👋🏻😉
Ayuda please!!!! Cuando hago clic en el botón de Iniciar reloj, el reloj me aparece pero me desaparecen los 4 botones. He comparado muchas veces mi código con el de Jon y no encuentro el fallo.
🤔
Hola jonmircha yo aveces cuando no se algo de la etiquetas o de los métodos los busco en google para asi poder realizar los ejércicios crees que sea malo para mi aprendizaje Saludos!!
No
Buscar en google es clave en el desarrollo web, no te sientas mal por eso. Si sabes aplicarlo es que sabes lo que estás haciendo; eso sí, lo que yo hago cuando copio un algoritmo que funciona sin más intento comprenderlo
si a alguien le sirve de algo a mi me decía que los recursos no eran soportados en la línea donde estaba el $alarma.play(); tuve que borrar la carpeta asssets y poner el archivo audio junto con el index.html el main.js y el reloj.js o como ustedes le hayan llamado. y funciono. y donde estaban todos los import los hice así alarma("./Alarm.mp3","#activar-alarma","#desactivar-alarma");
en vez de alarma("assets/Alarm.mp3","#activar-alarma","#desactivar-alarma");
👍🏻
al parecer es problema del navegador y su version, pero gracias por el dato
reloj.js:38 Uncaught (in promise) DOMException: The element has no supported sources. Me pasa igual, incluso con los cambios que propones me sigue dando el mismo error. Esta es mi versión de chrome: Versión 115.0.5790.173 (Build oficial) (64 bits)
reloj.js:38 Uncaught (in promise) DOMException: The element has no supported sources. Me pasa igual, incluso con los cambios que propone un compañero me sigue dando el mismo error. Esta es mi versión de chrome: Versión 115.0.5790.173 (Build oficial) (64 bits)
ojala en el futuro sea capaz de hacer este tipo de ejercicios sin tu ayuda jon, hasta el momento siento que estoy demasiado verde.... me falta practica y logica de programacion... pero allà vamos 😁🙌
😉👋🏻
ánimo
el metodo "pause()" no me sirve x'd nose que ago mal
el de mover el circulo lo hice con la propiedad transform, pero con los botones de flecha arriba y abajo hace scroll a la página
🥲
Ay caramba, tanto por hacer, pero ya vamos retomando de nuevo jajaja volví y hay 20 videos más! Ya profe, deténgase jajajaja
😅🤭
👏🏻👏🏻👏🏻 🙏🏻🙏🏻🙏🏻
👋🏻😉
Estuve atascado una media hora porque puse setTimeOut en vez de setTimeout 😂😂 Pero grandioso curso, de verdad que me ayuda mucho a capacitarme
👋🏻😉
Yo lo maneje directamente con el API audio sin armar nigun control
if(e.target.matches(btnPlay))
{
audio.src =sound;
audio.play();
d.querySelector(btnPlay).disabled=true;
}
Más o menos lo hice de la misma manera pero esta genial saber lo de los temporizadores
👨
👋🏻😉
Venia bien, eso creo yo, hasta que vi este ejricios de reloj y alarma y me bajoneo al no saber ni por donde empezar, en mi cabeza lo unico que tuve es que tenia que usar el objeto Date, pero nada más. La explicación es excelente (desde mi punto de vista) pero no supe ni como empezar y supongo que esto debe ser sencillo, claro, debe tener su complejidad, peor entre todo lo complejo pienso que esto es fácil.
Es sencillisimo cuando tienes años de experiencia, pero cuando uno empieza cuesta mucho y esta bien sino tuviste idea de cómo hacerlo.... sigue y no claudiques, bienvenido al mundo de la programación
Uf, la verdad es que más o menos estaba yendo todo bien por el momento, pero en este vídeo debo decir que al final del mismo cuando dices eso de "Si te está gustando, etc etc dale al botón de tal y cual" he dicho en voz alta: "Y si no entendí nada y necesito ayuda dónde hay un botón para pedir auxilio?"
Debo decir que estoy más perdido que un sordo en un tiroteo! Me está costando interiorizar ciertos procesos, no había programado jamás y la verdad es que me está costando esto del DOM :(
Si te esta costando es que vas por buen camino, aprender duele. Puedes entrar al discord de la comunidad y ahí entre todos se ayudan discord.gg/gPgJMUF
Hizo todo el pie de la letra y mi alarma no quiere sonar.... :/
ya pude feliz jaja
👋🏻😉
Porque mis comentarios no se visualizan quiero subir la solucion del ejercicio siguiente. pero creo youtube lo elimina no se porque, eso que pongo la liga de codepen del ejercicio.
Ponlo sin el http para que no lo detecte como link
gente una pregunta! cuando activo por primera vez la alarma me sale este error en consola ""GET 127.0.0.1:5500/favicon.ico 404 (Not Found)"" , pude observar que a jon le paso lo mismo en el minuto 10:05 Alguien sabe porque sale ese error y como se puede evitar?