Crea PÁGINA WEB con Login y Registro 2024 | HTML CSS JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ต.ค. 2024

ความคิดเห็น • 92

  • @GabrielCode
    @GabrielCode  11 หลายเดือนก่อน +4

    ➡CURSO RECOMENDADO: hotm.art/DesarrolloWebCurso

    • @alexherrera9768
      @alexherrera9768 10 หลายเดือนก่อน

      Hola Gabriel lo único que no funcionó fue el botón. De cerrar y por lo demás todo bien saludos 🙂

    • @GabrielCode
      @GabrielCode  10 หลายเดือนก่อน +1

      @@alexherrera9768 Hola Alex, que mal que no te funcionó el botón, revisa bien los nombres de las clases

    • @alexherrera9768
      @alexherrera9768 10 หลายเดือนก่อน

      @@GabrielCodequizas el error este en los css , pero la verdad no lo encuentro lo veo todo bien

  • @Diousek
    @Diousek 11 หลายเดือนก่อน +8

    Estos proyectos son bastante útiles como estudiante, gracias por compartir tu experiencia.

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Muchas gracias por tu comentario

  • @rengar6457
    @rengar6457 11 หลายเดือนก่อน +5

    muchasgracias bro yo estoy empezando y estos videos ayudan mucho

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Gracias por tu comentario

  • @ezequielarias5814
    @ezequielarias5814 หลายเดือนก่อน +4

    Justo antes del pongan

  • @MarcoAntonioOwono
    @MarcoAntonioOwono หลายเดือนก่อน +2

    Oigan... Cómo hago menos transparente (como el tuyo) mi cuadro de inicio de sesión/registro? 😅😢

  • @alejandrovalencia6573
    @alejandrovalencia6573 8 หลายเดือนก่อน +3

    Hola, cómo sería para crear una página con login dónde se pudiera cargar saldo a cada usuario registrado y gastarlo en productos publicados en la misma página?
    Quizás tienes algún tutorial para ello?

    • @GabrielCode
      @GabrielCode  8 หลายเดือนก่อน

      Hola, gracias por comentar, en ese caso deberías usar JavaScript. No tengo video de ese tipo

  • @Brabratty
    @Brabratty 2 หลายเดือนก่อน +1

    Que version de visual studio code utilizas?

  • @Verdotaku
    @Verdotaku 11 หลายเดือนก่อน +9

    Realicé todo lo que vi en este video, pero parece que no funcionó al final. Lamentable.

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      ¿Cuál es el error?

    • @Verdotaku
      @Verdotaku 11 หลายเดือนก่อน +3

      @@GabrielCode Creo que se debió a la última parte del video que mostraste. Si en Google Chrome funcionaba, por qué no en el Mozilla, además es raro que al haber escrito bien los lenguajes del JavaScript, posteriormente no funcionen.

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน +1

      @Verdotaku Eso es extraño 😯

    • @JacintoO
      @JacintoO 8 หลายเดือนก่อน +8

      deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj

    • @Gabo.navc1902
      @Gabo.navc1902 25 วันที่ผ่านมา

      deje mi codigo para q te funcione7

  • @anndyliberatomoore8577
    @anndyliberatomoore8577 11 หลายเดือนก่อน +2

    Hola, excelente video muchas gracias, tienes algún video donde enseñes la seguridad del html, es que dicen q fácilmente cambiando el URL se podría ingresar sin hacer el login.

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Hola, Gracias por tu comentario. No tengo videos de ese tipo 🥲

  • @tresvecesno7071
    @tresvecesno7071 11 หลายเดือนก่อน +2

    Gracias!

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Gracias a ti por comentar 😃

  • @sargent2886
    @sargent2886 5 หลายเดือนก่อน +2

    oye, una pregunta, ¿cómo puedo hacer para que, a la hora de finalizar la página, esta si me permita iniciar sesión?, saludos

    • @GabrielCode
      @GabrielCode  5 หลายเดือนก่อน +1

      Hola, para eso tendrías que usar una base de datos para validar los campos y luego enviar el usuario a otro archivo html ósea a otra página

    • @Dark_dragon911taxi
      @Dark_dragon911taxi หลายเดือนก่อน

      Y como se ase ?​@@GabrielCode

  • @jorgeandresdussan4933
    @jorgeandresdussan4933 19 วันที่ผ่านมา

    Lo hice todo, pero al final me estanque, en el video hay 3 campos para el registro, mi proyecto tiene 5 campos, llave, nombre, email, contraseña y confirmar contraseña, intente agregarselas pero se vuelve un desastre todo, alguien me ayuda?

  • @bestbangchanista1154
    @bestbangchanista1154 หลายเดือนก่อน

    3:02

  • @vivianapatriciavergaramart5895
    @vivianapatriciavergaramart5895 6 วันที่ผ่านมา

    Gabriel buena noche seria tan amable de compartime el codigo?

  • @Buddy-Live
    @Buddy-Live 9 หลายเดือนก่อน

    HOLA CUAL ES TU CONTACTO, QUIERO PREGUNTAR SOBRE - Pagina web con LOGIN + REGISTRO con HTML, CSS & JS (Código) , SE PUEDE REGISTRAR internamente editando el html o necesariamente CON BASE DE DATOS y mysql funciona aparte. ???

    • @GabrielCode
      @GabrielCode  9 หลายเดือนก่อน

      Hola, ese es solo el frontend ósea lo que ves en el video (No con base de datos )

  • @bestbangchanista1154
    @bestbangchanista1154 หลายเดือนก่อน

    1:10

  • @elkincalvo2997
    @elkincalvo2997 3 หลายเดือนก่อน +1

    Como haces la flecha en app.js gracias

    • @Gabo.navc1902
      @Gabo.navc1902 25 วันที่ผ่านมา

      es asi =>
      solo se pone asi

  • @juanxxx7960
    @juanxxx7960 5 หลายเดือนก่อน +1

    HE INTENTADO DE MIL MANERAS PARA QUE EL BOTON DE INICIAR FUNCIONES, PERO NADA 😔. COLOCO EL AL FINAL, ANTES, AL PRINCIPIO Y NADAAA 😭😭

    • @GabrielCode
      @GabrielCode  5 หลายเดือนก่อน

      ASEGURASTE DE ESTO EN EL (contenedor-form):
      Debe quedar así:
      y el del registro:

    • @juanxxx7960
      @juanxxx7960 5 หลายเดือนก่อน +1

      ​@@GabrielCodeTodo está bien, ya he repetido como unas 5 veces el vídeo, pero nada que me deja abrir ese Iniciar sesión, he intentado de todas las maneras, incluso ya borre todo y lo volví a hacer y nada 😭😭

    • @GabrielCode
      @GabrielCode  5 หลายเดือนก่อน

      @juanxxx7960 Aquí tengo otro tutorial: Como Crear una Página Web con Login y Registro (Html Css Js)
      th-cam.com/video/dY2EyrxOQ8A/w-d-xo.html

    • @Gabo.navc1902
      @Gabo.navc1902 25 วันที่ผ่านมา

      seguro te falto una letra hay deje mis codigos para que copies y pegues y lo cambies con otro tipo etc

  • @foxygamer4883
    @foxygamer4883 11 หลายเดือนก่อน +1

    Me sirvió mucho todo, y me sirve, solo que no entiendo es que a mi al final, la parte de registro, se ve por encima del de iniciar sesión, no se quita, se pone encima. 😢

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Revisa las posiciones del div ósea si está relative o absolute también revisa que las clases tengan el mismo nombre 😁

    • @laratarusa6738
      @laratarusa6738 5 หลายเดือนก่อน +2

      A mi tambien me daba ese error. A uno de los contenedor-form en el html no le habia puesto la clase login.
      Debe quedar asi:
      y el del registro:

    • @MarcoAntonioOwono
      @MarcoAntonioOwono หลายเดือนก่อน

      ​@@laratarusa6738 Muchas gracias tío. Me pasaba que la dos partes se mezclaban como al inicio, como si no se hubiera hecho ningún cambio. Pero, gracias a ti, me salvé. Gracias😊🎉. Y @GabrielCode tu video, muy bueno bro. Pero, se supone que el Acepto los términos, debería tener un checkbox no? A mí no me sale😢

  • @luisEduardo-zi4jk
    @luisEduardo-zi4jk 7 หลายเดือนก่อน +1

    bro como estas genial tu video ando inicianod en este mundo me gusta mucho heeeee me podrias ayudar con este problema reglon 173 y 174 que simbolo lleva en tre el focus y label porfa y como lo sacas (.contenedor-input input:focuslabel,
    .contenedor-input input:valid"label{ gracias bro

    • @GabrielCode
      @GabrielCode  7 หลายเดือนก่อน +1

      Gracias por comentar bro, el símbolo es: ~

    • @luisEduardo-zi4jk
      @luisEduardo-zi4jk 7 หลายเดือนก่อน +1

      @@GabrielCode gracias Bro me funcionó en su totalidad, presente errores pero es estar atento a la hora de digitar una palabra mal escrita y no funciona, Bro una pregunta ya que me gustó mucho tu vídeo que pena preguntar, pero cómo hago para hacer lo mismo de iniciar sesión y registro, pero ahora en las otras pestañas? Donde pueda darle click salga la pantalla y agregarle info te lo agradecería Bro ya que estoy aprendiendo le metí la ficha y no lo logré jajajaja

    • @GabrielCode
      @GabrielCode  7 หลายเดือนก่อน +1

      @luisEduardo-zi4jk si quieres que salga en otra pestaña deberías usar dos archivos HTML uno para el login y otro para registrarse

    • @luisEduardo-zi4jk
      @luisEduardo-zi4jk 7 หลายเดือนก่อน +1

      Bro cómo estás? que pena si no me di a entender jejeje era para las pestañas de inicio,info, servicios y contactos que cuando yo le de click me salga una ventana como pasa en iniciar sesión y registro te lo agradecería 🙏​@@GabrielCode

    • @GabrielCode
      @GabrielCode  7 หลายเดือนก่อน +1

      @luisEduardo-zi4jk ahora entiendo bro, solo tendrías que hacer el mismo proceso que hiciste en el botón “Iniciar Sesión” pero en los otros campos, espero que tengas una idea ahora 😆

  • @christophervelazquez6348
    @christophervelazquez6348 10 หลายเดือนก่อน +1

    ya hice de todo y sigue sin que me funcione pulsando el boton de iniciar sesion :c

    • @GabrielCode
      @GabrielCode  10 หลายเดือนก่อน

      ¿Agregaste el link de Js en el Html?

    • @JacintoO
      @JacintoO 8 หลายเดือนก่อน

      el gabi dejo un error al final del video que no pone link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj

    • @theveidi4190
      @theveidi4190 6 หลายเดือนก่อน

      me sigue sin funcionar :C
      @@JacintoO

  • @wkl4265
    @wkl4265 10 หลายเดือนก่อน

    buenas, si quieres programas las opciones inicio, informacion, etc. Como lo agrego para hacerlo todo en el index

    • @GabrielCode
      @GabrielCode  10 หลายเดือนก่อน

      Hola, solo agregas la página html y la vinculas con la etiqueta

  • @alejandrorioscardona5752
    @alejandrorioscardona5752 9 หลายเดือนก่อน

    tengo problemas con js al final no quiere interactuar nada e intentado varias cosas pero nada sirve, que podria ser?

    • @JacintoO
      @JacintoO 8 หลายเดือนก่อน +1

      deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj

  • @MarcoAntonioOwono
    @MarcoAntonioOwono หลายเดือนก่อน

    Hola😢...Tras tanta dedicación resulta que: 1. Mi contraseña y Email no se mueven, 2. Mi fondo no tiene calidad de imagen, 3. No sé si soy yo, pero la transparencia del cuadro de diálogo inicio de sesión está en otro lugar fuera del cuadro. ¿Por qué? 😢😢😭 Ayúdenme por favor

    • @MarcoAntonioOwono
      @MarcoAntonioOwono หลายเดือนก่อน

      Tranquis, solucionado. Excepto, transparencia y el hover para mover los nombres

  • @denisseponce5145
    @denisseponce5145 7 หลายเดือนก่อน

    al final del video no logro que no se vea doble el inicio de sesión...alguien sabe por que podría ser?

    • @laratarusa6738
      @laratarusa6738 5 หลายเดือนก่อน +1

      A mi tambien me daba ese error. A uno de los contenedor-form en el html no le habia puesto la clase login.
      Debe quedar asi:
      y el del registro:

  • @sen2403
    @sen2403 10 หลายเดือนก่อน +2

    como hago la flechita?

  • @yunioryapura5274
    @yunioryapura5274 11 หลายเดือนก่อน +1

    hola, tengo un problema con el JavaScript en la parte del final cunado quiero hacer aparecer no me aparece el formulario, ya probé si estaba enlazado el JavaScript y si lo estaba no se por que me pasa ya trate de ver pero no encuentro el error :(

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Hola, Revisa los nombres de las clases y ID fíjate que tenga el mismo nombre

    • @cristopheralava5886
      @cristopheralava5886 11 หลายเดือนก่อน

      Lo pudiste resolver? tengo el mismo problema y ya revise el codigo varias veces

    • @yunioryapura5274
      @yunioryapura5274 11 หลายเดือนก่อน

      @@cristopheralava5886 no bro, nose debe ser alguna actualización o nose si hay algún grupo de discord me gustaría unirme así nos ayudamos todos

    • @herbertgm9279
      @herbertgm9279 11 หลายเดือนก่อน

      ​@@yunioryapura5274 busca en youtube "How To Make A Website With Login And Register | HTML CSS & Javascript" es el mismo proyecto pero está un detalle extra, que te muestra como se intercambian de lugar los textos.

    • @JacintoO
      @JacintoO 8 หลายเดือนก่อน +1

      deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj

  • @Oscarsoy
    @Oscarsoy 16 วันที่ผ่านมา

    eso link de @impor url que es donde lo consigo

  • @teddybasurto6828
    @teddybasurto6828 10 หลายเดือนก่อน +1

    No le vinculaste js al html, no me funciono al final bro

    • @GabrielCode
      @GabrielCode  10 หลายเดือนก่อน

      Me falto mostrar esa parte en el video 😅

    • @brendadg5152
      @brendadg5152 10 หลายเดือนก่อน +1

      ​@@GabrielCode podrías mostrar esa parte?

    • @GabrielCode
      @GabrielCode  10 หลายเดือนก่อน

      @@brendadg5152 Hola, esa es la linea de código js

    • @JacintoO
      @JacintoO 8 หลายเดือนก่อน

      deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj

  • @cristopheralava5886
    @cristopheralava5886 11 หลายเดือนก่อน +1

    donde agregas el script? yo lo agrege al ultimo y no me funciona nose que mas hacer

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      Yo también lo agregué al final del body, revisa si el navegador te da problema cuando actualizas la página

    • @cristopheralava5886
      @cristopheralava5886 11 หลายเดือนก่อน +1

      @@GabrielCode ya revise el navegador no es el problema, nose que sera capaz en el video se te paso por algo algo y ya vi otro comentario y tiene el mismo error, no soy el unico

    • @GabrielCode
      @GabrielCode  11 หลายเดือนก่อน

      @cristopheralava5886 Cuendo estés en el proyecto en chrome, click izquierdo, inspeccionar y luego actualiza la página. En el lado derecho podrás ver donde esta el problema en el código JS

    • @JacintoO
      @JacintoO 8 หลายเดือนก่อน

      deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj

    • @Gabo.navc1902
      @Gabo.navc1902 25 วันที่ผ่านมา

      te deje mi codigo para q te resulte mejpr

  • @elkincalvo2997
    @elkincalvo2997 3 หลายเดือนก่อน

    Me sale error con la URL

    • @Gabo.navc1902
      @Gabo.navc1902 25 วันที่ผ่านมา

      deje mi codigo para q copies y pegues

  • @T.p-produccion
    @T.p-produccion 2 หลายเดือนก่อน

    no habla mmmm

  • @AmauryIsmaelHernandezDominguez
    @AmauryIsmaelHernandezDominguez 9 หลายเดือนก่อน

    me puedes pasar todo ya hecho con el index