Login y Registro con HTML - CSS - JS || Parte1

[@VisualAvalon]

Próximamente estaremos haciendo la parte para hacer funcional este login y registro de usuarios. ¡SUSCRIBETE!

[@EUSongContest]

Deberias enseñarnos a hacer una web al estilo crunchyroll.

[@mariamercedesgalindocastil1069]

Muchas gracias tus tutoriales me han ayudado mucho con mis proyectos y resuelto muchas dudas de verdad gracias, solo te pregunto no he logrado que sea funcional aun y no toma el stilo css, gracias te agradeceria tu respuesta

[@kevinaviles7252]

Algun proyecto para subir img con nodejs y mdb

[@richardss2577]

@MagtimusPro cuando colocaras el proyecto descargable??

[@emmanuelurbinasesi4034]

Hola @MagtimusPro, es un tutorial increíble, yo lo estoy desarrollando. Una duda, cuando lo visualizo desde un dispositivo movil, al momento de querer hacer un registro la página se recarga sola y muestra el formulario de inicio de sesión nuevamente ¿tendrás alguna pista que puedas darme para solucionarlo? Saludos!

[@AtentoCaracas]

A 3 años de tu subir este video y yo viendolo ahorita, me parece excelente

[@leidag14]

Hola aqui en el agosto de 2023 te agradezco por este video, ahora entiendo mucho mas el codigo, porque la manera que explicas es facil de entender. estoy terminando la certificacion del SENA en Colombia de Tecnóloga ADSI y te juro que no entendia nada, pense que no iba a poder hacer nunca este sistema de login, pero ahora me siento mas segura, hay muchos que no tenemos recursos para pagar por clases extra, por favor sigue con los videos, porque sé que habran muchas personas que te agradeceran y te bendeciran como yo, eres un maestro nato, tuve muchos errores y me demore casi dos semanas, solo con este primer video, luego hice los otros y tambien los pase pero en menos dias, hasta que un fallo en una actualización me daño en el ultimo video y se me daño todo, no pude arreglarlo y aqui estoy empece de nuevo, pero ya en el primer video solo me demore unas pocosa horas, es decir, hacerlo mas de una vez me ha dado mas seguridad y he empezado a comprender mucho mas, obvio gracias al gran instructor que eres..🤗🤗🤗🤗

[@leidag14]

Aun sigo esperando el video numero 6 de Como hacer sistema de LOGIN con PHP y MySQL - Parte 6

[@BelSoou]

Bro, tu eres un amo, me estas ayudando en un proyecto que tengo de ing en software, con las clases en linea no he aprendido una mierda y lo que no aprendi en la uni, lo aprendo aqui, sub , like y lo recomiendo con mis amigos :D

[@Andreahappy-51]

Muchas gracias por este video, soy estudiante . y tu video esta super bien explicado y funcional. Muy bonito el diseño .

[@chamocol3614]

Maje hace más de un mes empecé a maquetar y aquí voy a aprender más 👌🏻

[@lorenzorios2003]

Gracias amigo! llegue 3 años tarde pero eh llegado y eso es lo que vale

[@davidalejandro6034]

Amigo, uno de mis sueños es ser diseñador web, gracias ati lo lograre!👏🏼👏🏼 gracias por tu tiempo y apoyo, fiel seguidor

[@VisualAvalon]

Que buenoooo Amigo, me alegra muchísimo poder ayudarte... Les voy a traer mucho más contenido interesante! Saludos

[@ReinerJ]

Ya pasaron tres años, ¿Como le fue?

[@diegosaavedra7035]

EXCELENTE TODO SUPER ENTENDIDO sin dar tantas vueltas voy a hacerlo para un proyecto de mi estudio DIOS TE BENDIGA GRACIAS

[@karygordo]

Gracias por todo tu esfuerzo, en serio. Espero seguir viendo videos como estos, la universidad es cara!

[@leonardocenteno1601]

Excelente video amigo. Me ayudaste con una tarea de la universidad. Muchas gracias

[@lisbethmartinez9116]

Excelente tu video... gracias infinitas por dar tus conocimientos, eres un buen comunicador

[@nenon809]

Excelente explicación, bien detallada. Lo que si se agradece una explicación un poco más lenta, no todos somos tan pro 😪😇

[@Angel-nt1n]

gracias por aportar esto en un futuro yo también aportare proyecto a los futuros programadores.

[@yetix_bo]

Estupendo Contenido..... muchas gracias ,,, Todo muy Claro

[@Irvin_Gonzalez]

Man te banco, gracias a ti ya se como hacer una pagina responsive 😅

[@motivate37055]

la monda compae, los mejores 1 hora de mi vida

[@carlospena9845]

vacano parcero, gracias subir estos contenidos. Tengo mi hijo que esta aprendiendo toso esto por estos medios ya que no contamos con los recursos suficientes para pagarle un curso. Gracias.

[@EstrategasDel.Éxito]

Apa usted es de los mejores en esta comunidad pude aprender super facil gracias por su dedicacion tienes mi like y sub👍

[@erosjoaquin4906]

Loco sos un mega crack gracias me re sirvio estuve 18 horas, pero lo logre, Por momentos casi me rindo, pero no ,me quedo igual igual funciona todo perfecto

[@marcosjesusherrerafernande6651]

Ey bro el javascript no te dió error?

[@thefresh_belair_f312]

SALUDOS desde República Dominicana

[@marcoantoniodelacruz1990]

genial bro!! excelente explicación desde cero..

[@nataliajaramillogonzalez954]

Excelente videoooo!!! Muchisimas gracias.

[@raulhernanromeroherrera2547]

Siiiii ya tengo el código y funciona muy Bien gracias y su esplicación tambien Bien, gracias.

[@gerardomerino5328]

me sirveee, mero explico lo que ando ocupando, ya me suscribí para saberle mas ala programada, saludosss

[@gregoryguichard-deschamps884]

ya esta conseguido, me ha costado pero porfin,

[@cristianvazquez6891]

Excelente video, recien estoy aprendiendo sobre este tema. Mi pregunta es, una vez realizado el login como puedo realizar una pagina de bienvenida (por ejemplo el portal principal una vez iniciando sesion. Espero puedan ayudarme y una vez mas, excelente video.!!

[@jeancarlosquejadatoro3939]

Buenísimo tutorial, gracias por todo

[@VisualAvalon]

Gracias amigo por dejarme tu opinión y estar atento al canal. Saludos!

[@fabrizioalpuche5984]

buenísimo! Gracias por compartir

[@perezsaul]

mira mi bro, como es costumbre, cada que veo un video bueno le doy su like y me suscribo

[@VisualAvalon]

Gracias por el apoyo😀 Te lo agradezco mucho!

[@ramonalejandrourbinalinare4002]

Un saludo Magtimus me gustaría que hicieras un sistema bajo el diseño MVC con los roles de los permisos de usuarios, iniciando sesión, por cada rol es que define el alcance que tiene para manipular el CRUD de los clientes que los usuarios insertaran en el sistema ,te lo agradecería mucho y espero que tomes en cuenta este proyecto gracias maestro.

[@johanesparza7476]

Hice todo siguiendote el paso pero no me funcionan los codigos para el diseño responsive, y por mas que miro y miro el error en el codigo, está al pie de la letra, ¿que puede ser?

[@maurorodriguez6984]

Muchisimas Gracias, me ayudaste mucho!!!

[@Nicolly-uwu]

Excelentes tutoriales MagtimusPro! me han ayudado mucho ya que estoy comenzado, la forma en que explicas el paso a paso es genial, he logrado hacer todo lo que explicas y sale muy bien! de verdad muchas gracias por compartir tus conocimientos! te felicito!

[@ilderG]

Gracias por es video, esta super bien explicado...

[@daizzer]

Hey no es mas rapido que escribir todo ese codigo, solo darle y quitarle clases y los estilos ponerlos en css. Y lo del diseño responsive mejor en porcentajes. Asi solo necesitaria unas pocas lineas de codigo js. document.querySelector('.ejemplo').classList.toggle('clase de los estilos');

[@luisnorton3100]

Buenos tutoriales y se entienden bien. Podrías aumentar el tamaño de los mismos por favor, esperando hacer funcional este login y registro de usuarios. Gracias 👍

[@juliotreinty3956]

Excelente aporte. Muchas gracias!

[@andresfelipemarin3063]

¡Muchas gracias! bro, excelente.

[@alexmonter2259]

Que buen video, Estaría muy interesante que hicieras una página web para una tienda o vender productos, saludos.

[@VisualAvalon]

Si, haremos unos cuantos proyectos ahora que entremos con PHP y MySql. Saludos

[@shuutsukiyama1553]

Cómo hago si quiero registrar distintos tipos de usuarios, que deban completar campos diferentes?

[@zamyrodriguez7769]

Me salio perfecto ❤

[@EmprendeLegendario]

@VisualAvalon, no se si sabes pero creo que hubieras podido hacerlo útil para todos los dispositivos desde el CSS, y así unieras ahorrado unas líneas de código en JavaScript

[@kevinwittner7446]

consulta, antes del vamos y empiece a ver todo, en este trabajo tratas la permanencia del usuario? (osea que cierre la app pero siga estando logeado )

[@diegocaruso]

Genial amigo pero deberias solucionar el problema del responsive para el crear el usuario entrando desde una tablet o un celular, cuando clickeas el boton para el nuevo registro muestra bien la tabla para logueo pero cuando tocas para escribier se pasa a la tabla de cuando ya estas logueado, la verdad un problema grande, fijate si podes solucionarlo y pasa el codigo por este medio desde ya muchas gracias

[@Johstiin_]

Deberías rehacer este proyecto pero usando Node.js y postgres:)

[@josemanuelestradacalderon3669]

Eres un grande amigo, me sirvió mucho, sigue subiendo más

[@calebpm4363]

magtimus no tienes el link prara descargar el proyecto? contestanme porfa necesito ayud

[@romerlunar757]

Buenísimo el tutorial, era lo que necesitaba, para iniciar una aplicación donde trabajo, tendrás algún video de permisos por usuario y limitaciones de acceso a un menú según cada perfil, pido la colaboración por el exceso de trabajo manual que hacemos

[@hernanpaez1976]

te hago una consulta, me esta tirando un error en la funcion, en el item "formulario_login.styles.display = "none" y en la otra funcion el mismo con el atributo "block", me dice que devuelve un empty y no oculta el texto detras del formulario.

[@RaynieroJonathanJimenezMarquez]

hermano eres un crack mil felicidades sigue a delante

[@douglaszambrano5644]

Excelente Tutorial

[@bydmatt4499]

Gracias y excelente Magtimus de verdad gracias, sos un crack he aprendido mucho gracias a ti!!!!!!!!!!!

[@kawaiilopez7301]

muchas gracias bro me salvaste mucho me voy a suscribir y dare like

[@VisualAvalon]

Gracias hermano, me alegra mucho haberte podido ayudar. Gracias por tu apoyo!

[@facumercado6320]

Hola, como estas ? En el minuto 45:08 donde pones Formulario_registro.style.display="block"; no me lo toma, como puedo solucionarlo ? Muchas gracias

[@gracielaadrianapugliese6835]

Hola Magtimus cuando subo el código a la web y doy clic en "Registrarse" en modo responsive no aparece el teclado para completar el registro.

[@zamyrodriguez7769]

Muchísimas gracias ❤❤❤❤❤❤❤

[@jewers280]

Gracias por el video, bro muy bueno.

[@julianvelez6563]

Excelente magtimus

[@andresmendoza7105]

Hola que tal MagtimusPro podrias por favor pasarnos el codigo js de este video, porque a mi como a muchos nos da muchos errores en el momento de hacer responsive en el js

[@juancuya7w7]

Un margin-top para que baje hacia abajo xd el mejor xd

[@carolinapantoja2203]

Muchas gracias amigo, que buen video 👌tu contenido es genial

[@gloriallerena8053]

Me encanta el mejor sin duda

[@willianhuisa7043]

Muy buena explicaión grande genio

[@eder3232]

grande magtimus, de maravilla este tutorial

[@tamaracalabrese958]

Holaa una pregunta tengo problemas con la parte del css, cuando pongo ".caja__trasera div" y coloco el div no me aparece como a vos te sale, me aparece todo en color amarillo... no se si me estará faltando alguna extensión o algo... Alguien me ayuda? porfavor

[@nocturnosclasesencilla4626]

Igual a mi

[@robertgutierrez6874]

Buenas tardes, he seguido tus indicaciones y ha quedado bien salvo un comportamiento fuera de lo normal en el móvil, ya que cuando intento rellenar los datos de registro, al pulsar en la pantalla y desplegarse el teclado en pantalla desaparece el formulario de registro y vuelve a aparecer el formulario de login, con lo que no es posible registrarse desde un movil, creo que esto se debe a que está escuchando con el addlistener y al cambiar de tamaño cuando sale el teclado actua y vuelve a poner el formulario de login, no se como solucionar esto la verdad, muchas gracias.

[@manusalinas8579]

Hola que tal me podrias ayudar con algo, quiero que el boton de la caja trasera de registro poderle poner un link a otra pagina estoy ocupandolo para otra aplicacion como podria hacerlo, gracias por tu apoyo muy buenos videos Saludos..

[@thebroki6684]

MUCHAS GRACIAS MASTER!!!!!!

[@Alejandra....]

buenas tardes, una pregunta el registro es el mismo q el crud?

[@francopetter171]

Gracias bro me ayudaste muchisimo

[@rogelioescobarquisbert7777]

Siempre me sorprendes felicitaciones es un gran canal

[@luisangeltapiasmadronero7477]

Próximamente estaremos haciendo la parte para hacer funcional este login y registro de usuarios esta parte ya la subistes amigo

[@sandysantiagoj]

Buenazo, tu video me ayudo mucho :D Gracias!

[@dustydepot492]

Hola! Gran video, me fue muy util. Podrias subir el codigo fuente como archivo descargable? Gracias!

[@keysipena1198]

Nero pense que tu video era para registrarse y loguearse , bueno seguire buscando

[@ricardojaredortegasoto9844]

Me fue de gran ayuda nuevo suscritor . excelente video

[@Henry_Nunez]

Esta genial, me encanta. 👍👍

[@smashi-capo]

Excelente. Como hago para que otros usuarios puedan publicar en mi página así como en mercado libre?, Muchas gracias.

[@fanton8903]

Bro que tema de personalización usas para el visual ?

[@canadafendernick51]

Oye hermano te seguí en todo el video lleno mi código pero cuando lo corro en el html la parte de estilos no aparece lo de la imagen y la configuración y los colores en todo el login -aquí la siguiente duda baje todo tu código lo corrio sin problemas y abrió la imagen -qué problema puede ser ? Por la cual no abre la imagen que inserte y los colores ya las configuraciones de las tablas?

[@julioplo1]

hola una pregunta, estoy siguiendo tus pasos llegue hasta hola mundo de java script pero cuando verifico si esta conectada no me aparece que este vinculado al html si me podrias dar algun detalle mas sobre eso amigo!

[@jvm1825]

Hola, toda esta serie del login me ayudo demasiado a aprender sobre varias funciones, estoy comenzando con un proyecto para la universidad y entonces me pidieron que si digamos el usuarios se equivoca 3 veces en escribir la contraseña se le bloquee el inicio de sesión en la página y no se si leas esto pero espero que tal vez podrías ayudarme, Gracias.

[@Miceks]

Hola, Muy buen tutorial, pero tengo una duda; Cómo podría lograr que los botones (en la caja trasera y el formulario) queden centrados? muchas gracias

[@Ddewzxdsszkbooj100]

una consulta como podria poner este login en el inicio de mi sitio y que no tenga acceso el usuario al mismo si no crea una cuenta es decir que solo muestre este inicio y cuando entre se le vea el sitio en si algo asi como en facebook que si no entras no te muestra lo que hay en el sitio

[@comoloveo972]

Me encanto tu video eres un master

[@andresfernandoloayzacachi2102]

me salvaste la vida hermano

[@edwardscrints]

buenisimo parcero gracxias y mas gracias

[@holabrother7756]

Muy útil, me sirvió gracias..

[@edwarZEDV]

sos un capo pa

[@israelroysotocaballero7496]

querido maestro mactimus pro, estoy muy agradecido por todo el conocimiento que nos ha compartido, sabe estoy teniendo una complicación para realizar un proyecto, no soy muy bueno en php y necesito realizar una pagina para recuperar la contraseña por medio del correo, podria ayudarme?, de antemano le agradezco el tiempo de leerme

[@musicavivasolucionesmusica940]

Hola Genio!. Tengo un inconveniente con la transición de la caja de registro hacia la izquierda cuando le doy click al botón de registro. Sin la línea 1 que creaste , la que dice document.get... en consola lo hace perfectamente. Ahora cuando escribo esa línea en js no funciona. Que podrá ser?. espero tu respuesta, gracias.

[@danielolivares5199]

puede que este mal escrita

[@ramonalejandrourbinalinare4002]

Como se pueden validar los campos para que cumplan con el formato solicitado desde PHP? Un saludo, porque desde HTML se hace con el atributo pattern pero se puede violar la seguridad fácilmente con la consola de inspeccionar elementos

[@demialyons4557]

Disculpe subirá los apoyos de códigos de cada vídeo de esta sería para descargar

[@fernandoperez2644]

Excelente maestro...

[@VisualAvalon]

Gracias amigo! Saludos

[@marcosjesusherrerafernande6651]

Todo bien, pero en la parte de agregarle la función register, no se me aplica y está correctamente conectado porque hice la prueba del alert y funcionó

[@mattewswic7794]

Parte 1 Concluida con exito

[@mariaalejandraprada5106]

hola necesito ayuda por fi, cada vez que actualizo la pagina se me crea automáticamente un registro en la base de datos y todos son espacios en blanco que debo hacer por favor ayuda!

[@jimmycruz3321]

¡Gracias!

[@VisualAvalon]

Muchas gracias hermano por tu aporte! Y por acompañarnos en este proyecto MagtimusPro

[@video1ful]

Que buen contenido. Me gusta tu nueva presentación, muy bonito tu estudio de trabajo, tu intro y como te ves en cámara. Gracias por compartir conocimiento de calidad amigo.