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

Sdílet
Vložit
  • čas přidán 21. 01. 2023
  • 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.buymeacoffee.com/codehalY...
    Get Source Code by PayPal
    ko-fi.com/s/8b024209d7
    🔔 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.com/file/d/12Uwj...
    Icons:
    ionic.io/ionicons
    Image Sources:
    Image created by freepik
    www.freepik.com/free-vector/f...
    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.

Komentáře • 764

  • @josephnomo4587
    @josephnomo4587 Před rokem +5

    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.

  • @anamansari2746
    @anamansari2746 Před 9 měsíci +22

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

  • @islamiclifestyle1114
    @islamiclifestyle1114 Před rokem +15

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

  • @lenaewerling9437
    @lenaewerling9437 Před rokem +41

    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 :)

    • @GLP2007
      @GLP2007 Před měsícem

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

  • @studyHelperArshu
    @studyHelperArshu Před 11 měsíci +22

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

  • @relaxo3900
    @relaxo3900 Před rokem +161

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

  • @plantnt489
    @plantnt489 Před rokem +130

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

    • @randomname2914
      @randomname2914 Před rokem +8

      maybe because this basic site literally is the easiest?

    • @nuttapongphetpradub8005
      @nuttapongphetpradub8005 Před rokem +9

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

    • @realdomediteisengeiming
      @realdomediteisengeiming Před rokem +3

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

    • @haganlife
      @haganlife Před rokem

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

    • @nfh07
      @nfh07 Před rokem

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

  • @titonsaha799
    @titonsaha799 Před rokem +70

    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!

  • @adeoluwa_adeoye
    @adeoluwa_adeoye Před rokem +13

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

  • @ninjaaljun7674
    @ninjaaljun7674 Před rokem +7

    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.

  • @shavkat95
    @shavkat95 Před rokem +12

    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!

  • @myhelshik5844
    @myhelshik5844 Před rokem +234

    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
      @codehal  Před rokem +26

      Hey, glad you like it!

    • @remember.772
      @remember.772 Před 5 měsíci +2

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

  • @mysteriousghost4852
    @mysteriousghost4852 Před 9 měsíci +1

    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..

  • @onethmeraj3893
    @onethmeraj3893 Před rokem +3

    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 ❤

  • @moviearchives9613
    @moviearchives9613 Před rokem +23

    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
      @short_but_special Před 11 měsíci

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

    • @GodOfFools
      @GodOfFools Před 11 měsíci

      I agree

    • @user-ww4te9st7q
      @user-ww4te9st7q Před 3 měsíci

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

    • @dishwater0
      @dishwater0 Před měsícem

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

  • @Exaris79
    @Exaris79 Před 3 měsíci

    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.

  • @vladi_lored
    @vladi_lored Před rokem +2

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

  • @pookchill
    @pookchill Před rokem +1

    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.

  • @kosupe5103
    @kosupe5103 Před 7 měsíci

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

  • @fawsiaisa3205
    @fawsiaisa3205 Před 10 měsíci +9

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

    • @marzukahamed5240
      @marzukahamed5240 Před 3 měsíci

      How much time it will take ?

    • @Digital_Domination5
      @Digital_Domination5 Před 3 dny

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

  • @minimeew
    @minimeew Před rokem +1

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

  • @auxod3219
    @auxod3219 Před rokem +37

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

    • @codehal
      @codehal  Před rokem +6

      Hi, I remember you 😆 , Thanks bro ❤

  • @franciscocouttolenc6783
    @franciscocouttolenc6783 Před rokem +2

    I really like it, awesome work, keep going

  • @jakesword52
    @jakesword52 Před rokem +2

    Thanks a bunch man. This was super helpful.

  • @LittlGamer.
    @LittlGamer. Před 12 dny

    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%

  • @samuelmillanandrade6386
    @samuelmillanandrade6386 Před 10 měsíci +1

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

  • @VenkateshKoppuravuri-wu1hi
    @VenkateshKoppuravuri-wu1hi Před 11 měsíci

    It's Amazing , very clear cut and useful thanks a lot 💗

  • @tejpalbhardwaj1088
    @tejpalbhardwaj1088 Před rokem

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

  • @templatesjungle
    @templatesjungle Před rokem +1

    Informative video. Thank you for sharing.

  • @CLIPSOFFICIAL965
    @CLIPSOFFICIAL965 Před rokem +1

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

  • @maikerul217
    @maikerul217 Před rokem +1

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

  • @szabolcsvarga1061
    @szabolcsvarga1061 Před rokem +2

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

  • @expandablevictor7858
    @expandablevictor7858 Před rokem +40

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

  • @eliasjunior7430
    @eliasjunior7430 Před rokem +1

    wonderful lesson, thank you!

  • @DevelopersByOsmosis
    @DevelopersByOsmosis Před rokem

    I'm impressed. Beautiful work 😍

  • @tarun5428
    @tarun5428 Před 9 měsíci +1

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

  • @true_visual
    @true_visual Před rokem +1

    Thank you very much! this is awesome and the code is so clean!

  • @xristou9
    @xristou9 Před 8 měsíci +2

    Brother, you are an absolute legend for that video

  • @itcode_me
    @itcode_me Před rokem +2

    Thank you for this tutorial. Its easy to understand

  • @Pedro-eo5bz
    @Pedro-eo5bz Před rokem +35

    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)

  • @master8920
    @master8920 Před rokem +2

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

  • @jesuscrack2819
    @jesuscrack2819 Před 10 měsíci +1

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

  • @hadeelaldayel6056
    @hadeelaldayel6056 Před rokem +1

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

  • @Juankar_hh
    @Juankar_hh Před rokem

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

  • @longnguyenvan9532
    @longnguyenvan9532 Před rokem +6

    Simple but cool, thanks for the video!

  • @louwellprimo8588
    @louwellprimo8588 Před 8 měsíci +2

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

  • @Cr-tw7ku
    @Cr-tw7ku Před rokem

    I really enjoy the video God bless you more !!!
    Thank you

  • @kunalgupta9088
    @kunalgupta9088 Před rokem +1

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

  • @SmilingCherryBlossoms-ez8od
    @SmilingCherryBlossoms-ez8od Před 18 hodinami

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

  • @DOTRIN
    @DOTRIN Před 9 měsíci +1

    So beautiful design❤

  • @dibbyarupdutta3525
    @dibbyarupdutta3525 Před 9 měsíci +2

    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.

  • @M0onMo0n
    @M0onMo0n Před 5 měsíci

    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

  • @grakengaming5115
    @grakengaming5115 Před 8 měsíci +1

    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.❤

  • @josepinedaunico1250
    @josepinedaunico1250 Před 2 měsíci

    Great Front - End skills.
    Thanks for this man.

  • @atapenalva
    @atapenalva Před 10 měsíci +1

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

  • @VictorSilvaDev
    @VictorSilvaDev Před rokem +5

    great video bro. I really appreciated this content.

  • @abiraksaj8607
    @abiraksaj8607 Před rokem

    Thank you so much! It works!

  • @shrushtizade5596
    @shrushtizade5596 Před rokem

    Thank You so much sir ,great login page I just loved it.

  • @Megumifushiguro479
    @Megumifushiguro479 Před rokem

    Really cool. More knowledge has been added

  • @QzCrow28
    @QzCrow28 Před rokem

    Nice, very nice.
    :D
    Thank you, from Brazil.

  • @baimotret3928
    @baimotret3928 Před rokem

    that was awesome bro!! 🔥🔥

  • @user-ur9pw5mv7i
    @user-ur9pw5mv7i Před 5 měsíci

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

  • @gabriellandaeta
    @gabriellandaeta Před rokem

    thank you excellent tutorial i have finished just now

  • @aayushsingh74
    @aayushsingh74 Před rokem

    Like this one brother carry on.

  • @coursesforintelligence

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

  • @khgrapics_by_rango
    @khgrapics_by_rango Před 8 měsíci +1

    Tnx bro, it's valuable for me ❤

  • @peterjason4464
    @peterjason4464 Před rokem +6

    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

    • @iarespace
      @iarespace Před rokem

      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
      @peterjason4464 Před rokem

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

    • @maleickwilliams300
      @maleickwilliams300 Před rokem

      @@peterjason4464 😂

    • @felipenasser574
      @felipenasser574 Před rokem +1

      @@peterjason4464 theres is just one definition of asmr

    • @peterjason4464
      @peterjason4464 Před rokem

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

  • @jhlin2297
    @jhlin2297 Před rokem

    Thanks a lot. Wish you all the best !

  • @mongolroy5901
    @mongolroy5901 Před 10 měsíci

    Thank You! Your the best!

  • @abdullahafaq2544
    @abdullahafaq2544 Před rokem

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

  • @jonhc2303
    @jonhc2303 Před rokem

    This design is awesome!!!

  • @trungphong4696
    @trungphong4696 Před rokem +2

    This is really helpful! Thank you!

  • @Violent-Craft
    @Violent-Craft Před rokem

    this looks relly nice and my type i love it Thank you so much i was searching for months.
    You are really good at html css and java script and again Thank you so much CodeHal

  • @venanciuslima5058
    @venanciuslima5058 Před rokem

    i luv u! I'm learning a lot from your content!

  • @antonantonov1936
    @antonantonov1936 Před rokem +1

    Thank you very much 😁👍

  • @atikadewi1118
    @atikadewi1118 Před rokem +5

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

  • @komlanabrahamative8715
    @komlanabrahamative8715 Před 11 měsíci +1

    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.

  • @PrinceKumar-hh6yn
    @PrinceKumar-hh6yn Před 10 měsíci

    Just amazing. Hope u have backened videos as well

  • @maleickwilliams300
    @maleickwilliams300 Před rokem

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

  • @gleiderpilot1190
    @gleiderpilot1190 Před rokem

    wow, that website is absolutely beautiful!

  • @MohammedMashud-ff2fq

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

  • @itcode_me
    @itcode_me Před rokem +1

    Clean code as always my friend

  • @KumarJha06
    @KumarJha06 Před měsícem

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

  • @rishabhchauhan9535
    @rishabhchauhan9535 Před 3 měsíci

    brillaint, your css skills are admirable

  • @twoplustwoequals5733
    @twoplustwoequals5733 Před rokem +7

    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 ;)

  • @backspinyt
    @backspinyt Před rokem

    dayum tysm that looks awesome

  • @jacksonpereira8432
    @jacksonpereira8432 Před rokem

    Thank you sir / lady!

  • @abhibhosale6877
    @abhibhosale6877 Před rokem

    thank you ,,,❤ very useful

  • @Akila9819
    @Akila9819 Před rokem

    Thank you so much❤️😍

  • @gessegoncalves6493
    @gessegoncalves6493 Před rokem +18

    Incrível, parabéns pelo trabalho
    From Brasil

  • @user-ob8py1of4e
    @user-ob8py1of4e Před 11 měsíci

    this video is really helpfull thanks for giving us knowledge

  • @Lior.Galanti
    @Lior.Galanti Před rokem

    awesome video my friend.

  • @jivajijadhav4075
    @jivajijadhav4075 Před 5 měsíci

    Great Video.... it very useful for Beginner

  • @djamelbgd301
    @djamelbgd301 Před 8 měsíci

    Thank you so much for this tutorial

  • @SeR_2X
    @SeR_2X Před rokem

    Wow, this is very cool!!

  • @Dagiclass24
    @Dagiclass24 Před 8 měsíci +1

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

  • @hamdaniabdsalam4451
    @hamdaniabdsalam4451 Před rokem

    Thank you sir for the video

  • @mohammadsadegh4096
    @mohammadsadegh4096 Před rokem

    wow!!! very good🤩👏

  • @bamideleemmanuel2036
    @bamideleemmanuel2036 Před rokem +2

    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?

  • @Vishal_Tank
    @Vishal_Tank Před rokem

    I really like it, awesome work, keep going.