LocalStorage [Conceptos y definiciones] ❤ JAVASCRIPT ❤

Подписаться 226 тыс.

Просмотров 34 тыс.

50% 1

Vemos como trabajar con LocalStorage, un almacenamiento de nuestro navegador trabajado con JavaScript.
Suscríbete aquí: / bluuweb
Descarga los archivos del curso aquí: goo.gl/4tZAZb
#javascript #bluuweb
MÁS CURSOS DE BLUUWEB!
📌 HTML Y CSS: goo.gl/yoMdMZ
📌 JAVASCRIPT: goo.gl/hnQkog
📌 JQUERY: goo.gl/Ag7XsG
📌 CSS GRID: goo.gl/nR56pT
📌 VISUAL STUDIO CODE: goo.gl/cvu57R
📌 BOOTSTRAP 4: goo.gl/npezrj
📌 PHOTOSHOP: goo.gl/1C9k5n
📌 PSD A HTML: goo.gl/VYX2V6
📌 TEMAS WORDPRESS: goo.gl/GeiVNm
📌 PHP Y MYSQL: goo.gl/oao1QT
📌 FORMULARIOS CON PHP Y AJAX: goo.gl/GKpZAH
📌 ANGULAR: goo.gl/WJhtnC
📌 FIREBASE/FIRESTORE: goo.gl/bpKL9i
📌 PHP LARAVEL: goo.gl/iAbPBy
📌 MATERIALIZE CSS: goo.gl/7pSFY5
📌 IONIC: goo.gl/RNGKTD
📌 SASS: goo.gl/ba7mEE
📌 PROGRAMACIÓN BÁSICA: goo.gl/HksyVi
¿Quiéres apoyar el canal?
Curso de Bootstrap 4 PREMIUM!
Accede con un súper descuento aquí: goo.gl/VQZwKg
También puedes seguirme en Facebook: / bluuweb
Finalmente visita mi sitio web: www.bluuweb.org

Опубликовано:

28 окт 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@osmeig6025 5 лет назад

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!

@gabrielromero9595 5 лет назад

Es un fenómeno el maestro.

@Sacrifice97 3 года назад

Dios santo es que este man es prodigio de la docencia.

@pablorostirolla5859 3 года назад

El Julio profe de la programación, tenes un don de hacer ver todo tan fácil, muchísimas gracias genio

@mrx2039 5 лет назад

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.

@gabrielromero9595 5 лет назад

Me extraña que los videos no tengan miles de me gustas y miles de reproducciones, simplemente una marvilla.

@richardpineda1034 5 лет назад

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.

@RSC-mi5xm 4 года назад

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!

@andrespsvita4568 3 года назад

eres a la unica persona la cual le entendi graciassssssssssssssssssssssss

@julianandrescalambasordone2229 4 года назад

Tu eres genial parcero, transmites buena vibra... Un abrazo desde Colombia y gracias por amar esta profesión.

@nosequehacer8962 Год назад

Guau, tu voz y manera de explicar me recuerdan a programación ATS

@mariacristinaulloagarrido1224 5 лет назад

Maravilloso! Resulta en una! Gracias Ignacio!

@aguspetra 3 года назад

gracias por tomarte el tiempo para explicarlo, que por cierto lo haces muy bien ! saludos!

@eddysantiagorhenalsperez1139 3 года назад

Me funcionó muy bien, los mejores deseos, ERES EL MEJOR.

@cgdc.29 5 лет назад

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!!!!!.

@karenlorenacaicedo7718 Год назад

Muy buena la explicación, Muchas Gracias. :D

@helmervillarreal6209 4 года назад

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.

@stefanomazziotta1270 2 года назад

Excelente video. Tu forma de explicar me ayudo mucho. Gracias!!

@greimilnunez5179 3 года назад

que buena explicacion!!!! me sirvio muchisimo tu video, ahora a poner en practica todo lo aprendido.

@cristobalaviles126 5 лет назад

Como siempre lo maximo, chileno saludos desde escuador

@bluuweb 5 лет назад

Saludos!! Saludos a todo Ecuador!! :)

@PatoTatengue 5 лет назад

Muy bueno!!! Da gusto aprender asi JavaScript

@mlizano6793 Год назад

excelente video, como siempre

@pandeharina7714 5 лет назад

Gracias por este curso eres un crack (y)

@fabriciosouza408 4 года назад

Muito obrigado! Saudações do Brasil!!!

@juansebastiangrisaleslopez8386 4 года назад

he pagado cursos en udemy pero esto ya es astral wow

@ClawHammer23 5 лет назад

Muy bueno, saludos desde Miami

@rogeclash2631 3 года назад

muy bueno el video, Gracias

@iarah2939 3 года назад

excelente explicación!

@JValenteM92 5 лет назад

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!

@bluuweb 5 лет назад

Genial! ahí puedes compartir tus proyectos :) Saludos!!

@cristiangonzalezballon8815 4 года назад

que bien explicas, has mas cursos para comprarlos

@MarcosEsqueda 5 лет назад

Genial! Yo pude lograr hacer la mini app de calificar usando localStorage! Solo me falta hacer el de encuesta! Saludos desde Venezuela!

@bluuweb 5 лет назад

Guau! que genial!! Saludos!!

@osmeig6025 5 лет назад

Maestro Shileeeenooo! Que guso ver tus videooosss!!!!

@bluuweb 5 лет назад

Gracias!! pronto se viene el siguiente video jijiji Saludos!!

@osmeig6025 5 лет назад

@@bluuweb Por favor! Estoy al pendiente totalmente de tus videos!

@crackeador789 3 года назад

Esto me recuerda a los diccionarios

@thejuanelopvp 5 лет назад

Buen video :) , saludos

@bluuweb 5 лет назад

Saludos!!

@mfcortes 4 года назад

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');)

@federicosabatini1240 2 года назад

Excelente explicación @Bluuweb #Bluuweb !!! tienes algún tutorial de crear sesiones de usuario que persistan en react hooks??

@CesarPeron 3 года назад

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

@JuanRodriguez-hi3nl 4 года назад

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.!

@BriaMayorda 2 года назад

amigo esta genial pero una pregunta, exclusivamente deben ser cadenas de texto el valor o pueden ser Url links ??.

@mfcortes 4 года назад

Tambien cuando se guarda el color se reduce solo a una linea de codigo localStorage.setItem('colorBackground', color);

@bpm88 3 года назад

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

@eveSotmyor 3 года назад

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?

@javiernino8960 4 года назад

Oye Victor donde puedo conseguir una guía de ejercicios avanzados de JavaScript?

@saurion 3 года назад

¿Sería una buena forma de utilizar el LocalStorage guardando la información (que no sea sensible, claro está) en forma encriptada?

@bluuweb 3 года назад

Hola en el discord resolvemos dudas discord.gg/nctvhS te espero 🤙🏽

@saurion 3 года назад

@@bluuweb me dice que el enlace está expirado... 😪

@JuanReyes-hl2nb Год назад

Hola ayuda. Quiero hacer lo mismo. Pero sin usar localstorage ni cookies alguien que me enseñe. Por favor

@codeerick3972 5 лет назад

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

@juansebastiangrisaleslopez8386 4 года назад

no tienes cursos en udemy ?

@mfcortes 4 года назад

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