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

Поділитися
Вставка
  • Опубліковано 4 січ 2025

КОМЕНТАРІ • 291

  • @VisualAvalon
    @VisualAvalon  4 роки тому +82

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

    • @EUSongContest
      @EUSongContest 4 роки тому +1

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

    • @mariamercedesgalindocastil1069
      @mariamercedesgalindocastil1069 4 роки тому +1

      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
      @kevinaviles7252 4 роки тому

      Algun proyecto para subir img con nodejs y mdb

    • @richardss2577
      @richardss2577 3 роки тому

      @MagtimusPro cuando colocaras el proyecto descargable??

    • @emmanuelurbinasesi4034
      @emmanuelurbinasesi4034 2 роки тому

      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
    @AtentoCaracas Рік тому +22

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

  • @leidag14
    @leidag14 Рік тому +6

    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
      @leidag14 Рік тому

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

  • @BelSoou
    @BelSoou 3 роки тому +7

    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

  • @Wilyquilla
    @Wilyquilla 2 роки тому +2

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

  • @davidalejandro6034
    @davidalejandro6034 4 роки тому +36

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

    • @VisualAvalon
      @VisualAvalon  4 роки тому +10

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

    • @ReinerJ
      @ReinerJ Рік тому +1

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

  • @chamocol3614
    @chamocol3614 4 роки тому +1

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

  • @karygordo
    @karygordo Рік тому +2

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

  • @lorenzorios2003
    @lorenzorios2003 11 місяців тому +1

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

  • @diegosaavedra7035
    @diegosaavedra7035 3 роки тому

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

  • @jimmycruz3321
    @jimmycruz3321 3 роки тому +2

    ¡Gracias!

    • @VisualAvalon
      @VisualAvalon  3 роки тому +1

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

  • @carlospena9845
    @carlospena9845 2 роки тому

    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.

  • @leonardocenteno1601
    @leonardocenteno1601 Рік тому

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

  • @EstrategasDel.Éxito
    @EstrategasDel.Éxito Рік тому

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

  • @Irvin_Gonzalez
    @Irvin_Gonzalez Рік тому

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

  • @perezsaul
    @perezsaul 3 роки тому +1

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

    • @VisualAvalon
      @VisualAvalon  3 роки тому +1

      Gracias por el apoyo😀 Te lo agradezco mucho!

  • @lisbethmartinez9116
    @lisbethmartinez9116 7 місяців тому

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

  • @Nicolly-uwu
    @Nicolly-uwu 3 роки тому +1

    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!

  • @motivate37055
    @motivate37055 7 місяців тому

    la monda compae, los mejores 1 hora de mi vida

  • @erosjoaquin4906
    @erosjoaquin4906 2 роки тому +1

    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

  • @nenon809
    @nenon809 5 місяців тому

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

  • @gerardomerino5328
    @gerardomerino5328 2 роки тому

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

  • @Angel-nt1n
    @Angel-nt1n Рік тому

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

  • @thefresh_belair_f312
    @thefresh_belair_f312 2 роки тому

    SALUDOS desde República Dominicana

  • @yetix_bo
    @yetix_bo 3 роки тому +1

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

  • @alexmonter2259
    @alexmonter2259 4 роки тому +7

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

    • @VisualAvalon
      @VisualAvalon  4 роки тому +6

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

  • @marcoantoniodelacruz1990
    @marcoantoniodelacruz1990 3 роки тому +1

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

  • @video1ful
    @video1ful 4 роки тому +1

    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.

  • @Henry_Nunez
    @Henry_Nunez Рік тому

    Esta genial, me encanta. 👍👍

  • @nataliajaramillogonzalez954
    @nataliajaramillogonzalez954 3 роки тому

    Excelente videoooo!!! Muchisimas gracias.

  • @raulhernanromeroherrera2547
    @raulhernanromeroherrera2547 2 роки тому

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

  • @carolinapantoja2203
    @carolinapantoja2203 Рік тому

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

  • @josemanuelestradacalderon3669
    @josemanuelestradacalderon3669 2 роки тому

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

  • @bydmatt4499
    @bydmatt4499 4 роки тому

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

  • @jeancarlosquejadatoro3939
    @jeancarlosquejadatoro3939 4 роки тому +2

    Buenísimo tutorial, gracias por todo

    • @VisualAvalon
      @VisualAvalon  4 роки тому +1

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

  • @zamyrodriguez7769
    @zamyrodriguez7769 Місяць тому

    Muchísimas gracias ❤❤❤❤❤❤❤

  • @facumercado6320
    @facumercado6320 2 роки тому +1

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

  • @andresfelipemarin3063
    @andresfelipemarin3063 4 роки тому +2

    ¡Muchas gracias! bro, excelente.

  • @luisnorton3100
    @luisnorton3100 2 роки тому +1

    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 👍

  • @zamyrodriguez7769
    @zamyrodriguez7769 Місяць тому

    Me salio perfecto ❤

  • @juliotreinty3956
    @juliotreinty3956 4 роки тому

    Excelente aporte. Muchas gracias!

  • @fabrizioalpuche5984
    @fabrizioalpuche5984 2 роки тому

    buenísimo! Gracias por compartir

  • @RaynieroJonathanJimenezMarquez

    hermano eres un crack mil felicidades sigue a delante

  • @gloriallerena8053
    @gloriallerena8053 3 роки тому

    Me encanta el mejor sin duda

  • @rogelioescobarquisbert7777
    @rogelioescobarquisbert7777 4 роки тому

    Siempre me sorprendes felicitaciones es un gran canal

  • @sandysantiagoj
    @sandysantiagoj 2 роки тому

    Buenazo, tu video me ayudo mucho :D
    Gracias!

  • @maurorodriguez6984
    @maurorodriguez6984 3 роки тому +1

    Muchisimas Gracias, me ayudaste mucho!!!

  • @ilderG
    @ilderG 9 місяців тому

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

  • @kawaiilopez7301
    @kawaiilopez7301 3 роки тому +1

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

    • @VisualAvalon
      @VisualAvalon  3 роки тому

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

  • @eder3232
    @eder3232 2 роки тому

    grande magtimus, de maravilla este tutorial

  • @jewers280
    @jewers280 4 роки тому +1

    Gracias por el video, bro muy bueno.

  • @ricardojaredortegasoto9844
    @ricardojaredortegasoto9844 Рік тому

    Me fue de gran ayuda nuevo suscritor . excelente video

  • @isaacortega7674
    @isaacortega7674 3 роки тому +2

    1:05:00 Ahi donde se amontona el texto, en mi caso se pone de esa manera cuando cuando recargo la pagina y se quita cuando le doy en el boton registrarse :(

    • @richardss2577
      @richardss2577 3 роки тому +1

      no tienes errores con el JS?? para mover de un lado al otro?

    • @richardss2577
      @richardss2577 3 роки тому

      me podrias ayudar con el js?

  • @gregoryguichard-deschamps884
    @gregoryguichard-deschamps884 3 роки тому +3

    ya esta conseguido, me ha costado pero porfin,

  • @johanesparza7476
    @johanesparza7476 2 роки тому +2

    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?

  • @douglaszambrano5644
    @douglaszambrano5644 Рік тому +1

    Excelente Tutorial

  • @julianvelez6563
    @julianvelez6563 4 роки тому +3

    Excelente magtimus

  • @willianhuisa7043
    @willianhuisa7043 Рік тому

    Muy buena explicaión grande genio

  • @lali0050
    @lali0050 2 роки тому

    Gracias super claro !!

  • @conorsp4757
    @conorsp4757 3 роки тому

    minuto 1:04:03 cuando tengo la ventana de ese tamaño no me funcionan los botones de registrarse

  • @shuutsukiyama1553
    @shuutsukiyama1553 2 роки тому +2

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

  • @thebroki6684
    @thebroki6684 2 роки тому

    MUCHAS GRACIAS MASTER!!!!!!

  • @francopetter171
    @francopetter171 3 роки тому +1

    Gracias bro me ayudaste muchisimo

  • @hernanpaez1976
    @hernanpaez1976 6 місяців тому

    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.

  • @Ddewzxdsszkbooj100
    @Ddewzxdsszkbooj100 2 роки тому

    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

  • @StreamsVirales
    @StreamsVirales 3 роки тому

    Te amooooo, sos un genio

  • @ramonalejandrourbinalinare4002
    @ramonalejandrourbinalinare4002 4 роки тому +10

    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.

  • @andresfernandoloayzacachi2102

    me salvaste la vida hermano

  • @comoloveo972
    @comoloveo972 4 роки тому

    Me encanto tu video eres un master

  • @fernandoperez2644
    @fernandoperez2644 4 роки тому +1

    Excelente maestro...

  • @holabrother7756
    @holabrother7756 4 роки тому

    Muy útil, me sirvió gracias..

  • @Alejandra....
    @Alejandra.... Рік тому +1

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

  • @javiermissaelcarrillovilla9255
    @javiermissaelcarrillovilla9255 8 місяців тому

    Excelente nuevo suscriptor:)

  • @kevinwittner7446
    @kevinwittner7446 5 місяців тому

    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 )

  • @tamaracalabrese958
    @tamaracalabrese958 3 роки тому +2

    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

  • @canadafendernick51
    @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?

  • @edwardscrints
    @edwardscrints 3 роки тому

    buenisimo parcero gracxias y mas gracias

  • @juancuya7w7
    @juancuya7w7 3 роки тому

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

  • @fabriciomessa6889
    @fabriciomessa6889 3 роки тому

    eres un grande mano, like

  • @cristianvazquez6891
    @cristianvazquez6891 8 місяців тому

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

  • @romerlunar757
    @romerlunar757 3 роки тому +1

    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

  • @gracielaadrianapugliese6835
    @gracielaadrianapugliese6835 3 роки тому +1

    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.

  • @calebpm4363
    @calebpm4363 3 роки тому +3

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

  • @Soltecmx
    @Soltecmx 7 місяців тому

    porque no me cargar la imagen no me la muestra ya realise todo el proceso

  • @marllyzapata7521
    @marllyzapata7521 2 роки тому

    muy bueno ese proyecto

  • @edwarZEDV
    @edwarZEDV 2 роки тому +1

    sos un capo pa

  • @YUYO1814
    @YUYO1814 2 роки тому

    alguno soluciono este error "script.js:4 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')"

  • @fbormarbormar7329
    @fbormarbormar7329 3 роки тому

    Muy bueno.
    Gracias.

    • @richardmontoya47
      @richardmontoya47 3 роки тому

      Terminaste todo y te funciona normal?

    • @fbormarbormar7329
      @fbormarbormar7329 3 роки тому

      @@richardmontoya47 todo me funciona bien.
      Tuve algún problema con la verificación de correo, pero al final funcionó.

    • @richardmontoya47
      @richardmontoya47 3 роки тому

      @@fbormarbormar7329 oye me lo puedes pasar?

    • @richardmontoya47
      @richardmontoya47 3 роки тому

      @@fbormarbormar7329 es empecé lo del login y tuve errores con el js

  • @romuloalves9349
    @romuloalves9349 4 роки тому

    Ótimo vídeo parabéns 👏.

  • @musicavivasolucionesmusica940
    @musicavivasolucionesmusica940 4 роки тому +1

    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.

  • @bracos94
    @bracos94 2 роки тому

    Excelentes videos

  • @julioplo1
    @julioplo1 10 місяців тому

    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!

  • @GeeKBio
    @GeeKBio 4 роки тому +1

    Excelente!!!

  • @thunder_yt7118
    @thunder_yt7118 2 роки тому

    si lo hago así es funcional?,tipos ya se pueden registrar y asi

  • @andresmendoza7105
    @andresmendoza7105 3 роки тому +7

    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

  • @EmprendeLegendario
    @EmprendeLegendario 5 місяців тому

    @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

  • @fanton8903
    @fanton8903 3 місяці тому

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

  • @Johstiin_
    @Johstiin_ 3 місяці тому

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

  • @tamaracalabrese958
    @tamaracalabrese958 3 роки тому

    que version de visual tiene???

  • @AndresGarcia-ug8ek
    @AndresGarcia-ug8ek 4 роки тому +2

    Bro, gracias que buen login ,

    • @VisualAvalon
      @VisualAvalon  4 роки тому +1

      Gracias broh, me alegra mucho que te haya gustado... Saludos

    • @AndresGarcia-ug8ek
      @AndresGarcia-ug8ek 4 роки тому +1

      @@VisualAvalon Sigue asi bro, voy siguendo tus pasos 👊

    • @VisualAvalon
      @VisualAvalon  4 роки тому +1

      Genial broh, seguiré dando buenos pasos para que sigas buenos pasos.