HTML & CSS Login, Ejemplo Practico

Este es el primer ejemplo practico de como crear un Login con HTML y CSS, ademas utilizaremos flexbox, y una biblioteca de animaciones de CSS llamada animate.css.
CÓDIGO DE LA APLICACIÓN MOSTRADA
github.com/Faz...
CURSO DE HTML
• Curso HTML para Princi...
CURSO DE CSS
• Curso CSS para Princip...
CURSO DE GIT
• Git y Github | Curso P...
VISUAL STUDIO CODE
• Visual Studio Code, Ed...
VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO
www.faztweb.com
blog.faztweb.com
FAZT - KZbin:
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
DISCORD
/ discord
SLACK
join.slack.com...
#html #css

[@HermesNautico]

¡Fantástico! Lo he seguido hasta el final. Practicar con el vídeo me mantiene los ánimos arriba. ¡Muchas gracias, Fazt!

[@mirandavianneyandrade]

muchas gracias mi estimado me salvaste de un 0 en elaboración de paginas web, Dios te bendiga

[@SkyPunkki]

Me encanto como luce el Login y mas aun ver el error de escritura en la palabra en ingles, yo tambien uso mucho el ingles dia a dia y cometo ese tipo de errores y mis amistades y parejas (que hablan en ingles ) suelen bromear sobre eso, pero todo es como la programación se aprende de los pequeños errores. Saludos como Siempre!

[@andresesaulopezbarajas10]

La verdad si, yo estoy empezando con esto d ela programación y es puro practicar, al igual que el ingles (aun que solo vea series XD) pero bueno, es una forma

[@carlosdavidaviladiaz988]

hola Fazt, te agradezco mucho llevo tiempo intentando aprender programas y no había podido pero con tus tutoriales he avanzado mucho, te quería pedir si puedes hacer algunos tutoriales de Flexbox y de GRID

[@jmroca212]

Aún no lo veo pero va mi like!!, ya que se que tú contenido es más que bueno. Saludos Fazt

[@williamf.6946]

Excelente video, muy instructivo. He aprendido de diseño de paginas web con html, css y ahora con animaciones gracias a sus cursos.

[@jean0grey]

Excelente son mes prácticos los mini proyectos que la teoría como se hacia hace años con otros lenguaje (cuando digo antes me refiero a antes de la creación de Internet " hubiera sido un puntazo si se hubiera usado una Api de corrector ortográfico (si existe claro) para saber y corregir lo que se escribe.

[@colibritlax]

Hola Muy buen trabajo, Gracias. Oriéntame,,, para abrir otra página o mensaje de error? .. Cómo Hacerlo?

[@GonDevel]

Primera vez que funciona bien la campanita 🙌🏻

[@edithjordan3133]

Hola! Muy bueno! Como podría hacer para que el formulario de login solo aparezca, cuando selecciono un botón de login?

[@TuGorditoCacheton]

excellent men...gracias por este ejercicio...donde hay mas ???

[@edgarmorillo7505]

Hola amigo de faztCode me parecen Geniales tus tutos , peor quería saber donde puedo tomar tus cursos VIP o algo así . Pues tus cursos solo tienen 1 o 2 vídeos . Me puedes orientar ? Gracias

[@gonfreecss9740]

¿Cómo hago para agregar una imagen dentro del box negro?, ¿algunas páginas para descargar Estilos CSS ?

[@nicolasss.88]

es funcional? osea se mi loggea ami otra pagina ?

[@diegoalvarezh_]

Hola tio fazt, me podrías orientar en un proyecto de la universidad que tengo, no se bien como comenzar o que herramienta utilizar. ni tampoco que tecnología.

[@imjulianeral]

¿De que va tu proyecto?

[@diegoalvarezh_]

@@imjulianeral Hola muchas gracias por responder, se me olvido especificar, es una aplicacion movil que integre google maps y mande alertas(notificaciones) a los usuarios segun los datos personas que ingresen. Estoy algo confundido no se cual es la mejor alternativa si android studio(java), IONIC o React native.

[@amairanifox1332]

Me encantan tus videos de echo iba estudiar quimica pero me ya me ire con sistemas computacionales y quizas mas tarde acabe podria convinar hasta las dos

[@Vale-gv3wu]

si quiero acomodar este ejemplo a una vista de celular como lo hago?

[@pephito12]

Muy buen vídeo,felicitaciones.Para el futuro podríamos editar una plantilla html completa (admin lte). Gracias por la calidad de los videos

[@mmbiographies]

saben como puedo poner un check box o algo relacionado que me de la funcionalidad de poder ver la contraseña tapada??

[@Volcxw]

alguien sabe porque no me deja poner la animacion del minuto 23:09 creo que es por la biblioteca que no esta actualizada

[@estherbonillagarza6243]

Me ha encantado, he aprendid un monton

[@Elmaschiquitoxd]

En la parte de la animacion al refrescar la pagina 21:40 cuando escribo el codigo (que hasta lo reviso como unas 20 veces) no me funciona la animacion q hago???

[@juliomontilla100]

Fazt una duda giganteeeee q me perturba... Xq tienes dos canales? Jaja saludos

[@feliperincon8437]

Tengo una duda bien grande Como le añado bordes redondos al cuadro que cubre el login

[@ico2246]

gracias bro buen video.

[@chuchodavidlopez9279]

Excelente video, gracias. Aprendí mucho

[@empiresone]

Podrías hacer un video aplicando un SignIn en angular?

[@logicabstract]

Que distro y tema usas en Linux? Se ve muy elegante tu desktop. Saludos!!

[@eliuddyn]

Linux Lite 4.xx

[@logicabstract]

@@eliuddyn Gracias!!

[@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

[@rnlengine9669]

Necesito ayuda cuando cuando iba terminando no cambiaba algo

[@santiagorojas9370]

Gracias bro, aprendí demasiado de css en este video. No pude con el ANIMATE.CSS, pero igual, gracias :3

[@cyberxjto]

aslo copiando el link llamando al servicio si funciona

[@moisesbriceno1113]

de pana que te amo bro

[@juanchacin7345]

fazt, no logro utilizar la biblioteca de animaciones de css, ademas de que cambiaron el lading page por completo, ayuda

[@mr.pangolin4896]

Ojala algun dia saques un video con Sockets y MEAN stack :P

[@MariaLeon-nv5tu]

El mejor login que he visto xd

[@LuisAntonio-cd4ck]

Hiiiiii Fazt, muy bien explicado; sin embargo, minuto 9:10 tenías pensado explicar algo y me parece importante, qué era???

[@LuisAntonio-cd4ck]

Solución 23:33, disculpa.....no se te pasa nada 😁

[@FapCod]

era sobre como eliminar la barra del navegador para que no dañe la animacion

[@idsartjr3587]

Más vídeo de React

[@cristianfernando2951]

muy buen video bro! un saludo

[@Chiro13]

y la seguridad de la pagina por ejemplo proteger xss o sql injecition

[@ZerxFTW]

bro te mereces mas subs :)

[@jeisonpantoja1791]

Perfecto

[@maravargas5929]

Me encanto esta practica :)

[@jhonfa94]

Que distribución de Linux utilizas.

[@eliuddyn]

Linux Lite 4.xx

[@melivalienteaguerrido6511]

foaaaA te amo

[@kellypaolaromerocohen1412]

Brío y como se hace la parte de crear cuenta?

[@FaztCode]

Para poder registrar usuarios necesitas conocer un lenguaje de Backend como: Python, PHP, Go, Java, pero si ya sabes Javascript te recomendaria aprender Nodejs y con el podrias registrar el usuario en una base de datos.

[@luchorap85]

Estupendo

[@biblioteca.antarctica]

Cuando el video de la página de compra?

[@FaztCode]

Aun lo sigo grabando pero probablemente este listo para esta semana que viene :)

[@alfred1975k]

que sistema operativo usas?

[@FaztCode]

Hola Alfredo, en este video uso uno llamado Linux Lite 4

[@codechappie]

Muuuy bueno, saludos! 😀

[@solucionssistemas3181]

Contestame que te pregunte algo en el video de Ajax con php

[@amairanifox1332]

Por lo menos di de favor jeje

[@solucionssistemas3181]

Si no contesta nunca

[@kantyDarius]

Sign in 😉

[@JuanDavidGonzalezSalas]

severo video

[@Deus-lo-Vuilt]

thanks

[@osmeig6025]

SINGIN? No será SIGNIN?

[@FaztCode]

Si asi es.

[@GonDevel]

Osmei G simple error de tipeo ;)

[@andresesaulopezbarajas10]

dejalo, solamente estab viendo quien ponia atencion XD

[@kantyDarius]

Sign in con espacio

[@jerrycontreras7924]

Hola... no se..pero creo que se escribe SIGN IN XD jajajaja Buenos videos por lo demas eh

[@batman68477]

Solamente es el diseño falta la lógica

[@irdorppppp]

Te pareces a fernanfloo

[@m4rcelonunez633]

Cc haces un SINGIN y no un SIGN IN :v

[@wazonmma9743]

Hablas muy rápido y no se te entiende bien!!!... Intenta hacerlo más lento, ya que lo poco que pude entenderte, repites mucho lo mismo...