Login simple con HTML, CSS y JS

Поділитися
Вставка
  • Опубліковано 10 вер 2024
  • En este video aprenderemos a crear un login con html, css y js.
    Puedes apoyar al canal uniéndote a: / autodidactdev
    Código fuente: www.patreon.co...
    Video de font Awesome: • Como usar Iconos en HTML
    CDN font Awesome: cdnjs.com/libr...

КОМЕНТАРІ • 31

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

    Realmente me sirvió muchísimo el tutorial, me aclaro bastantes preguntas y dudas que tenia.

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

    Muchas gracias me sirvió demasiado, buen video.

  • @abbelgamer
    @abbelgamer 8 днів тому

    Una consulta y como puedo hacer que el login de javascript se redireccione en un enlace externo?

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

    Muchísimas gracias, me ayudaste muchísimo, sigue así bro.

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

    super claro, gracias

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

    Hola. Excelente video, pero NO me toma en la consola de Google Chrome los datos ingresados

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

    como abro la terminal para ver los datos capturados ?

  • @EnriqueDazacol
    @EnriqueDazacol 2 роки тому +6

    Tendrías este mismo sencillo que que valide con una base de datos mysql el nombre de usuario y contraseña??

    • @ANDRES-dw8tc
      @ANDRES-dw8tc Рік тому

      Te puedo ayudar en eso

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

      @@ANDRES-dw8tc gracias bro eso fue hace rato ya solucione

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

      @@EnriqueDazacol bro como lo hiciste? Con algún video?

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

    no me salen los iconos sera por el navegador

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

    gracias

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

    Hola! Excelente tutorial :) te hago una pregunta, yo soy más de backend, sin embargo, me aburrí de usar plantillas y estoy aprendiendo lo básico del front. Mi duda es, si creo mi api para la validación de este login, con qué tecnologías puedo enviarle los datos? Algún tema en específico que deba indagar?

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

      Hola Juan, tu pregunta es muy buena, si te das cuenta cuando haces click en el boton login, en la consola del navegador tu muestra un objeto con los valores username y password, esos datos tienes que enviar en formato json a la api que quieres que lo reciba.
      No quiero confundirte por eso te recomiendo leer sobre api rest, json y fetch, puedes empezar con esto: www.freecodecamp.org/espanol/news/tutorial-de-fetch-api-en-javascript-con-ejemplos-de-js-fetch-post-y-header/.
      Aunque al principio te parezca complejo, créeme que es mas sencillo cuando lo pones a prueba : )

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

    login.js:22 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') , me dice eso

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

      me pasa igual y tengo el codigo exactamente igual que en el video.

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

      @@eddyvaldez9527 Al final me hice una yo mismo y me quedo bien no permite campos vacios y tampoco si no esta registradfo en el local storage

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

      @@lucascardozo3435 tienes el código de este mismo pero que valide con base de datos el usuario,

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

    hola! como corro el código en la terminal para poder ver el avance del login?

  • @destroyedhard2568
    @destroyedhard2568 11 місяців тому

    como se abre el terminar o de donde lo abre ?

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

    no se me visualiza el icono de user y lo intente con otros y nada... pero el de password si me aparece. Tendras idea de por que sea?

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

      Que raro, pero lo que puedes hacer es compararlo con el código fuente, el link esta en la descripción : )

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

      @@autodidactdev1482 ya descubrí que es lo que pasa y es por la versión de paga. Aun así muchas gracias

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

    no tienes uno donde puedas meter parametros en la url cuando logueas??

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

    Quiero contactarte, necesito de tu servicios!

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

    me sirvio la explicacion, pero el login no me funciono jajajjjajaja

  • @John-0265
    @John-0265 4 місяці тому

    Hola dame tu correo y te contacto

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

    gracias