Muchas gracias, por favor seguí haciendo cosas así!
@user-gp7pg7vv2o
19 күн бұрын
Yo quiero hacer lo mismo pero ponele si no estoy logueado yo si quisiera que el cliente vea la web como hago eso?
@mau.developer
18 күн бұрын
@@user-gp7pg7vv2o ahí mostrarias como página inicial tu web, mostrando todo el contenido. Y después se me ocurre que lo queres hacer es que cuando quiera realizar una acción recién ahí hacer login puede ser? En ese caso podrías hacer que cada acción que realice el usuario por ejemplo hacer clic en algún sección, ahí en ese momento en el clic lo podes mandar a la página de login (o abrir un modal de login también). Es esto lo que querías hacer? saludos 😉
@user-gp7pg7vv2o
18 күн бұрын
@@mau.developer gracias crack
@yisus7895
Ай бұрын
Hola bro tendrás algo así pero en angular me gustaría aprender pero al colocarlo en angular hay cosas que no embonan igual
@andresariascapurro
Ай бұрын
muchas muchas gracias por compartir tu conocimiento !!
@k7rceh
Ай бұрын
pero si creas el objeto user desde la consola pasaria, alguna otra forma de manejarlo?
@mau.developer
Ай бұрын
Hola k7rceh!! si claro, lo ideal seria guardar el usuario en una api que se conecte a una db. En este ejemplo yo lo que hice fue mostrar la logica del front. Simule la db usando el storage pero solo para el ejemplo :D
@k7rceh
Ай бұрын
@@mau.developer genial! Porque me encuentro en esa duda constante de si quiero verificar si debe o no ingresar al sitio, y no se me ocurre como hacer la proteccion de rutas. Lo hacia de esa manera, con un backend usando JWT y eso va bien. Tenes idea que alternativas existen para permitir el ingreso a rutas en caso de que no exista sesion? mil gracias!
@mau.developer
Ай бұрын
@@k7rceh claro lo que podes hacer si usas js vanilla, como mostré acá en el video, es guardar ese jwt en una cookie o también en el storage y después en el inicio de cada ruta verificar que exista y sea un jwt válido. Eso siempre y cuando lo hagas con js vanilla. Si llegas a usar un framework ahí ya tenes formas más sencillas de hacer esto, podes tener un middleware que se ejecuta antes de ingresar a cada ruta entonces ahí válidas esto último incluso le podes decir que rutas son abiertas y cuales necesitan del jwt para poder ingresar. Esto también se puede hacer con js pero es mejor manual más o menos como te comenté al principio 😁 ojalá te sirva en algún momento seguro haga algún video haciendo todo este proceso completo con backend. Saludos !!!
@strxwbxrrybxrry3791
2 ай бұрын
Muchísimas gracias, lo ocupaba para una práctica de programación.
@CineTerror2-un8no
3 ай бұрын
hola bro me gusto mucho pero quisiera saber si puedo usar esto para montar encima de un para bloquear la visualización, y solo colocar un texto y un botón. que rediriga a otra dirección y en esa otra dirección el usuario haga clic en un botón y el mensaje en el desaparezca y ahora sí le permita la visualización
@mau.developer
3 ай бұрын
Hola como estas? yo creo que si podrias. Se me ocurre que desde el localstorage o usando cookies podria manejar el hecho de si el usuario pueda visualizar o no el contenido de tu sitio. Lo que va a tener que haber es una comunicacion entre tu sitio y el para que desde el puedas enviar un mensaje al sitio avisando si el usuario presionó el boton. Esto ultimo lo podes hacer con usando un evento que se llama "postMessage" desde el frame, y desde la web recibir ese mensaje, tendrias que agregar un event listener llamado mensaje que escucha al post "postMessage". A grandes razgos creo que va por ahiiii, saludos ;)
@CineTerror2-un8no
3 ай бұрын
@@mau.developer jajaja me perdi
@meyerantoniomarulandabland9231
4 ай бұрын
Gracias, gracias infinitas, me has salvado, estaba desesperado buscando solución al registro usando Javascript, me suscribo.
@mau.developer
4 ай бұрын
Que bueno que te ayudó Antonio, gracias por suscribirte 😉
@alanmtm6175
4 ай бұрын
Increible video 👌
@mau.developer
4 ай бұрын
Gracias Alan 💪🏽
@salahmendez8752
4 ай бұрын
Ola me podrías ayudar a subir unos archivos de unitynhub a Github
@thedragonblackyt1095
6 ай бұрын
Saludos, bro use tu codigo pero solo me salte el de email porque no quiero pedir eso pero cuando ingreso datos en registrarse no me lo lee osea no lo almacena ni me cae el mensaje de "Registro exitoso" ni el que ya esta registrado y puse todo lo mismo que tu solo puse diferente en el style ya que le di mi propio estilo pero aun asi no me cae el cuadrito igual que a ti. Ayuda pls :(
@jonathanolano1750
2 ай бұрын
Me pasa igual
@technoh4cksoficial
7 ай бұрын
Muchas gracias amigo lástima que no tengamos el apoyo que nos merecemos
@mau.developer
7 ай бұрын
Gracias a vos muy bueno ese canal 😄
@pablotannor
9 ай бұрын
Muy bueno!,ahora tendrias que poner las tarjetas del otro video en el home y despues hacer un carrito
@mau.developer
9 ай бұрын
Hola Pablo, gracias !!! Si, estaría bueno hacer un carrito completo es verdad ... seguro en algún momento suba ese proyecto 😁
@CanalDviera
10 ай бұрын
amigo tengo una duda ¿por que usas "conts" y no "var"?
@mau.developer
10 ай бұрын
Ei como estas? Uso const para dar un "tipado" un poco más fuerte al código. Es decir para que cuando declaro una variable no podes cambiarle el contenido directamente. Hace el código más seguro sobretodo si el extenso. Un saludo :)
@mau.developer
10 ай бұрын
Nota: con var la variables pasan a ser accesibles desde varios lados del código , con const se encapsula mejor cada variable
@nicolassegovia5412
Жыл бұрын
Man, Felicitaciones por este video! Sos todo un Docente para explicar!
@mau.developer
Жыл бұрын
Gracias Nicooo que bueno que se entienda 😄
@spark_gg77xd
Жыл бұрын
POR FIN DESPUÉS DE 200K DE VIDEOS REPETITIVOS QUE SOLO TE DAN PLUGINS Y PLANTILLAS CSS ENCONTRÉ LA RESOLUCIÓN AL PROYECTO DE LA UNI....!!!!------------------------------- Una lástima que estos videos pasen desapercibidos para nosotros los estudiantes que nos piden algo tan sencillo pero que te CUESTA encontrar..! Soy ateo pero BENDICIONES
@mau.developer
Жыл бұрын
Hola Spark! Buenisimo que lo hayas podido usar para la UNIII! mucha suerte :)
@gianluccagabante3773
Жыл бұрын
Gracias bro, me ayudaste mcuho con mi proyecto
@mau.developer
Жыл бұрын
Buenísimo Giannn 😉😉
@valencaceresm
Жыл бұрын
Excelente video!!!🙌🏼😄
@mau.developer
Жыл бұрын
Gracias Valenn 😁😁
@luiscerellichef4265
Жыл бұрын
Muchas gracias.... muy bueno el video y la explicación.... Estoy comenzando y, la verdad, necesetaría ayuda en saber de donde sacaste las fuentes.... Gracias de nuevo...
@mau.developer
Жыл бұрын
Hola Luis 😄las fuestes te referis al estilo de letra de los formularios? o de donde saque la info para hacer el video? saluditos !!
@luiscerellichef4265
11 ай бұрын
@@mau.developer En primer lugar gracias por tu respuesta y perdon por responder, de mi parte, tan tarde.... las fuentes a la que me refiero es a las letras del formulario.... Una pregunta: ésto lo puedo usar para unos clientes de un negocio de un barrio(donde cada uno usa su computer hogareña) o se necesita trabajar con una Base de Datos..? Muchas gracias.... Un abrazo....
@mau.developer
11 ай бұрын
@@luiscerellichef4265 para que cada uno lo pueda usar en su casa necesarias subir el proyecto a un servidor y al mismo tiempo agregar una base de datos :)
@owenmaciel2682
Жыл бұрын
Estaria bueno que le pongas mas zoom Sacando eso buen video compa
@mau.developer
Жыл бұрын
Totalmente ya leí varios comentarios diciendo lo mismo jaja en el prox va con más zoom 😁
@Crostaflen
Жыл бұрын
perfectamente explicado todo! amigo una duda, si tengo más pestañas o un carrito de compras, como podría agregar esa condición de que esté logeado en la app para poder comprar o agregar productos al carro ?
@mau.developer
Жыл бұрын
Hola Cris! 😁 suponiendo que ya tenes la función que agregar productos al carro, podes verificar ni bien inicia la función si hay un usuario en el storage o no. En caso de que haya sigue el mismo flujo de agregar el producto ... en caso de que no haya en lugar de mandarlo directo al registraro/login podes mostrarle una alerta con algún botón que le dé la opción de ir al registro o al login si tiene cuenta. ( a nivel experiencia de usuario queda bien ). En este punto la función se frena y no sigue su curso, solo abre el modal y se corta, esta sería una opción. Para comprar/finalizar la compra sería exactamente igual el proceso. Verificas al comenzar la función y de ahí con ese resultado ves si seguir con el flujo de la compra o si llevas al usuario a identificarse :)
@Crostaflen
Жыл бұрын
@@mau.developer muchas gracias por darte tu tiempo en responder y por compartir tus conocimientos. Intentare hacer que pira identificarse en las demás páginas
@mau.developer
Жыл бұрын
@@Crostaflen a vos por tu comentario :)
@olanricardo
Жыл бұрын
No te rindas, muy bien explicado y te agradezco mucho, tan especial aporte.
@mau.developer
Жыл бұрын
Muchas gracias Ricardo por el apoyo :)
@mrsalih5597
Жыл бұрын
Bro pon la letra del visual más grande, me estoy quedando ciego
@mau.developer
Жыл бұрын
Anotado para la próxima gracias MrSalih 😅
@EDINNER
Жыл бұрын
hola amigo una pregunta como hago para pasar la conexion de localstorage a una base de datos mysqli?
@mau.developer
Жыл бұрын
Hola Edinner! Lo ideal sería que la base de datos en este en una api para poder hacer un llamado en casa caso ( registro / login ). Entonces lo que harías es en lugar de buscar el storage en el registro directamente tomas los datos del formulario y los envías a la api que maneja la db sql. Ahí la misma api se encarga de ver si el usuario existe o no y te enviar una respuesta ( exitosa si lo guardo bien. con algún error si el user ya existe o no lo pudo guardar ). Para el login sería lo mismo, envías los datos de login y la api va a buscar a la db de mysql si el usuario existe o no y te devuelve una respuesta. 😊
@EDINNER
Жыл бұрын
puedes hacer un tutorial realizando esos pasos? es que voy por el primer año de la carrera de informatica y me mandaron a realizar un ejercicio y desconozco sobre el tema
@mau.developer
Жыл бұрын
@@EDINNER Seguro! tenia pensado mostrar como hacer hacer un api y ahí es donde se haría la conexión a una base de datos de cualquier tipo. Después esa api tendria rutas que podes conectar con tu front , en este caso el login. Desde el front lo único que tendrías que hacer es llamar a una ruta para ver si el usuario existe o no ... es decir en lugar de la parte de buscar en el storage ahí harías ese llamado el resto lo podes dejar igual. Te paso un video de Fazt haciendo estos pasos ya que de mi parte todavía no me senté a hacer este tutorial 😅 kzitem.info/news/bejne/lJqJ0ZdjfXt-amk
@EDINNER
Жыл бұрын
@@mau.developer mira en la universidad nos mandaron a hacer ese ejersicio osea solamente un login con registro el cual tenga una base de datos y que tanto los campos de login como el formulario de registro se encuentren validados y proximamente subirlo a un hosting despues de esto en clases se escogera al mejor proyecto para la universidad usarlo para asi administrar datos estudiantiles... y pues acepte el reto y ahora pues necesito ayuda con eso... ya he realizado varios proyectos he visto varios videos pero ninguno se adapta a lo que quiero hacer sin embargo el que usted hizo si me sirve pero necesito cambiar la conexion a una conexion mysqli y luego subir el proyecto a un hosting...
@mau.developer
Жыл бұрын
@@EDINNER Genial entonces ... ya tenes una parte que seria el front (lo que hiciste mirando mi video). La api que maneje el mysql vos ya la tenes hecha?
@toronoskillz1302
Жыл бұрын
tremendo video amigo , viendo y escribiendo con vos a la par se me afianzaron muchos conceptos!!!
@mau.developer
Жыл бұрын
Eso !! Geniall 😁💪🏽
@diegoruminot1906
Жыл бұрын
muchas gracias bro, muy buen video, hace tiempo andaba buscando un video así, mucho éxito en todo
@mau.developer
Жыл бұрын
Muchas gracias Diego, genial que te haya ayudado 😁😁
@facurodriguez4964
Жыл бұрын
Te recomiendo usar zoom en visual ya que la letra es muy pequeña y en celulares es imposible..es lo que no me dejó terminar completo el vídeo 😅
@mau.developer
Жыл бұрын
Tenes razón Facu me falto hacerle un poco de zoom gracias por el comment 😅
@mariadelcarmenreyes1055
Жыл бұрын
Muchas gracias!
@nataliaavilahernandez1918
Жыл бұрын
Muchas gracias por tan buena explicación :)
@mau.developer
Жыл бұрын
A vos por ver el video Nati 🤗
@mateomontesloaiza9776
Жыл бұрын
Estoy realizando una prueba técnica para ingresar como desarrollador a una empresa y me acabas de salvar, muchas gracias! Nuevo sin 🔥🔥
@mau.developer
Жыл бұрын
Éxitos con esa prueba Mateo 💪🏽💪🏽
@juaneslondono307
Жыл бұрын
Que chimba de video, son las dos de la mañana en mi pais y me acabas de salvar el trabajo final de JS :D
@juandavidruaisaza267
Жыл бұрын
@mau.developer
Жыл бұрын
Que genial Juanes !! Suerte con la entrega del trabajo a ambos 😎
@juandavidruaisaza267
Жыл бұрын
eres jesus nos salvaste
@mau.developer
Жыл бұрын
Vamosss 😉
@ser_mati
Жыл бұрын
Hola Mauri gracias por tus videos, son muy útiles, eras mí tutor en coder. Tengo una duda, estoy evaluando hacer un api crud (tal vez en php ya que lo domino mejor) y consumirla desde el front con Fetch, todo bien con respecto a mostrar pero si tengo que hacer un insert a la bd, cual es el mejor método para que sea seguro? Vi lo de las variables de entorno pero no es 100% seguro ya que por consola se podría leer. Porque mí idea es tener separado el back del front y no se cuál es la mejor práctica. Cualquier info se agradece. Un saludo!
@mau.developer
Жыл бұрын
Hola Matiii 😁 genial lo del crud con php. Para hacer un insert a tu api deberías usar el método POST y ahí mismo envías en el body la data del nuevo usuario ... eso seria lo más seguro! Buenísimo también que separes el front del back ahí también lo haces un poco más seguro. Como extra si queres podes también usar una variable de entorno solo para la url de la api a la cual vas a hacer el insert. Saluditos ojalá te sirva la info Mati 😉
@MrFuska
Жыл бұрын
Muchas gracias por hacer este tipo de videos, hay muchos sobre funciones, variables y de todo con javascript, pero hacen falta mas tutoriales sobre cosas como estas, ojala sigas subiendo mas, saludos.
@mau.developer
Жыл бұрын
Gracias cacz que bueno que te haya servido !! Si, seguiré subiendo mas cosas asi con js que entiendo que le pueden dar un uso real. Saludos 😊
@C_O_P_A_R_I_O_S8531
10 ай бұрын
@@mau.developersaludos tengo un problema al momento de redirigir con la línea de código window.location.href = no me lleva a ningún lado
@mau.developer
10 ай бұрын
@@C_O_P_A_R_I_O_S8531 pueden pasar varias cosas. Te recomiendo revisar que el window location href vaya a una ruta válida que hayas creado. En el caso del proyecto las rutas son 3 index.html, login.html y sigue.html. En el caso de que las 3 estén creadas te recomiendo seguir la misma estructura de directorios (carpetas) que mostre en el video, así te coinciden las rutas con el href 😉 ojalá se resuelva con esto!!
Пікірлер