How To Make A Website With Login And Register

No video

How To Make A Website With Login And Register | HTML CSS & Javascript

Рет қаралды 2,463,331

Күн бұрын

How to Make a Website with Login and Register, How to Create a Website with Login and Register, How to Make Website with Login, How to Create a Website with Login and Password, How to Create a Website Login Page in HTML, How to Make Website Login Page, Website with Login and Registration HTML CSS & Javascript
Click For More: / @codehal
Website:
codehalweb.com/
-------------------------------------------------------------------
Get Source Code from here and support me ❤
www.buymeacoff...
Get Source Code by PayPal
ko-fi.com/s/8b...
🔔 Subscribe Now!
/ @codehal
Related Videos:
1. How to Create a Website using HTML and CSS Step by Step Tutorial | Website Design
• How to Create a Websit...
2. How to Make a Website with Text Animation Effects using Only HTML & CSS
• How to Make a Website ...
3. Responsive Website Landing Page Design | HTML CSS and JavaScript
• Responsive Website Lan...
4. CSS Parallax Scrolling Website | How to Make Website using HTML CSS and Javascript
• CSS Parallax Scrolling...
5. CSS Parallax Scrolling Website | How to Make Animated Website using HTML CSS and Javascript
• CSS Parallax Scrolling...
6. How To Create A Personal Portfolio Website Using HTML and CSS Only | Step By Step Website Tutorial
• How To Create A Person...
7. Parallax Scrolling Website HTML CSS & Javascript | How to Make Parallax Website
• Parallax Scrolling Web...
Download Image & Start Project From Scratch:
drive.google.c...
Icons:
ionic.io/ionicons
Image Sources:
Image created by freepik
www.freepik.co...
Codehal
-------------------------------------------------------------------
#css #cssanimation #csseffect #codehal
-------------------------------------------------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

Пікірлер: 799

@AnthonyBlankenship-z1d Күн бұрын

I wanted to say THANK YOU I got my first web dev job! I started 9 months ago with this course and now I made a portfolio based on React Typescript projects and will start into my first frontend engineer job in July =) Believe in yourself guys! You can make it!

@BenitoSanchez-y4r 12 күн бұрын

For those contemplating diving into a 6hr course...DO IT. His basic & foundational HTML/CSS explanations are in a league of it's own! This course is an amazing combination of audio and visual learning. You will not regret investing your time into this tutorial!!

@relaxo3900 Жыл бұрын

Creating something from scratch is great, and this is what makes programming more interesting than any field

@codehal Жыл бұрын

I agree with you 💚

@Pakhtoon_Afghan Жыл бұрын

@@codehal can i build like yours by watching your lec pls!!?😢😢

@SporthighlightsS1 Жыл бұрын

Coding is the best and worst thing that can happen to a human

@SporthighlightsS1 Жыл бұрын

@@Pakhtoon_Afghanwhat ?

@satyabratasahu5192 5 ай бұрын

@@SporthighlightsS1how worst

@plantnt489 Жыл бұрын

it always amazes me how people like you make website programming look so easy

@randomname2914 Жыл бұрын

maybe because this basic site literally is the easiest?

@nuttapongphetpradub8005 Жыл бұрын

My head spinning when I try centering my beloved divs and they still don’t work as I expect 😅😅😅

@TaskierShop Жыл бұрын

Tbth it's not that hard you just have to learn it

@haganlife Жыл бұрын

@@nuttapongphetpradub8005 flexbox is your friend, spend a weekend learning it and you will become the master of css

@nfh07 Жыл бұрын

this is from bootstrap. i literally had to make this for my class project. same layout.

@studyHelperArshu Жыл бұрын

really dude without a single word speaking it is perfectly clear.

@moviearchives9613 Жыл бұрын

I've been learning web development and I've completed HTML and CSS. I'm halfway through JS and what I can say so far is that the hard parts of web development is creating the design layout. "This is where the links will be, this is where the login page will be." This is one amazing design. I'll recreate it after I'm done with Js.

@short_but_special Жыл бұрын

hii i am also a learn self webdevlopement .what is your strem science or other.

@GodOfFools Жыл бұрын

I agree

@user-ww4te9st7q 4 ай бұрын

Can you help me please. I didn’t catch what he did with wrapper active

@dishwater0 2 ай бұрын

dude My HTML and CSS web dev class randomly dropped a js assignment. and I have nooooo Idea what I am doing

@titonsaha799 Жыл бұрын

I'm planning to learn web development as a beginner. The way you have shown it is very amazing. I can now feel my inner interest and it's great fun making a website! This video will be a great motivation for me! ❤ I needed something like this! I was frightened. But now I'll go for it! Thanks for this nice representation!

@rachitkaushal5557 Жыл бұрын

hey can i know from where you learning it now as i also want and i am also an beginner

@Your_SK_Gaming Жыл бұрын

You can ask me

@rajeshsharmajaipur 7 ай бұрын

Actually it's web designing

@fawsiaisa3205 Жыл бұрын

I just completed this project. Thank you very much. I understood it without you speaking.

@marzukahamed5240 5 ай бұрын

How much time it will take ?

@Brabratty Ай бұрын

@@marzukahamed5240 I don't have an estimated time, but possibly 1 hour or an hour and a half

@anamansari2746 10 ай бұрын

It was my first project which includes javascript and I understood it all without theoretical studies. Thanks alot!

@BimolMunda-z1z Ай бұрын

0:59

@lenaewerling9437 Жыл бұрын

Thanks for sharing your knowledge! Struggled with making websites for various reasons, watching this video and following along gave me the confidence I needed to get into it again. Especially the jss part was really helpful, seeing how easy one could start getting in to it :)

@axelknight1 3 ай бұрын

yeah taking inspiration from someone's project is one of the ways to learn creating a website

@myhelshik5844 Жыл бұрын

Ayy! This looks very cool! If only I could access something like that in the previous year it could simplify me a lot of things. Thank you sir for the video.

@codehal Жыл бұрын

Hey, glad you like it!

@remember.772 6 ай бұрын

But what will happen when I click the log in but I mean is it interactive@@codehal

@josephnomo4587 Жыл бұрын

Thank you for this video, html integration has never been my strong point. But with this video I feel like I can start to a new journey to html/css.

@Onethmeraj0 Жыл бұрын

For who trying to watching this Awesome Video , You will Learn Perfectly what you want to know ,New Tips and Coding Methods ..Thank you sir Your are a Life Saver ❤

@ninjaaljun7674 Жыл бұрын

Nice website, I'm gonna try and copy this code myself after I learn more javascript. I'm happy to know that I understood 92% html and css lines and what they were for, of course I could never code anything like this, I only understood why you put those code but I cannot code on my own. As for the javascript I could understand only so little that I'm gonna study it first before copying this.

@expandablevictor7858 Жыл бұрын

I wish you would one day be creating a complete website, this is simple and beautiful.

@19JustMike83 Жыл бұрын

Me too. But the problem would be with PHP

@dennisdon5601 Жыл бұрын

@@19JustMike83 PHP is the easiest thing out there

@abiraksaj8607 Жыл бұрын

I agree.

@Exaris79 4 ай бұрын

This helps a lot after realizing that I can playback the video in 1/2 or 1/4 speed so that I can catch up with the coding on screen.

@LittlGamer. Ай бұрын

I don't know how much this video has but I want to thank you a lot because I know that making this type of designs and code is not as simple as it seems so it is very appreciated that you show how you do it because anyone else just sells them and doesn't show anything of code thank you very much for being a good person and a good programmer I thank you very much and you are very good I support you 100%

@islamiclifestyle1114 Жыл бұрын

I loved your design. It’s so so complicated and unique....

@auxod3219 Жыл бұрын

I really like the palette in this one, so smooth and monotone.

@codehal Жыл бұрын

Hi, I remember you 😆 , Thanks bro ❤

@mysteriousghost4852 10 ай бұрын

Followed along, and hit some hiccups with my adaptation, but it ended up working out in the end! Props to you, I don't know where to start with CSS but this is basically all CSS lol..

@kosupe5103 9 ай бұрын

I'm studying HTML and CSS, and I learned a lot from this video!! :)

@pookchill Жыл бұрын

Thank you very much. I am Thai. Watch this video. It gives me a lot of knowledge. But let's just say that this knowledge will be practiced and further developed. And I would like to ask you to make many more clips like this, encourage and follow.

@xristou9 9 ай бұрын

Brother, you are an absolute legend for that video

@vladi_lored Жыл бұрын

Wow... I was just thinking how to make a beautiful form and I got it in the recommendation immediately XD Thank you so much! :)

@adeoluwa_adeoye Жыл бұрын

You make web development easier for me. Thank you 🙏👏

@shavkat95 Жыл бұрын

I wish I could give ten thumbs up. beautiful design as a whole, very proffessional. been watching this and implementing it for quite some time, was working with this video for like 2 days, learning how everything works. that music is quite the banger, too! Thanks a lot!

@twoplustwoequals5733 Жыл бұрын

you can improve it, because now you can close registration form and when you click login button it will bring back register form instead of login, that's a bit confusing from UX perspective, login form should be as default after closing imo ;)

@georlybibas5846 Жыл бұрын

how can I do exactly that?

@Pedro-eo5bz Жыл бұрын

Maravilhoso, me ajudou muito no meu TCC muito obrigado from (Brasil, Portuguese language) Wonderful, helped me a lot in my cbt thank you very much (in English)

@codehal Жыл бұрын

Glad you like it bro💚

@bielzinedits0 Жыл бұрын

qual curso vc ta fazendo mano?

@Pedro-eo5bz Жыл бұрын

@@bielzinedits0 mano to fazendo curso de desenvolvimento de sistema kkkk

@luisnascimentodesousa5407 Жыл бұрын

@@Pedro-eo5bz Eu também, só que o meu tem análise tbm

@lucassydor823 Жыл бұрын

kkkkkkk vai me salvar mt no meu tb

@paveljirgal8143 Жыл бұрын

Thanks a lot for a great tutorial... I am Just learning in HTML and CSS..... Just question About the ending of the tutorial. If I am correct, you were working with JavaScript there right? And this registration saves customers/users to some form/sheet/database?

@tarun5428 10 ай бұрын

Bro your channel is amazing this channel have ever single video which I needed for my project...❤

@grakengaming5115 9 ай бұрын

good to watch this till the end you won a new subscriber Im going to take more time improving my frond-end skills im taking a full stack developer course but im really more interested in the front-end so far i think front-end is for me you have a good channel thanks for taking the time sharing your knowledge.❤

@xLwka Жыл бұрын

Good evening sir! i'm done copying this code :) And i was thinking if you can help me to insert user email and password in my database And then to take that and use them for login If you have time please make a video about this!

@MOGE_ Жыл бұрын

establish a connection with the database inside a js file. add onclickevent to the buttons upon clicking get thte data inside the form and insert them into the database(sql query if it is mysql) when logging in you get the data from the form, and you check (with sql query if it is mysql) if the same information is in the database. simple.

@mugishaobed Жыл бұрын

It's my first time ever to open this video on this channel but I am going to be the one who always access and watch any video🎥 on this platform

@codehal Жыл бұрын

Hi Mugisha, thank you so much, keep support 💚

@peterjason4464 Жыл бұрын

this is men's ASMR video , nothing beats it bro🤤 reminds me of days when i also used to create sites from scratch and it was so satisfying to get results and beautifully done websites by putting in effort

@spaceiam Жыл бұрын

You use that word, ASMR, but i don't think you actually know what it means, as there is nothing ASMR about this video

@peterjason4464 Жыл бұрын

@@spaceiam well, I have my own definition of the word ASMR, and u have urs , so don’t compare urs to mine

@maleickwilliams300 Жыл бұрын

@@peterjason4464 😂

@felipenasser574 Жыл бұрын

@@peterjason4464 theres is just one definition of asmr

@peterjason4464 Жыл бұрын

@@felipenasser574 but how ppl accept the meaning varies on who is the one accepting it , right?

@VincentHermes 6 күн бұрын

This was eye opening! Awesome video

@Juankar_hh Жыл бұрын

followed and coded all the tutorial, working 100%, if WebDev is not ur strength, there is a good tutorial ;)

@bamideleemmanuel2036 Жыл бұрын

That’s an excellent piece of art, bro… you really finished on this one!👍 However, is this design responsive on mobile, ‘cause I noticed you didn’t give attention to the mobile side of this?

@samuelmillanandrade6386 11 ай бұрын

I'm creating my portafolio of projects and this is helping me a lot

@louwellprimo8588 9 ай бұрын

Thanks very much for this video. I've learned a lot....🥰

@atikadewi1118 Жыл бұрын

Beautiful website with login and register .. keep going sir..

@codehal Жыл бұрын

Thank you 💚

@CLIPSOFFICIAL965 Жыл бұрын

i am a beginner and i learnt so many things from you so thank you

@abdulmajithr1282 Жыл бұрын

Knowledge super how you learn bro?? Would you suggest any simple programs to develop coding like you?!❤

@MohammedMashud-ff2fq Ай бұрын

We wish to have tutors like you around us. A very Good tuition. May you be Great😊

@hadeelaldayel6056 Жыл бұрын

Thank you my friend for your help, I paid the lesson and it was very helpful

@atapenalva 11 ай бұрын

Nice, its not dificult to make It with this kind off videos 💯

@jesuscrack2819 11 ай бұрын

It was wonderful! thanks for this project, it will help me with my project!!!

@josepinedaunico1250 4 ай бұрын

Great Front - End skills. Thanks for this man.

@szabolcsvarga1061 Жыл бұрын

Thanks for video i I learned a lot from it and now I have a template design with native css that I like.

@wilianscosta5515 Жыл бұрын

Hey man! Good video and work I have a Doubt Did you connect one database ?

@tejpalbhardwaj1088 Жыл бұрын

I did it all ,thanks , That's my first login page i ever made🎉

@VictorSilvaDev Жыл бұрын

great video bro. I really appreciated this content.

@codehal Жыл бұрын

Thank you bro 💚

@CalumBarton 24 күн бұрын

I thank the creators of KZfaq so much for making my dream come true..am a campus dropout due to school fees and now I pay less than 10dollars just to get in class thankyou Mr Kevin for your dedication to making sure that people like me are not limited in the i.t world may the lord bless you

@itcode_me Жыл бұрын

Thank you for this tutorial. Its easy to understand

@M0onMo0n 6 ай бұрын

this is awesome! just what i need to build a homepage that routes to my public hosted services; and with a login page it should(in theory) lock my other hosted stuff behind a login page aswell :D

@minimeew Жыл бұрын

thanks God for such useful material, as a beginner in programming I needed this lesson

@berrybabe2438 Жыл бұрын

Your video is awesome! Thank you for sharing it. I have a question though - right after I put the .input-box input:focus~label, .input-box input:valid~label{ top:-5px; } The label does rise but when theres text inside, it still goes back down, so it covers the email text. Do you know what I should do? Thank you

@xshadowlistx 11 ай бұрын

I have the same problem, did you manage to solve it?

@Satish434 8 ай бұрын

in Index.html change this to

@SmilingCherryBlossoms-ez8od Ай бұрын

I followed step by step and I am happy i did this

@dibbyarupdutta3525 11 ай бұрын

Just subscribed because of this awesome design and tutorial. People like you who share their knowlegde with the rest of us makes this world a better place.

@JAMMU_VIBES0 5 ай бұрын

sir plzzz make slow video than i will copy and make project and also make video on back-end. how to create backend and your video is soo amazing sir thanks alot

@nikhil_k_07 Жыл бұрын

Bro it's just a amazing yaar 😍🔥 Cool ! Superb 🔥 Bro one suggestion from me ! Instead of that BGM, gave a brief information about that all tags , CSS, and JS code It will help a lot so

@DOTRIN 11 ай бұрын

So beautiful design❤

@maikerul217 Жыл бұрын

Thank you for making this video, very easy to understand and follow a long.

@longnguyenvan9532 Жыл бұрын

Simple but cool, thanks for the video!

@codehal Жыл бұрын

Cheers!

@kedar14 Жыл бұрын

Bawaal Cheez hai yaar 🤯😳

@mohitsingh8857 5 ай бұрын

Hey mera login btn nav wala kaam nhi kr rha infact koi btn kaam nhi kr rha jb form mein jo login btn hai usme tap kr aapke wale mein kuchh bhra nhi hai to reminder de rha hai mere wale mein aisa kuchh nhi ho rha 😢 kya karein?

@helenovictor3970 11 ай бұрын

I'm from Brazil. I love It! Thanks, man. Helped me a lot.

@umapessoaae2323 7 ай бұрын

Eae meu chapa no 24:00 cê teve algum problema? O meu não sobe de jeito nenhum

@helenovictor3970 7 ай бұрын

@@umapessoaae2323 Mano, foi um errinho besta que o cara do vídeo deixou passar. Tive que rever o código por completo, mas não lembro onde estava. Se quiser, eu envio meu código terminado pra vc. No final eu usei a imagem que eu quis e ficou lindo

@KerickSilva 5 ай бұрын

No meu tbm n, conseguiu resolver? @@umapessoaae2323

@KerickSilva 5 ай бұрын

to batendo cabeça pra ve se consigo resolver, mas ate agora nada@@umapessoaae2323

@DagiTiger 9 ай бұрын

Wow thank you so much your website help me the home about services and contact, login

@kunalgupta9088 Жыл бұрын

Amazing video ...leaned a lot new things. Thanks ♥

@thiagoafonso1807 Жыл бұрын

Hi, I'm practicing with your video and I have a question, at 3:06, which URL link are you using??

@codehal Жыл бұрын

Google fonts

@adam-qg5hf 4 ай бұрын

I dont understand why but when I tried to have the transition (between the register and sign in ) it didn't work, is it normal ?

@komlanabrahamative8715 Жыл бұрын

codehal my sincere gratitude for your hard work and endeavor to help us in creating code and becoming new developers. For sure I have enjoyed the video.

@hotsoda46 Жыл бұрын

Could you make a followup video showing us how to connect this with different databases such as mongodb?

@khgrapics_by_rango 10 ай бұрын

Tnx bro, it's valuable for me ❤

@F4LLFn Жыл бұрын

Nice video bro. How i can have this theme ?

@rishabhchauhan9535 4 ай бұрын

brillaint, your css skills are admirable

@jakesword52 Жыл бұрын

Thanks a bunch man. This was super helpful.

@itcode_me Жыл бұрын

Clean code as always my friend

@KumarJha06 2 ай бұрын

following your guide helped me ace my assignment for school thankyou so much

@RohitKeshri-mr7sr Ай бұрын

Bhai source code dona bhi

@user-ur9pw5mv7i 7 ай бұрын

Wooow amazing! So easy to make and still so beautiful!

@gessegoncalves6493 Жыл бұрын

Incrível, parabéns pelo trabalho From Brasil

@codehal Жыл бұрын

Thank you Gesse

@InphinittiiStylez 5 ай бұрын

Where does their information go when they make an account? love this video btw!! helped me so much.

@pg2116 Жыл бұрын

It's what we call soothing and luxury

@user-ww4te9st7q 4 ай бұрын

I didn’t catch what he did when he inspected. Why sometimes wrapper becomes wrapper active. Help me please !

@master8920 Жыл бұрын

Thank you for a good example of how to typeset and style. It came out beautiful. Good luck!

@natnaelbehailu1255 5 ай бұрын

I don't understand how you added the registration part. the login and registration are up and down

@templatesjungle Жыл бұрын

Informative video. Thank you for sharing.

@Engage30 3 ай бұрын

It takes $300 value from this class, but i get free from this video incredible

@franciscocouttolenc6783 Жыл бұрын

I really like it, awesome work, keep going

@maleickwilliams300 Жыл бұрын

Great content. I have improve the skills to design websites.

@coursesforintelligence Жыл бұрын

Thank you. The site code is successful, working properly.

@abdullahafaq2544 Жыл бұрын

Thanks Alot dear Sir i recently watch your video its very helpful 😊❤

@hongbo-wei 7 ай бұрын

This design is so cool! Could you please make another video of connecting it with the back-end like Django and MySQL, for real registration and login.

@arrow9293 7 ай бұрын

Yes, your idea is great. I was wondering the same thing.

@SlickNickTexas 6 ай бұрын

Great video! Wish you'd respond to some of the comments though. I'm running into the issue where the login/registration form will not close when you click off it as shown in your video. Additionally, the X button does not function even though our code is the same. I'll try to seek an answer and see what I can figure out. I'll edit here if I find an answer. *Edit: I still can't get the click off of the prompt to make it disappear but by deleting the JS code for it and redoing it, the X ended up working.