Front-end is so easy, but in back-end you have to validate everything: Is the client requesting too often, how big the payload is, make sure that json parse won't error on post request, make sure that username is valid, make sure that password is valid, etc... Of course I didn't mention that the client could be spoofing (faking his IP address so you also have to know what is his traffic).
Thanks for the tutorial even though I actually manually typed everything by hand. Copying and pasting doesn't really do anyone any good. It's good to type everything out and play around with the code to understand these concepts inside and out.
@@computerscience1101 Exactly! Also, it's important to note that you can't just build a website. In other words, you need a plan, a design, a layout, a wireframe, a blueprint for your website. Otherwise, it would be like building a house without a blueprint. You need some kind of flowchart to get you from point A to point B.
I've watch lot of videos to get input animation but finally I've get it I can't believe myself how faster I understand by watching ur 10x video Nice work 💯💯
Thanks u so much. I was struggling with these for my assignments as god gifted me one simple coding channel alot. Your code helps me alot and u had taught me more than my instructors. Thanks alot for ur effort .
Thankyou soo much for such a great video. It help me alot. I just request you make video with voice it helps me more to know how it work and why we use some tag or stylling .thankyou soo much
I have a problem where th login box is in the very top left instad of the center which is very annoying. It has something to do with the transform. Edit: Fixed it by changing the position from absoloute to relative :)
Sir, I am A beginner Can You Please Teach us About " How forgot Passsword Works" I mean How does it send OTP To The Given Email..??? And One more thing.. Can You Make A Full Tutorial Video to create login Page And Also Teach Us How we Can Save That Logged In Data's In Our Databasee.
im a begginer in html,css and i was designing a form just before seeing it and now im thinking what was i doing he done this in just 9min its amazing i have to practice alot there is so much to do
my css code doesn't work and i am pretty sure that i wrote every single line :( At first, i thought that the problem was with the background deg and i thought that you may have an extension for that, so i continued with the code, but actually the center code didn't works to. Any help ?
i like this video, very good step by step explaining however, input:focus ~ span::before, does not work, there is maybe input type needs to be defined too in css in order to work
what i am trying to say is, i did all the steps but nothing happens onclick, i add the {{{ .formField input:focus ~ label, }}} and it just transforms my labels, but no action on click no change
@Jennifer Kadri i did, that was not the issue, it was a label error class name actually, i sorted it out, but thank you though for trying to help !!! Apreciate it
I have a problem, not from the codes, but I think I am using a wrong editor, I typed exactly as you will see in the video, but it seems not to work. I am using Notepad++
great video. I had and still am doing some of the code. I don't know if i messed up in it somewhere or something. But Some things tend to not work for some reason. Is there a link that I could get to see all the code at once and maybe play around with it a little more? Again great video, very impressive.
Login & Registration Form in HTML & CSS
Watch: th-cam.com/video/V8PU_geaCCU/w-d-xo.html
Bro I am not able to get ur source code please I need ur source code beo
Loading Animation using CSS
th-cam.com/video/ZcXJCBe1UZU/w-d-xo.html
Front-end is so easy, but in back-end you have to validate everything: Is the client requesting too often, how big the payload is, make sure that json parse won't error on post request, make sure that username is valid, make sure that password is valid, etc... Of course I didn't mention that the client could be spoofing (faking his IP address so you also have to know what is his traffic).
i wont have to make it perfect for my project so maybe i can only do the important stuff and leave the rest?
Thanks for the tutorial even though I actually manually typed everything by hand. Copying and pasting doesn't really do anyone any good. It's good to type everything out and play around with the code to understand these concepts inside and out.
True, it increases our thinking skill and helps to know how we can improve our future projects.
@@computerscience1101 Exactly! Also, it's important to note that you can't just build a website. In other words, you need a plan, a design, a layout, a wireframe, a blueprint for your website. Otherwise, it would be like building a house without a blueprint. You need some kind of flowchart to get you from point A to point B.
Thank you so much for these videos. Also, thanks for making the code available. I learned 2X faster and better after playing around with your code.
Thank you so much for your comment 💙
same bro 😙
thnx
I've watch lot of videos to get input animation but finally I've get it
I can't believe myself how faster I understand by watching ur 10x video
Nice work 💯💯
Thank you 💙
Good to see Nepali developers influencing people to coding❤❤
omg how to say ? SO GOOOD !!!!!!! code is free :/ the best coding channel ever ! ty so much bro
You're welcome bro 💙
Love how this exact comment is on multiple of your videos. Kinda cheesy dude.
I Saw The Thumbnail and i loved the background so i put it on my website it looks cool, thanks :)
Glad you like it!
Thanks u so much. I was struggling with these for my assignments as god gifted me one simple coding channel alot. Your code helps me alot and u had taught me more than my instructors. Thanks alot for ur effort .
this deserved, millions of views
Thank you so much bro ❤️.... I really appreciate your comment... Keep watching nd supporting
@@CodingNepal Hey man, any idea how to add a header and a navigation bar to top of this form? I really need help
Sir you are a great teacher thank you so much for this information
I did a similar one, and I am loving it. Thanks man.
I like very for this video easy to understand how to desigh a small login for with css , it is very useful , thank you so much.
Most useful video.. all paths are clear.. thank you very much ❤️❤️❤️
Really best code in html and CSS for the Login 👍👍👍👍👍👍👍👍
Thank you so much man! WIthout you, me and my team would have gotten a bad grade! Our Saviour! 😘
Good Job!! The Codeium extension in VS Code generated this code almost automatically!
Thankyou soo much for such a great video. It help me alot. I just request you make video with voice it helps me more to know how it work and why we use some tag or stylling .thankyou soo much
I never heard of VH very interesting I learned so much from this thank you. Also cool music lol.
You are perfect men....It helped me a lot
Thank you 💙
🤩
You're the best ,keep going
Thank you! 😃
Thank for these tutorial i learned so many! :D
I have a problem where th login box is in the very top left instad of the center which is very annoying. It has something to do with the transform.
Edit: Fixed it by changing the position from absoloute to relative :)
It is very clear and easy to understand. keep it up
I want ask one quetion about 05:10 in this video.
I didn't see any in your html file,
why you using span selector in CSS file?
and why it worked?
Sir, I am A beginner Can You Please Teach us About " How forgot Passsword Works" I mean How does it send OTP To The Given Email..??? And One more thing.. Can You Make A Full Tutorial Video to create login Page And Also Teach Us How we Can Save That Logged In Data's In Our Databasee.
Thtas not For beginners....😶
You want to hack your girlfriend fb id and instagram id hmmm 😉
lol 😂
that’s not for beginners
That is back end part ,you want to know then first learn any popular backend framework and database language like SQL or mondodb
Brother 🤣🤣🤣
That's not for begginer, for this you have to learn and explore two more languages
1. Mysql
2 php
Dammn!! It take lot of time ⏲ 😴 😌 😪
Good Creativity Amazing Content...
This video is Very nice ❤️❤️
I like this video and content❤️❤️
Thank you very much bro you helped me very well ❤❤
Thank you so much. It's very helpful😇.
This helped me make my website thank you so much!
I really appreciate that bro that really helped me 😊
thanks for the tutorial bru, this is what i need
Glad I could help
Thank you so much for amazing video sir❤️
So nice of you
thanks, man I really appreciate this.
im a begginer in html,css and i was designing a form just before seeing it and now im thinking what was i doing he done this in just 9min its amazing i have to practice alot there is so much to do
Hai, you are right..
Thank you so much. This video is a blessing.
thanks a lot for sharing this code👍👍
Thank You Very Much , it is so nice
do i have to place index and style css file to the same folder ? because my background style not working
Thank you very much, it helps me a lot
The music is so good
where can i find ":focus ~ " documentation? the "~" is confusing
Here is the MDN documentation - developer.mozilla.org/en-US/docs/Web/CSS/:focus
my css code doesn't work and i am pretty sure that i wrote every single line :( At first, i thought that the problem was with the background deg and i thought that you may have an extension for that, so i continued with the code, but actually the center code didn't works to. Any help ?
simple and good design thank you
Very useful for me thanks for this video
i like this video, very good step by step explaining however, input:focus ~ span::before, does not work, there is maybe input type needs to be defined too in css in order to work
what i am trying to say is, i did all the steps but nothing happens onclick, i add the {{{ .formField input:focus ~ label, }}} and it just transforms my labels, but no action on click no change
@Jennifer Kadri i did, that was not the issue, it was a label error class name actually, i sorted it out, but thank you though for trying to help !!! Apreciate it
Which IDE you use for html and css?
Thank you this video is awesome !!!!!!!!!!!!!!
You're welcome!!
Can i use the same in wordpress by editing css
Magnificent
why is my focus:span::before is working just fine but my .textfield input:focus + label is not working?
Niceee 👍👍👍😊
Which code editor did you use ?👆🏼👆🏼
In the description
I have a problem, not from the codes, but I think I am using a wrong editor, I typed exactly as you will see in the video, but it seems not to work. I am using Notepad++
use vscode
I think code editor has not problem. Check your codes again or download codes from the description link
@@CodingNepal thank you guys, I think I was tired when I typed the codes, it works fine now after I re-typed it in the next day.
Thank you 💌💌💌
thank you so much. but the blue line didn't work for me,overall it's perfect💯
Why you use a span with before rather than changing border color?
Span help to change full color as border color is difference though
hi sir/mam what kind package are you using for see your work
Any idea how to add a header and a navigation bar to top of this form? I really need help
wow nice one, i will try
Please do!
Thank you so much! This video tutorial helps me a lot, by the way what is the name of the compiler you used?❤️❤️
its called "atom". but it is dead now.
How do you make Username and Password disappear instead of hovering when a user types something?
You can have a class in css named disappear or something, and with javascript, add that class when a user starts typing
Hai can I ask I trying to change the background-color to image but it doesn‘t work ? Why?
I used background-image: url ( img/black.jpg)
you can change the bg colore directly black if you are using a black image
@@osamaedits8488 Thanks !
Did you have any contacts with God because your work was equal to miracle.
Hahah... Thanks for watching my videos.. Keep watching other videos... There are many helpful videos for you.
dude when i put in a username or password the label “username” or the label “password” goes down
What kind of html,css live preview are u using..can u tell ??
how to make submit button redirect if form is filled out correctly
thanks for the tutorial.
I wasn't able to get it in the centre please help me
🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵🇳🇵Thanks you so much ❤️💟🙃☺️🙃☺️
What is that tilt symbol mean in line no 60 and 61?
Great design, can you provide video how to provide captcha code before clicking button to login. Thanks.
can i use this as modal log in form?
How to make this login page responsive for mobile view???? Please upload a video for that too
Sure...Stay tuned with us!
great video. I had and still am doing some of the code. I don't know if i messed up in it somewhere or something. But Some things tend to not work for some reason. Is there a link that I could get to see all the code at once and maybe play around with it a little more? Again great video, very impressive.
Yes. Find this source code in the description.
Thanks man! But I have not found this code on site that you left :( So I copied from video hahaha :)
Keep watching 😁
yeah same
Amazing 😍
which application it is you are creating html code
नमस्कार म पनि नेपाल बाट नै हो।
Sound at 4:35?
Anyone know?
Hey just to let you know the links are not letting anyone download the two files. Neither the index nor the css file are clickable...
need to download the folder as an zip file
Excellent Tutorial How can we make this responsive?
I can't find the code to download, can someone send me the right link?
Please contact me on Instagram
What software do you use?
which editer is this? or website?
can you send all code here we just need to copy than paste
Contact me on Instagram.
@@CodingNepal I don't have Instagram
@@CodingNepal Hey can I please contact you to get the code.
Does not work. Page just refresh. Will ignore any button you put in it. Won't be back to this channel.
can you make a tutorial for the show and hide password thingy?
Here is the video - th-cam.com/video/yK_vRQ2ICg4/w-d-xo.html
@@CodingNepal thx
We can add javascript in this ?
Thanks good work .
which application is used ?
PLEASEEEE HELPPP! How can I make it so that when I click the login it redirect me to my other html file.
Do It Like Login"
the animation thing didn't work , so applied js
Can You Please Fix My Problem?
My Problem Is The Button Is On The Text Input Please Im A Begginer
input[type="sumbit"] почему у меня эта команда отказывается работать? пишу на phpstorm
вы неправильно написали отправить
Должен быть:
input[type="submit"]
hope google translator is correct
Sir i want this same background image I couldn't find in google can you share the image link
Sir which software you are using.. please tell me
Atom - check description for more.
what is rhis edito called
please make this same login page with responsive elements