Yo creo que deberías considerar seriamente realizar curso pago de JavaScript por ejemplo, entre otros más. Tienes un don: el de explicar tan claramente. Virtud total. Y no puede pasar al olvido, sino a la Historia. Abz gigante ídolo!
Genial como siempre, un simple detalle para no repetir código en el switch basta con poner afuera del switch " localStorage.setItem("colorFondo", fondo.className);" con eso le asigna el valor del ultimo botón que se presiono.
Que bárbaro es con sus explicaciones, se nota que es un grandísimo maestro, un don que no cualquiera tiene, gracias por dar contenido como este de una forma gratuita, muchas gracias.
Hermano, Créeme que he buscado varios tutoriales tratando de comprender al 100% el LocalStorage, créeme mas, que nadie lo ha explicado mejor que tu. Eres el capo de los capos!
Lo he resuelto de la siguiente manera, dentro de la función pero fuera del switch colocar algo así. const colorFondo = colorBoton; localStorage.setItem('colorFondo', colorFondo); y luego para asignar el fondo al body lo siguiente. Después de declarar variables locales traer el valor desde el localstorage y asignarlo al body así. const fondolocalStorage = localStorage.getItem('colorFondo'); fondo.className = fondolocalStorage; Saludos, gracias por los cursos, excelentes.
Son geniales todos tus videos Ignacio, creo que está mas que dicho porque todos lo dicen, que tienes una manera única de explicar cada paso que das en los videostutoriales, ayudas a muchas personas y a todos nos agrada. He colaborado contigo haciendo el curso de Bootstrap 4 y me encantó, todo bien explicado y comprendido, genio total jejeje, seguí así compartiendo tu conocimiento que seguro a todos nos interesa, como diría yo "vamo' arriba" jeje, saludos desde Uruguay!!!!!.
Para los colores en vez de usar un Case Switch se puede optimizar solo usando fondo.className = color;, Saludos donde color es (const color = e.target.classList[1];) y fondo (const fondo = document.getElementById('fondo');)
Genial, ya estaba ansioso por este video! Y pensar que había puesto localStorage.setItem(... en el switch pero con lo valores errores, y no hubiese pensado lo del IF....y como siempre EXCELENTE EXPLICACIÓN! PD: tengo excelentes ideas donde lo podré aplicar!
Me gusta tu forma de enseñar por eso me sume al de JS, pero en la lista esta todo mezclado y una clase que viene no tiene nada que ver con la anterior, tenes una lista organizada para seguir el aprendizaje? gracias
Saludos Ignacio.! Soy nuevo en este mundo y estpy haciendo tus cursos, en verdad explicas muy bien, claro y entendible para cualquiera que este empezando. Tengo un problema, cuando voy a mi servidor luego de comenzar con localStorage, la pestaña de Aplicacion no me muestra nada, solo el siguiente mensaje: "NECESITA INSTALAR UN SERVICE WORKER PARA INSPECCIONARLO AQUI". Y realmente no El por que del error ni la solucion. Instale un servidor con AppServ pero tampoco me funciona. De antemano gracias por la ayuda.!
hola buenas me surge un problema cuando en Aplicación por que parece que necesito instalar un service Workers. esto le ha sucedido otro compañero pero no veo la respuesta. para así darle solución y poder proseguir ......muchas gracias de ante mano un saludo
hola, me puedes ayudar: sabes que uso como servidor firebox developer y en consola la pestaña aplicacion no tiene la seccion localStorage, alguien sabe como agregar eso a mi consola o en firebox se ve en otra parte?
También pueden utilizar window.getComputedStyle() para obtener el color directamente y evitar tener que escribir el switch, aquí un ejemplo. github.com/codeerick95/dynamic_background
![CRUD con LocalStorage y Vanilla Javascript [Tutorial en Español]](http://i.ytimg.com/vi/zeb5PsxWijY/mqdefault.jpg)
![CRUD con LocalStorage y Vanilla Javascript [Tutorial en Español]](/img/tr.png)
![❤ JAVASCRIPT: Event Delegation [Tutorial en Español]](http://i.ytimg.com/vi/_kUuH-TIEDQ/mqdefault.jpg)
Yo creo que deberías considerar seriamente realizar curso pago de JavaScript por ejemplo, entre otros más. Tienes un don: el de explicar tan claramente. Virtud total. Y no puede pasar al olvido, sino a la Historia. Abz gigante ídolo!
Es un fenómeno el maestro.
El Julio profe de la programación, tenes un don de hacer ver todo tan fácil, muchísimas gracias genio
Genial como siempre, un simple detalle para no repetir código en el switch basta con poner afuera del switch " localStorage.setItem("colorFondo", fondo.className);" con eso le asigna el valor del ultimo botón que se presiono.
Me extraña que los videos no tengan miles de me gustas y miles de reproducciones, simplemente una marvilla.
Que bárbaro es con sus explicaciones, se nota que es un grandísimo maestro, un don que no cualquiera tiene, gracias por dar contenido como este de una forma gratuita, muchas gracias.
Dios santo es que este man es prodigio de la docencia.
Tu eres genial parcero, transmites buena vibra... Un abrazo desde Colombia y gracias por amar esta profesión.
Hermano, Créeme que he buscado varios tutoriales tratando de comprender al 100% el LocalStorage, créeme mas, que nadie lo ha explicado mejor que tu. Eres el capo de los capos!
Lo he resuelto de la siguiente manera, dentro de la función pero fuera del switch colocar algo así.
const colorFondo = colorBoton;
localStorage.setItem('colorFondo', colorFondo);
y luego para asignar el fondo al body lo siguiente.
Después de declarar variables locales traer el valor desde el localstorage y asignarlo al body así.
const fondolocalStorage = localStorage.getItem('colorFondo');
fondo.className = fondolocalStorage;
Saludos, gracias por los cursos, excelentes.
eres a la unica persona la cual le entendi graciassssssssssssssssssssssss
Me funcionó muy bien, los mejores deseos, ERES EL MEJOR.
Son geniales todos tus videos Ignacio, creo que está mas que dicho porque todos lo dicen, que tienes una manera única de explicar cada paso que das en los videostutoriales, ayudas a muchas personas y a todos nos agrada. He colaborado contigo haciendo el curso de Bootstrap 4 y me encantó, todo bien explicado y comprendido, genio total jejeje, seguí así compartiendo tu conocimiento que seguro a todos nos interesa, como diría yo "vamo' arriba" jeje, saludos desde Uruguay!!!!!.
gracias por tomarte el tiempo para explicarlo, que por cierto lo haces muy bien ! saludos!
Excelente video. Tu forma de explicar me ayudo mucho. Gracias!!
Muy buena la explicación, Muchas Gracias. :D
que buena explicacion!!!! me sirvio muchisimo tu video, ahora a poner en practica todo lo aprendido.
Muy bueno!!! Da gusto aprender asi JavaScript
excelente video, como siempre
Como siempre lo maximo, chileno saludos desde escuador
Saludos!! Saludos a todo Ecuador!! :)
Guau, tu voz y manera de explicar me recuerdan a programación ATS
Muito obrigado! Saudações do Brasil!!!
he pagado cursos en udemy pero esto ya es astral wow
Maravilloso! Resulta en una! Gracias Ignacio!
Genial! Yo pude lograr hacer la mini app de calificar usando localStorage! Solo me falta hacer el de encuesta! Saludos desde Venezuela!
Guau! que genial!! Saludos!!
Para los colores en vez de usar un Case Switch se puede optimizar solo usando fondo.className = color;, Saludos donde color es (const color = e.target.classList[1];) y fondo (const fondo = document.getElementById('fondo');)
Maestro Shileeeenooo! Que guso ver tus videooosss!!!!
Gracias!! pronto se viene el siguiente video jijiji Saludos!!
@@bluuweb Por favor! Estoy al pendiente totalmente de tus videos!
muy bueno el video, Gracias
Genial, ya estaba ansioso por este video! Y pensar que había puesto localStorage.setItem(... en el switch pero con lo valores errores, y no hubiese pensado lo del IF....y como siempre EXCELENTE EXPLICACIÓN!
PD: tengo excelentes ideas donde lo podré aplicar!
Genial! ahí puedes compartir tus proyectos :) Saludos!!
que bien explicas, has mas cursos para comprarlos
excelente explicación!
Muy bueno, saludos desde Miami
Excelente explicación @Bluuweb #Bluuweb !!! tienes algún tutorial de crear sesiones de usuario que persistan en react hooks??
Me gusta tu forma de enseñar por eso me sume al de JS, pero en la lista esta todo mezclado y una clase que viene no tiene nada que ver con la anterior, tenes una lista organizada para seguir el aprendizaje? gracias
Gracias por este curso eres un crack (y)
Saludos Ignacio.! Soy nuevo en este mundo y estpy haciendo tus cursos, en verdad explicas muy bien, claro y entendible para cualquiera que este empezando. Tengo un problema, cuando voy a mi servidor luego de comenzar con localStorage, la pestaña de Aplicacion no me muestra nada, solo el siguiente mensaje: "NECESITA INSTALAR UN SERVICE WORKER PARA INSPECCIONARLO AQUI". Y realmente no El por que del error ni la solucion. Instale un servidor con AppServ pero tampoco me funciona. De antemano gracias por la ayuda.!
hola buenas me surge un problema cuando en Aplicación por que parece que necesito instalar un service Workers. esto le ha sucedido otro compañero pero no veo la respuesta. para así darle solución y poder proseguir ......muchas gracias de ante mano
un saludo
amigo esta genial pero una pregunta, exclusivamente deben ser cadenas de texto el valor o pueden ser Url links ??.
Tambien cuando se guarda el color se reduce solo a una linea de codigo
localStorage.setItem('colorBackground', color);
hola, me puedes ayudar: sabes que uso como servidor firebox developer y en consola la pestaña aplicacion no tiene la seccion localStorage, alguien sabe como agregar eso a mi consola o en firebox se ve en otra parte?
¿Sería una buena forma de utilizar el LocalStorage guardando la información (que no sea sensible, claro está) en forma encriptada?
Hola en el discord resolvemos dudas discord.gg/nctvhS te espero 🤙🏽
@@bluuweb me dice que el enlace está expirado... 😪
Oye Victor donde puedo conseguir una guía de ejercicios avanzados de JavaScript?
Esto me recuerda a los diccionarios
Buen video :) , saludos
Saludos!!
Hola ayuda. Quiero hacer lo mismo. Pero sin usar localstorage ni cookies alguien que me enseñe. Por favor
También pueden utilizar window.getComputedStyle() para obtener el color directamente y evitar tener que escribir el switch, aquí un ejemplo. github.com/codeerick95/dynamic_background
no tienes cursos en udemy ?
Al final el código quedaria
const BtnBotones = document.getElementById('BtnBotones');
const botones = document.getElementById('botones');
const fondo = document.getElementById('fondo');
fondo.className = localStorage.getItem('colorBackground');
(
() => {
BtnBotones.addEventListener('click', agregarBotones);
botones.addEventListener('click', delegacion);
}
)()
function agregarBotones(e) {
e.preventDefault();
botones.innerHTML = `
primary
secondary
danger
success
warning
`
}
function delegacion(e) {
e.preventDefault();
//console.log(e.target.classList[1]);
const color = e.target.classList[1];
fondo.className = color;
localStorage.setItem('colorBackground', color);
}
Y el HTml
Delegar Eventos
Delegar Eventos
Agregar Botones