Login con HTML5 y CSS3, Desde Cero

Aprende a crear un Login, empezando por la estructura de HTML5, y luego estilizándolo a través de los archivos CSS.
CÓDIGO FINAL DEL PROYECTO: github.com/Faz...
Login con PHP: • Registro y Login de Us...
Login con Nodejs: • Node.js Login con Mong...
VISITA MI SITIO WEB: PARA MÁS CURSOS Y TUTORIALES
www.faztweb.com
blog.faztweb.com
WEB HOSTING: Namecheap Hosting
goo.gl/jmLWvq
SIGUE A FAZTWEB.COM:
/ fazttech
/ fazttech
gitter.im/Fazt...
goo.gl/q5UAoo

[@AurelisMORENOPARRA]

Gracias por tu valioso aporte a la comunidad de youtube...Saludos desde Lima

[@juansebastianmedinatoro8822]

Me has salvado de un aprieto, bastante simple de entender y elegante el diseño, incluso fácil de implementar el formulario para conectarlo con una DB. Sigue así !

[@UnDiaDeBronca]

y donde esta ese tutorial para conectar a una base de datos Juan?

[@gerardoagustin]

Gracias por el tutorial; lo hice y me salio perfecto con tu explicación....

[@babip2293]

ES LO MEJOR QUE HE ENCONTRADO , TENIA UNA TAREA PARA MAÑANA SOBRE ESTO Y NO PRESTE ATENCION Y EN 15 MINUTOS LA TENGO HECHA , LO AMO

[@agustin__tin]

Excelente tutorial, justamente lo que estaba buscando muchas gracias

[@chuyin2k2]

Me gustan muchos tus videos, estaria bueno un curso de una aplicacion con ajax, un saludo muy grande desde Mexico

[@FaztTech]

Hola Kkike. Excelente Idea, voy a elaborar algo, y lo subiré pronto. ¡Saludos!

[@SonGoku-pc7jl]

un divertido y útil repaso de css para no sobreacostumarme a bootswatch, que con lo que me gustó css no le quiero perder el gusto jeje ;)

[@crvillela_22]

Excelente Tutorial, gracias por la ayuda!!, saludos desde Honduras Fazt !!

[@CarlosBaxter001]

Me encanto tu facil y entendible video, paso a paso sin saltarte codigo ni pasos. gracias!!!

[@gianlucalitterinigonzalez7792]

excelente tutorial!, por casualidad la parte de php y mysql para el login de forma sencilla tendras algun video hecho sobre eso ?

[@javiercristianhidalgozente8021]

2022- muchas gracias ,demasiado bien explicado

[@miguelkg3667]

2021 y muy buen tutorial, mil gracias.

[@alltime7624]

excelente excelente como siempre Faszt, Dios te bendiga grandemente en todos tus caminos.

[@jazminaguilar1002]

Están buenisimos tus videos. Excelente forma de explicar. Gracias!

[@WillyBoy75]

Excelente! sencillo pero muy bueno, contiene cosas básicas pero muy buenas y útiles ¡Pura vida!

[@dmentejaz]

Sigo con tus videos, todo excelente escribiendo desde 0. Saludos.

[@caespinoza]

Me pareció muy bien explicado el tutorial, sigue adelante Bro 😎, eres muy bueno explicando

[@FaztTech]

Gracias Carlos, aun tengo cosas que mejorar, pero allí voy :D

[@cesaresqueda3108]

Sencillamente excelente, gracias por el tutorial...

[@Lord_Draixnuk]

te agradezco loco ,Gracias a ver tu video puedo aplicarlo en una aplicación de python que estoy resolviendo ☺️

[@vanesaterrones5379]

Gracias, me ayudo mucho.

[@lizethcarreno2579]

Eres el mejor, te amo, me salvaste la vida😚

[@raimondescorciaromero8983]

Excelente. He aquí un nuevo suscriptor. Gracias por enseñar.

[@manueljesustenoriosilva1092]

Muchas gracias!!! ya aprendi y me salio bien todo!!!!!!

[@alexanderrepollo1024]

Muy bueno amigo! Me ayudaste a lidiar con el CSS en el form, que nunca lo habia hecho, asique gracias! dejo mi like.

[@onielbrea913]

Eres grande Fazt, gracias por brindarnos tus conocimientos.

[@crisolgarcia2801]

Me sirvió muchísimo, excelente tutorial

[@jonnathan7443]

Muy amable caballero, me gusto mucho el diseño.

[@srtylergt]

Gracias amigo Dios te bendiga sos un crack!!!!

[@orlandodejesus2051]

me gusto ese diseño :o simple pero bonito

[@FaztTech]

Era la idea :D

[@canatran1959]

Impecable, muy buen tutorial.-

[@michaelgonzalez3251]

muchas gracias amigo al fin algo me sale bien jaja

[@JEANRABRI]

so sad

[@anarhell]

Gracias excelente explicación

[@julioc7217]

Siiii sabe bastante.... Felicitaciones....

[@juancarmona9943]

Una pregunta si hago todo eso como hago para que cuando inicie sesión me mande a mi página web

[@marvinhernandez7438]

me gusta como quedo puedes subir un vídeo en el cual podamos enlazar este formulario con una base de datos?

[@TheElcaoticox]

concuerdo contigo

[@kennethmaldonado7861]

me gustaria verlo

[@illodat5190]

[@nickoldm5651]

@@illodat5190 Enlazar el login a una base de datos con mySQL solo se puede hacer con php?

[@rdelgadoy]

Gracias, muy muy bueno.

[@rogertorres5536]

Gracias me sirvio bastante

[@luisbergoderi4553]

Excelente Video amigo. Gracias!!! me ayudo bastante. :D

[@VictorHugo-yb4uy]

Gracias! Muy Bueno el tutorial! :D

[@kdrsong2119]

gracias crack me ayudo mucho

[@bot6731]

debe ser un problema eso de usar en el font family "sans-serif" eh visto muchos videos y practicamente todos usan el mismo family, hasta yo que aprendiendo ya se me va quedando, esto como el "Hello world" de la programación, tenia entendido que ante se el pasaba un varios fuentes, porque estas fuentes son tomadas de tu computador al no encontrar la primera pasan a la segunda. Ver tus videos, son muy buenos y tu dominio del tema ,gracias por el aporte.

[@darveliolopez8968]

como se llama el editor de texto que uso o que tipo de programa soy nuevo en esto.

[@martinalilianasanchez4556]

Excelente! Voa ver el que tienes de PHP ;) Muchas gracias.

[@John-pk4ht]

Gracias!!!

[@JulioMorales-sf4jl]

Muy bueno like y suscripción

[@jaimecgt]

Excelente Tutorial. Muchas gracias =)

[@goaze2522]

Gracias amigo

[@valar2jaris546]

te gusto mucho gracias por el aporte.....

[@skateroyer4944]

Muchas gracias por el vídeo :D

[@mariocalderono909]

Buenos días.. Me pueden ayudar por favor.. Dentro del canal de FAZT en KZbin hay un video en el que crea una página web con usuarios y contraseñas en las que puede guardar URL o LINKS.. Pueden ayudarme con el video ya que no lo encuentro. De antemano muchas gracias

[@osmeig6025]

Veo que sabes bastante. Empezaste de cero tu también? Por que yo estoy comenzando en esto del desarrollo web y me pregunto si en tu canal puedo encontrar las herramientas para formarme como desarrollador de páginas web?

[@FaztTech]

Hola Mauricio. Así es La idea es ir subiendo de múltiples temas que puedan ser de ayuda para los que empiezan. ¡Saludos!

[@chrislop570]

Todo el mundo empieza de 0, nadie nace sabiendo.

[@jairmogollon955]

Muchas gracias bro, excelente video :D

[@Lucas-pc5cy]

Gracias por el video, ¿Porque algunas personas utilizan el "" en lugar del "" antes de los inputs? Incluso he visto que lo utilizan de la siguiente manera "Usuario: ", al final cual es la manera correcta de utilizarlo?

[@gilkuliao418]

son atajos bro

[@dtiguadtp]

muchas gracias

[@vDcGerarDo]

eres un dios amigo excelente tutorial me suscribo :)

[@lucascardozo3435]

Como hago para que el login aparezca al comienzo y la pagina no comience con la pagina completa en si?

[@juanchacin7345]

para que tener profesores si tienes a fazt para aprender? buen contenido el que publicas, sigue asi

[@leonardoalexandercruzsoria3512]

Muy buen video y muy entendible

[@chocolatedemani7451]

mil gracias

[@socrateshansschiramedina47]

Buen aporte hermano

[@gabrielbiloni5187]

Excelente !

[@programaciondisenoymanteni2363]

Muchas gracias amigo !!

[@daniela1563]

Te amo ❤

[@uiebwuiowebuiopwebfoipbewfoip]

0:39 "muy bien entonces vamos a empezer, antes de empezar" 😂

[@danieldelossantos8592]

¿Cómo hago un inicio de sesión desplehable? Me gustaría que al dar Iniciar sesión en mi index.html que se despliegue un recuadro con el inicio de sesión y que detrás se vea la página opacada o distorsionada...Un saludo, gran vídeo

[@karenchirleycabezascontrer9125]

muchas gracias una suscriptora mas :D

[@starcraftmc1429]

Lo logre Muchisimas Gracias! pero podrias hacer uno que si guarde los datos y que pueda registrarse?

[@juniordone956]

Gracias te agradesco brother

[@RicardoHernandezboconos]

buena esa hermano

[@XxXxViseris]

Se le agradece el tutorial :3

[@robotdroid-l7189]

hola fazt sigo tus videos y demomento sale muy bien pero una cosa en el login de este video como puedo hacer para que por ejemploque escriba el nombre y contraseña y que le de en aceptar como lo puedo hacer para que se dirija a la pagina y luego los usuarios que se le olvide la contraseña para recuperarlo como se deve de hacer gracias tienes unos videos fantasticos gracias

[@user-zl1jj1nf1b]

Saludos que software utilizas ya que por lo que vi se auto llena el código

[@jefersonnazarioalcedo907]

amigo hay otra forma de centrar la imagen de fondo ? por que no me funciona

[@osbaldoacostaoppo4388]

Oye la verdad esque me quiero especialisar en diseño web(html, css3,javascript) pero no se donde estudiar la cerdad tus tutos me han enseñado mucho pero pz qusiera saver mucho mas so me podrias dar info de donde estudiaste tengo 16 años y espero alos 18 ya ser todo un profecional en diseño web salulos espero tu respuesta

[@javiergomez1482]

Mano, una pregunta, yo tengo una base de datos y quiero enlazarla con un login pero no se, ¿Que puedo hacer? pd: la base de datos fue hecha con php

[@yinuchija2868]

Excelente video

[@andresbenalcazar233]

excelente vídeo amigo podrías hacer un vídeo mostrando como enlazar este formulario a una base de datos por favor y gracias recomiendo tu canal a mis amigos

[@callrecorder3563]

Hola que software usas para desarrollar? cual esa esa plataforma que estas usando.

[@canedou1775]

Yo le pondría un poco de transparencia al fondo negro, quedaría más clean

[@SoyAlbertoAM]

Gracias

[@ICKMATION]

Yo quiero que sea fijo, no que la gente se registre, es eso posible con un if xxxx =true o algo de eso?

[@bmsdb2148]

Chevere brooo

[@javiman_]

Si le añadimos opacidad al fondo del background ya dentro del login se ve un poquito mejor, buen video. Para agregar opacidad al fondo background:rgb(0, 0, 0,0.9);

[@juliancastro699]

muy buen vídeo, hermano

[@ElBuelna]

tienes continuacion de este video????

[@sebastianvera8941]

amigo tengo una duda yo quiero hacer un apartado para recuperar la contraseña pero sin crear otro html simplemente quiero crear el codigo en el mismo html que el login, mi pregunta es como puedo hacer para cuando al dar click en "olvide mi contraseña" se me desaparezca el div que contiene todo lo de el login y me aparezca el apartado para recuperar la contraseña, ando trabajando con angular 7 y estoy aprendiendo muchas gracias

[@jaircano1750]

amigo los input no me editan que hago?, o que puede estar fallando?

[@andersoncalderon1808]

ya encontre la solucion solo tienes que ponerlo por separado

[@darwinlarico7315]

como puedo enlazarlo con una base de datos

[@weerixdesigns5143]

muchad gracias crack.

[@garciasalgadoalejandroisai6870]

Te amo :))))

[@jhonjairogod2517]

buen video

[@elchisi8452]

buen video :)

[@mariobonilla5759]

Tengo un problema, escribo el código tal cual el lo realiza pero no me realiza ninguna modificación el css

[@brianruiz3100]

me pasa lo mismo

[@dtest8613]

Muy buen video, ¿pero tendrás uno con diseño responsive? Gracias.

[@brayanmendezv9411]

Pero a eso como le puedo unir a una base de datos...

[@futboleros5053]

Cómo se ponen la estiquetas si alguien me puede decir muchas gracias

[@Kakelool]

Hola quería preguntar para hacer algo pero. Lo encuentro

[@miguelpantigoso7021]

Muy bueno! Like

[@negociosonlinefromamazon1354]

Te amo

[@haroldrojas5954]

disculpa se que talvez suene muy estupido de mi parte pero no se por que no logro hacer que el html reconozca la hoja de estilo css crei que solo era algo que yo estaba haciendo mal asi que descargue el proyecto finalizado y tampoco me muestra el login con los estilos impuestos en el css

[@usuario_109]

Lo enlazaste?