Estoy con mi primer curso de html y me emociona la cantidad de contenido entretenido existe para mantenerte activo. Muchas gracias por hacer un vídeos compilando todos estos proyectos, espero que el karma se te devuelva.
Gracias de verdad, fue una experiencia maravillosa... me reí, lloré, cabe decir que son mis primero ejercicios en JS sin nada de conocimiento, pero se entendió muy bien tus explicaciones... muchas felicitaciones!!!!
La verdad no sabía que hacer con todo el conocimiento que estaba acumulando en programación, entonces me hizo click la idea sobre hacer proyectos o buscar cómo hacerlos, y encontré el tuyo. Muuchaass gracias por este contenido bro, ya estoy suscrito! Un abrazo.
Recomendacion, ir mostrando en el navegador o en consola lo que ejecute para demostrar que todo esta funcionando bien o para que sepamos que debemos obtener nosotros si seguimos tus tutoriales. Buen trabajo, sigue asi.
Excelente tutorial. Enhorabuena!! Sólo un consejo: Para no repetir el "document.querySelector()", el amigo Midu nos recomienda usar esta función: const $ = (selector) => document.querySelector(selector) Se invocaría: $("#form") 👍
No está mal la notación pero está hecha para los que usaban jQuery, en todo caso sugeriría usar un nombre diferente porque a nivel de legibilidad puede confundir esa notación
Estuvo brutal! Pero muy buenos proyectos, el último proyecto al momento de darle click al boton + este comenzaba a dar un subtotal erroneo, por lo que empecé a moverle al código hasta que en la función numberToCurrency cambie la propiedad maximumSignificantDigits:2 a 3 y eso soluciono el calculo. Muchas gracias por el aporte, sigue así. Saludos.
Increible video, gracias por tu trabajo, aprendi bastante. Usualmente la mejor informacion esta en ingles, pero este fue el mejor que encontre en los 2 idiomas.
Muy buen video, muchas gracias!! Estuve haciendo el ejercicio del tic tac toe y note que era muy predecible cdo empezaba a jugar el player, ya que cuando el bestOption estaba vacío la pc completaba simpre las mismas casillas. Por lo que hice que lo haga de forma aleatorio cambiando el doble for que hay luego del else del if(options.length > 0) coloqué lo siguente: do { const posi = parseInt(Math.random() * 3); const posj = parseInt(Math.random() * 3); console.log(posi,posj); if (board[posi][posj] === '') { board[posi][posj] = 'X'; played = true; } } while (!played); 02:41:49 th-cam.com/video/YfaiDc585Eo/w-d-xo.html
Buen video, algo que me paso cuando hacia los proyectos era que miraba mucho lo que hacías y subconscientemente limitaba mi pensamiento y creatividad por lo que recomiendo solo ver el concepto del proyecto y hacerlo uno mismo
al fin lo termine todos 2 semanas para todos y me costo mucho el de Json pero senti algo interesante mientras mas practicaba mas rapido daba los errores q tenia desde mala ortografia hasta analisar el problema y saber por q era cada cosa y q afectaba a que
App 1,2,3,4,5 espectacular. Excelente todo. Felicitaciones. Muchas gracias Marcos por su excelente contribución. Le compré su excelente curso de JavaScript y también lo estoy haciendo.
Hola Marcos, geniales tus videos. Tengo una duda con el proyecto de Pomodoro. Yo me ahorré la parte de ponerle el id a las tareas. Lo que hice fue que en el evento de los botones, al iterarlos con el forEach también recibí el índice de los botones, que es el mismo que el de las tareas. De ahí use ese índice para todas las demás funciones, en lugar de el id. No se si esto fue una mejor opción, pero me pareció más sencilla. Está es la función: startButtons.forEach((button, indexButton) => { button.addEventListener("click", ( )=>{ if(!timer){ startButtonHandler(indexButton); button.textContent = "In progress..."; } }) });
Marco, me encanta este tipo de contenidos, me parece que vanilla es lo mejor de lo mejor, espero ver más vídeos de este tipo, nuevamente gracias Bro!! Saludos desde Venezuela..
Muchas gracias bro, estoy empezando en este mundo de js y esto me re sirve. Muy buen video. Quería consultar como harías en el teclado virtual para que al momento de cargar la pagina automáticamente se pueda escribir sin necesidad de hacer click en el input?
gracias por tus vídeos, hasta ahora estoy empezando en este mundo, tengo una consulta, he seguido al pie de la letra tu explicación la aplicación me permite ingresar las tareas pero cuando le doy empezar no se ejecuta, no me aparece ninguneo de error en la consola solo no hace nada, ya he revisado el código pero lo veo igual al tuyo que podría ser gracias por tu tiempo
Hola, excelente video, mil gracias, un favor. Para poder encontrar errores o diferencias entre mi código o el tuyo estuve comparando en github los códigos, pero algunos ya no funcionan, ejemplo el carrito de compras o el tic tac toe, ideal si puedes actualizarlos. Saludos.
hola una consulta por que usas queryselector en lugar de usar getElementById para guardar las id en una constante? y la sintaxis de la función no es la actual, no importa con cual se aplique?
Es lo mismo usar querySelector o getElementById, también puedes usar funciones nombradas, anónimas o de flecha, no hay nada actual o viejo en el lenguaje, pero si a esas vamos así como lo uso se usa actualmente
1:47:30 cuando abro con live server me carga sin problemas. Pero cuando abro el archivo index.html de una vez no se me refleja la estrellla :( uso opera gx
Los eventos en los inputs tienen un parámetro event, puedes llamarlo así o e o como prefieras, u omitirlo si no vas a usarlo, por eso es que así lo pongo
Hola, estaría interesante que si pudieras explicarme como se hacen los navegadores o por donde empezar. Me ayudaría mucho, muchas gracias por este gran video
muy buen video amigo, pero en el instante que comienzas a colocar las font_ligatures, no he podido sacarlas, ya las tengo configuradas en vs code, pero no se como tomarlas del teclado ejemplo alt + 39 ... he consultado pero no encuentro ninguna URL que me permita aprender cómo se hace
se que hablabas algo sobre unradix o la base a la cual la vamos a transformar, pero no entiendo que significa, sera que sera un numero mayor o igual a 36?
Es la base a la que vas a transformar, por eJemplo, base 10 significa que va a transformar el resultado a un número equivalente al sistema decimal, si pones base 2 te va a dar un número binario, base 8 del 0 al 8, base 16 del 0 al 15 siendo 10 al 15 representado por letras, y así sucesivamente
buenas noches quisiera preguntar es que los operadores lógicos son diferentes a los que normalmente e visto y no logro identificarlos me podrías ayudar con ese tema por favor
Pregunta mi estimado... Tengo un form dentro de una segunda pestaña... Al dar clic, visualmente se regresa a la 1a, xq? Q puedo hacer para fijar ese 2o tab
Problema Pomodoro: Cuando minimizo el navegador o lo dejo en segundo plano el temporizador del cronometro desciende de manera mas lenta. Por ejemplo si faltan 10 minutos para el descanso al minimizar el navegador serán 12 minutos realmente. ¿Alguna idea de por donde puedo tirar para solucionarlo? Gracias.
hola una pregunta como haces el símboo de desigual en el teclado es que lo copio pero o me lo reconoce VSCode, vi los proyectos en css y ahora estoy viendo este, gracias!!
Hola qué tal? Esta increíble el video!!!! Sabes que en la app del sistema de rating no pude mostrar la imagen con el formato .svg. Me da un error en consola que no se puede conseguir el archivo. Creo que es por el mask-image.
en el teclado, cuando clickeo mayus o shift, imprime mayus o shift, pero no cambia el tamaño de la letra, no he dado con el error, que parte del código podría revisar?
excelente video, muchas gracias!! quisiera saber que extensión usas en VSC para que el operador ternario se acomode así de chévere? y para que el el >= quede mas elegante? agradecería me dijeras!
En el primer proyecto se debería deshabilitar los botones durante el break, ya que si durante el break le damos Start a una nueva tarea el contador no para de disminuir.
hola mano, en esta parte: startButtons.forEach((button) => { button.addEventListener('click', (e) => { if(!timer && !timerBreak){ const id = button.getAttribute('data-id') startButtonHandler(id); button.textContent = 'In progress...'; } }) }); nota que en el if agregué && !timerBreak que fue lo que le faltó a el así agregas el bloqueo al evento de click mientras está el conteo de break, ya que solo lo agregaba mientras estaba corriendo el tiempo del boton de start, mas no mientras corria el break, a mi me funcionó
en la linea 13 como hago para colocar signo diferente. ? no me lo reconoce VSC, probe != y tambien !== , nada . cual es esa extension que usa , si alguien puede ayudarme , gracias.
!== debe servir, si aparece diferente es porque tengo una fuente con ligaduras, por lo tanto se renderiza un simbolo diferente, pero basicamente es ese
Estoy con mi primer curso de html y me emociona la cantidad de contenido entretenido existe para mantenerte activo.
Muchas gracias por hacer un vídeos compilando todos estos proyectos, espero que el karma se te devuelva.
Gracias de verdad, fue una experiencia maravillosa... me reí, lloré, cabe decir que son mis primero ejercicios en JS sin nada de conocimiento, pero se entendió muy bien tus explicaciones... muchas felicitaciones!!!!
Hola como vas en javascript, ganaste el reto?
La verdad no sabía que hacer con todo el conocimiento que estaba acumulando en programación, entonces me hizo click la idea sobre hacer proyectos o buscar cómo hacerlos, y encontré el tuyo. Muuchaass gracias por este contenido bro, ya estoy suscrito! Un abrazo.
Recomendacion, ir mostrando en el navegador o en consola lo que ejecute para demostrar que todo esta funcionando bien o para que sepamos que debemos obtener nosotros si seguimos tus tutoriales. Buen trabajo, sigue asi.
Este video es Oro Puro❣️, muchísimas gracias Marcos... Voy a realizarlos todos para agregarlos a mi portafolio
Excelente tutorial. Enhorabuena!!
Sólo un consejo: Para no repetir el "document.querySelector()", el amigo Midu nos recomienda usar esta función:
const $ = (selector) => document.querySelector(selector)
Se invocaría: $("#form") 👍
No está mal la notación pero está hecha para los que usaban jQuery, en todo caso sugeriría usar un nombre diferente porque a nivel de legibilidad puede confundir esa notación
Estuvo brutal! Pero muy buenos proyectos, el último proyecto al momento de darle click al boton + este comenzaba a dar un subtotal erroneo, por lo que empecé a moverle al código hasta que en la función numberToCurrency cambie la propiedad maximumSignificantDigits:2 a 3 y eso soluciono el calculo. Muchas gracias por el aporte, sigue así. Saludos.
uff.... voy a disfrutar estas 5 horas, como no lo puedes imaginar...... gracias bro!
jajajaja
Increible video, gracias por tu trabajo, aprendi bastante. Usualmente la mejor informacion esta en ingles, pero este fue el mejor que encontre en los 2 idiomas.
Muy buen video, muchas gracias!!
Estuve haciendo el ejercicio del tic tac toe y note que era muy predecible cdo empezaba a jugar el player, ya que cuando el bestOption estaba vacío la pc completaba simpre las mismas casillas. Por lo que hice que lo haga de forma aleatorio cambiando el doble for que hay luego del else del if(options.length > 0)
coloqué lo siguente:
do {
const posi = parseInt(Math.random() * 3);
const posj = parseInt(Math.random() * 3);
console.log(posi,posj);
if (board[posi][posj] === '') {
board[posi][posj] = 'X';
played = true;
}
} while (!played);
02:41:49
th-cam.com/video/YfaiDc585Eo/w-d-xo.html
sigue asi, podrias hacer mas proyectos pero para practicar, ejemplos que te pueden salir en el entorno laboral
Buen video, algo que me paso cuando hacia los proyectos era que miraba mucho lo que hacías y subconscientemente limitaba mi pensamiento y creatividad por lo que recomiendo solo ver el concepto del proyecto y hacerlo uno mismo
al fin lo termine todos 2 semanas para todos y me costo mucho el de Json pero senti algo interesante mientras mas practicaba mas rapido daba los errores q tenia desde mala ortografia hasta analisar el problema y saber por q era cada cosa y q afectaba a que
Lo mejor para poder crear nuestros propios proyectos de portafolio :D
Gracias por tu tiempo y dedicacion en compartir tus conocimiento; se aprende mucho con este tipo de contenidos ya que son ejemplos practicos.
Sos un genio saludos desde argentina
Excelentes!. Coincido con Javier Martinez G.
App 1,2,3,4,5 espectacular. Excelente todo. Felicitaciones. Muchas gracias Marcos por su excelente contribución. Le compré su excelente curso de JavaScript y también lo estoy haciendo.
Que tal amigo, el curso de udemy del profe que tal es?
@@miguelnoboa1516 Cordial saludo. No lo seguí haciendo. Pero ahí está. Hay mucho que aprender. He estado trabajado por ahora en otro lado
Muchas gracias. Aprendí bastante. Si puedes por favor hacer otros proyectos para aprender a usar mas el DOM sería de gran ayuda.
Excelente, gracias! Mañana comienzo desde el primer proyecto!
se ven interesante voy a dedicarle 1 proyecto por dia o cada 2 días en mis tiempos libres para practicarlos bien saludos desde Venezuela
Excelente video, es una iniciativa única. Muchas gracias.
Un crack Marco!! Gracias por compartir tus conocimientos!!
Hola Marcos, geniales tus videos. Tengo una duda con el proyecto de Pomodoro.
Yo me ahorré la parte de ponerle el id a las tareas. Lo que hice fue que en el evento de los botones, al iterarlos con el forEach también recibí el índice de los botones, que es el mismo que el de las tareas. De ahí use ese índice para todas las demás funciones, en lugar de el id.
No se si esto fue una mejor opción, pero me pareció más sencilla.
Está es la función:
startButtons.forEach((button, indexButton) => {
button.addEventListener("click", ( )=>{
if(!timer){
startButtonHandler(indexButton);
button.textContent = "In progress...";
}
})
});
Muchas gracias! Aprendi muchas cosas, a aprender y practicar""!!!
Bro! vi 2o minutos de un video y eres un crack!, te pasaste de lanza,
Vamos allá!
Sos un grande loco. Nunca lo olvides.
Marco, me encanta este tipo de contenidos, me parece que vanilla es lo mejor de lo mejor, espero ver más vídeos de este tipo, nuevamente gracias Bro!! Saludos desde Venezuela..
le agradezco por compartir estas practicas son de mucha ayuda
Woow he encontrado puro oroo, Gracias por estos videos.!
Gracias!! bro son muy buenos ejemplos para practicar a los que van comenzando
Muchas Gracias Marcos.. ❣️ Por compartir tus conocimientos!!
Espectacular hrmno, muchas gracias.
Cordiales saludos
Gracias, voy a estudiar con tus vídeos, crack 👏👏.
Como siempre increíble, gracias por compartir conocimiento
5 horas, increíble muy bueno, aprenderé bastante
muchas gracias por el aporte
Consulta: dentro de "methods" la flecha entre (id) y el bloque de instrucciones sería una expresión "=>"? Gracias.
Si así es
@@vidamrr gracias bro!
Muchas gracias¡¡¡ increíble para practicar
Estaba viendo los proyectos
Genial, muchas gracias Marcos!
Excelente amigo, felicitaciones gracias por compartir tus conocimientos, por favor en que programas estas ejecutando los ejercicios
el verdadero crack! gracias hermano
Muchas gracias bro, estoy empezando en este mundo de js y esto me re sirve. Muy buen video. Quería consultar como harías en el teclado virtual para que al momento de cargar la pagina automáticamente se pueda escribir sin necesidad de hacer click en el input?
Muchas gracias este video, ojala se vengan mas 🤙🤙
Ojalá puedas subir mas proyectos como estos con js , un saludo
excelente aporte, gracias
Excelente, muchas gracias !
me gustan tus videos, puedes subir mas proyectos soy nuevo y me gusta aprender mas
Gracias hermano.
Gracias! Son geniales.
como se hace el signo ==/= del primer proyecto?
me gustaría saber lo mismo
gracias por tus vídeos, hasta ahora estoy empezando en este mundo, tengo una consulta, he seguido al pie de la letra tu explicación la aplicación me permite ingresar las tareas pero cuando le doy empezar no se ejecuta, no me aparece ninguneo de error en la consola solo no hace nada, ya he revisado el código pero lo veo igual al tuyo que podría ser gracias por tu tiempo
Muchas muchas gracias, voy a intentar hacerlos primero por mi cuenta y comparar mi solución con la tuya crack
Hola, excelente video, mil gracias, un favor. Para poder encontrar errores o diferencias entre mi código o el tuyo estuve comparando en github los códigos, pero algunos ya no funcionan, ejemplo el carrito de compras o el tic tac toe, ideal si puedes actualizarlos. Saludos.
gracias por este contenido!
Genial🎉🎉🎉
Hola, queria saber de donde sale el player en la linea 66, en las 2: 42 minutos
De lo mejor tu contenido para aprender, gracias!
¿Que tema de Visual Studio es?
Night wolf, que bueno que te gusta el contenido!! 👏🏻
Muchísimas gracias bro 😊
Gracias amiguito!
Muy interesante, gracias por compartir
Buen video bro, like.
Gracias bro.
Master! Excelente, me ayudaste mucho. El mejor profe siempre :3
Excelente amigo
Excelente!!!!!
hola una consulta por que usas queryselector en lugar de usar getElementById para guardar las id en una constante? y la sintaxis de la función no es la actual, no importa con cual se aplique?
Es lo mismo usar querySelector o getElementById, también puedes usar funciones nombradas, anónimas o de flecha, no hay nada actual o viejo en el lenguaje, pero si a esas vamos así como lo uso se usa actualmente
Si hay cosas mas actuales y otras en desuso en javascript. en este caso queryselector es mas actual.
getElementByid es para seleccionar un id, y con querrySelector puedes seleccionar cualquier cosa
que pluing usas ??
Excelente video Master, Una consultica que extensiones usas para visual studio Code
Hola, porque en el contador de eventos cuando meto varios dias, si recargo se mantienen pero si elimino alguno y recargo se eliminan los demas?
1:47:30 cuando abro con live server me carga sin problemas. Pero cuando abro el archivo index.html de una vez no se me refleja la estrellla :( uso opera gx
Muy interesante amigo , una pregunta esa funcion anonima , es con parametro 'e'? O como? Primera vez que vea esa forma de invocarlo , gracias....
Los eventos en los inputs tienen un parámetro event, puedes llamarlo así o e o como prefieras, u omitirlo si no vas a usarlo, por eso es que así lo pongo
Hola, estaría interesante que si pudieras explicarme como se hacen los navegadores o por donde empezar. Me ayudaría mucho, muchas gracias por este gran video
Navegadores como google? es algo un poco dificl de hacer bro
@@spiderdev5166 ya lo estoy haciendo bro, no como google obviamente pero si un navegador
@@roger9666 Sos re pro
@@spiderdev5166 me ayudas ah hacerlo? Lo tengo en mi repo de github, conoces electrón?
@@roger9666 No bro,solo se html css js y react
si te sirvo de algo te puedo ayudar
Los hare todos muchas gracias por compartir tia conocimientos te lo agradezco🙏🙏, tienes cursos con node Js???
Si!!! en el canal hay uno igual para principiante y con algunos ejercicios completos
muy buen video amigo, pero en el instante que comienzas a colocar las font_ligatures, no he podido sacarlas, ya las tengo configuradas en vs code, pero no se como tomarlas del teclado ejemplo alt + 39 ...
he consultado pero no encuentro ninguna URL que me permita aprender cómo se hace
Necesitas una fuente que soporte ligaduras, yo tengo ahí la fuente fira Code, instálala y haz referencia en los settings de VSCode
voy a seguir el video con los 10 ejercicios y te voy comentando las fallas que voy teniendo ... también te doy las gracias, soy principiante
una pregunta amigo, esas comillas que utilizas junto al return ` `; son hechas con Alt + 96 ... gracias
hola que significa pasarle un parametro a la funcion toString()? en el caso de la app pomodoro toString(36)
se que hablabas algo sobre unradix o la base a la cual la vamos a transformar, pero no entiendo que significa, sera que sera un numero mayor o igual a 36?
Es la base a la que vas a transformar, por eJemplo, base 10 significa que va a transformar el resultado a un número equivalente al sistema decimal, si pones base 2 te va a dar un número binario, base 8 del 0 al 8, base 16 del 0 al 15 siendo 10 al 15 representado por letras, y así sucesivamente
@@vidamrr muchas gracias
Excelente bro TQM
Hola...gracias por el material... en el primero Pomodore... hay diferencias en tre el repositorio y el material del video...o yo me equivoco?
tambien vi que esta diferente
el ejercicio Días para Evento.... ... el repositorio de Git no funciona ....
buenas noches quisiera preguntar es que los operadores lógicos son diferentes a los que normalmente e visto y no logro identificarlos me podrías ayudar con ese tema por favor
Porque la fuente que uso tiene ligaduras, lo que hace que algunos símbolos se vean diferentes
@@vidamrr entiendo
Pregunta mi estimado... Tengo un form dentro de una segunda pestaña... Al dar clic, visualmente se regresa a la 1a, xq? Q puedo hacer para fijar ese 2o tab
Problema Pomodoro:
Cuando minimizo el navegador o lo dejo en segundo plano el temporizador del cronometro desciende de manera mas lenta. Por ejemplo si faltan 10 minutos para el descanso al minimizar el navegador serán 12 minutos realmente. ¿Alguna idea de por donde puedo tirar para solucionarlo?
Gracias.
hola... pareciera un problema del entorno...baja memoria o el hadware estresado...quizas...?!suerte y si lo solucionas ...contamelo..saludos
hola una pregunta como haces el símboo de desigual en el teclado es que lo copio pero o me lo reconoce VSCode, vi los proyectos en css y ahora estoy viendo este, gracias!!
supiste como se hace ??Me pasa lo mismo
Los que están en github son diferentes no?
buen dia muy interesante, a mi no me reconoce el html del primer proyecto luego del return, no aparece el boton de start
Exelente video, que tema utilizas para este video en particular?
Se llama palenight
muy buen video, me ayudo pero tengo una duda, como haces para que los iconos te salgas unidos? por ejemplo, el igual a o diferente que
justo ví esa forma y quedé con la duda.
@@noel1711 me gustas
Hola qué tal? Esta increíble el video!!!! Sabes que en la app del sistema de rating no pude mostrar la imagen con el formato .svg. Me da un error en consola que no se puede conseguir el archivo. Creo que es por el mask-image.
depende del navegador
Hola, en que proyecto se usa arrays?
en el teclado, cuando clickeo mayus o shift, imprime mayus o shift, pero no cambia el tamaño de la letra, no he dado con el error, que parte del código podría revisar?
Buenísimo
excelente video, muchas gracias!! quisiera saber que extensión usas en VSC para que el operador ternario se acomode así de chévere? y para que el el >= quede mas elegante? agradecería me dijeras!
Puede usar cascadia Code, es un tipo de letra que puedes descargar , hay tutoriales en TH-cam.
Es por la fuente que uso, puedes usar cascadia Code, fira code o hay más, solo busca por fuentes con ligaduras
@@samuelperez9425 gracias!!
@@vidamrr gracias!!
@@vidamrr no te pases jajaj como declaras metodos sin crearlos primero pwi jaja saludos
En el primer proyecto se debería deshabilitar los botones durante el break, ya que si durante el break le damos Start a una nueva tarea el contador no para de disminuir.
hola mano, en esta parte:
startButtons.forEach((button) => {
button.addEventListener('click', (e) => {
if(!timer && !timerBreak){
const id = button.getAttribute('data-id')
startButtonHandler(id);
button.textContent = 'In progress...';
}
})
});
nota que en el if agregué && !timerBreak que fue lo que le faltó a el
así agregas el bloqueo al evento de click mientras está el conteo de break, ya que solo lo agregaba mientras estaba corriendo el tiempo del boton de start, mas no mientras corria el break, a mi me funcionó
tengo un problema en el proyecto de rating con la imagen star.svg me sale en consola la politica de CORS. como se soluciona eso?gracias :D
Tienes descargada la imagen? No debería salir nada de CORS
Que es en base a 36? alguien puede explicarme porfavor, busque en internet pero me cuesta entender, Marcos lo usa en el metodo TOSTRING
Muy bueno
en la linea 13 como hago para colocar signo diferente. ? no me lo reconoce VSC, probe != y tambien !== , nada . cual es esa extension que usa , si alguien puede ayudarme , gracias.
!== debe servir, si aparece diferente es porque tengo una fuente con ligaduras, por lo tanto se renderiza un simbolo diferente, pero basicamente es ese
57:53
cual es el tema que usas?