Transparent Login Form Tutorial

[@WebDevSimplified]

I hope you guys enjoyed this longer tutorial. If you have any suggestions for future tutorials let me know!

[@LuckystrikeGFXer]

One suggestion could be you building upon this tutorial and show how to handle the login request and make a way for the user to sign out.

[@WebDevSimplified]

That is something I want to do in the future, but I want to first make an introduction course for back end web development. A login system can be fairly complicated, so I want to first cover the basics of back end programming before jumping into login systems. That is one of the first topics I will cover for the backend, though.

[@LuckystrikeGFXer]

Sounds good, cant wait to watch that series/tutorial!

[@LeHuffy]

Great tutorial man! I always walk away from one of your videos feeling like I learned something new!

[@WebDevSimplified]

That's awesome! I'm really glad to hear I am helping.

[@lilianesoares3101]

I loved this tutorial, is short and hands on, helped me a lot to understand new things, and also to use better my own vscode! Thank you.. I would love to see a music player, e-commerce and chat messages with React! THank you from Brazil, south America!!!!

[@Vorbroker]

Great video, I like how you make cool features seem easy and simple.

[@WebDevSimplified]

Thanks! It really means a lot knowing that my videos come across as easy to understand, because I feel like I am rambling incoherently when I record :P

[@L1fe361]

Nice tutorial! I really feel like I'm learning something. I'm kinda confused about when to use which unit though. Like, when should I use em, px, vw, vh, etc.? Might be something for another tutorial video? :) Keep it up!

[@WebDevSimplified]

I actually covered these various lengths in my introduction to CSS video at the very end. It was a brief introduction, but should be helpful nonetheless. I may make a separate video in the future going in depth into the different length units in a more structured and concise manner. Here is a link to where I talk about those units. kzbin.info/www/bejne/Z4HRh6KoaJuSapI

[@ryandsouza7100]

Hey Kyle. Awesome video. Keep making em. 👍

[@WebDevSimplified]

Thanks. I really enjoy making these tutorials, and can't wait to make more. If you ever have a suggestion for something you would want me to cover make sure to let me know. I am always open to ideas.

[@AlexTechie]

Great video, I learned a lot more than just the login form. 👍

[@WebDevSimplified]

That's is what I love to hear. I always try to make my videos more about learning concepts and basic knowledge instead of just a tutorial on a specific topic. Thank you so much!

[@AlexTechie]

Since you appreciate the feedback, I wanted to say: another thing I like is that you'll stop at a line of code, preview the change, and say, "It still doesn't work because X. To change that, we need to do Y." That really helps to get a better grasp of the fundamentals and intricacies.

[@WebDevSimplified]

I'm glad you find that useful. Half of the time it happens is because I mess up while recording, so I just roll with it. Other times I deliberately do it when I know that it would be something that would confuse me when I was learning.

[@alextarashkevich4575]

Dude, your lessons are awesome

[@WebDevSimplified]

Thank you!

[@chaitanya4600]

Excellent work SIR🔥👏

[@bibekdhkl]

I am starting with my first project from Frontend Roadmap🙌

[@Alan-cb9qn]

Amazing video keep it up!

[@vahesevachyan]

This was awesome thanks Kyle.

[@mohammedirfanpn4024]

I love u bro ......from india

[@parasarora5869]

this is a new channel. your content is good...keep going...hope you get lot of subscribers.. great tutorial✌😎✌

[@WebDevSimplified]

Thanks! I really appreciate it. I love creating these videos, and am constantly trying to improve. I am excited to see how much better I can get by 2019.

[@parasarora5869]

@@WebDevSimplified you should also go for a full website making tutorial set...and small JavaScript projects...they will definitely give you a good amount of subs and you will enjoy too while creating them😄✌

[@WebDevSimplified]

I actually have both of these ideas in a tutorial series. These are some of the very first videos I ever created, but I feel the content in them is still high quality. These videos walk-through the creation of a band website using HTML, CSS, and JavaScript. kzbin.info/www/bejne/fpe3iXuojLJ6jLs

[@parasarora5869]

@@WebDevSimplified I will check them for sure soon😄

[@mikemindacodemy7279]

Great tutorial!

[@WebDevSimplified]

Thanks! I really appreciate the support.

[@parasarora5869]

you got one subscriber now😄 ...and a Twitter follower too😜

[@WebDevSimplified]

Thanks for the support!

[@parasarora5869]

@@WebDevSimplified check your Twitter when you are free😁

[@WebDevSimplified]

That is an awesome tweet. I think one of my very next videos will be about that topic.

[@jake445]

why the login container still grows larger when adding the padding, if the container is already set to border-box?

[@heocon.lonton]

Form login so nice :d

[@JNET_Reloaded]

Looks very sick :D

[@WebDevSimplified]

Thanks! It took me a really long time to choose the right image, font, and colors to make the page look good. Design is something I am not good at, so it takes me a long time to create anything decent looking.

[@JNET_Reloaded]

Just implimented it into my site but pressing enter does not trigger the login function i have (ajax) i have tried making an element on enter function but it dont work i need it to run a login(); on enter, how can i do this please?

[@WebDevSimplified]

@@JNET_Reloaded use the onsubmit event on your form. Also make sure that your button is of type submit otherwise pressing enter won't submit the form.

[@JNET_Reloaded]

it didnt work :/ and now pressing the button with mouse dont trigger it either... i need help with this. it just looks like its working but just reloads the page any ideas?

[@JNET_Reloaded]

Email / Username Password Log In

[@DarkLightBoy]

Can you tell us how to make a login system

[@WebDevSimplified]

I definitely plan to in the future.

[@DarkLightBoy]

YAY!!

[@govindsinghrathore4671]

25/8/21 - DONE

[@samsungfateh8686]

thanks Please learn how to create a site-specific email form to submit

[@dystrybutor0renza468]

pog