Login & Signup with HTML, CSS, JavaScript (form validation)

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ • 60

  • @coding2go
    @coding2go  5 місяців тому +4

    Hey guys 👋hope you like the project. We just created our new X (twitter) account. Follow us there x.com/codingtogo to get more tutorials, video summaries and tips & tricks that don't make it into the videos. You could be one of our first followers on X 😎

    • @matousjirovec
      @matousjirovec 5 місяців тому +1

      Done!

    • @asantedetopdealer
      @asantedetopdealer 4 місяці тому

      very much it was well detailed

    • @asantedetopdealer
      @asantedetopdealer 4 місяці тому

      sending you love from Ghana❤❤

    • @aamirislam7280
      @aamirislam7280 4 місяці тому

      Sir I am waiting from to months that you will make use full stack I need your JavaScript vadios for learning and so on reactjs ,models,mongodb,etc etc

  • @ForbiddenWords
    @ForbiddenWords 4 місяці тому +5

    Even tho i study FrontEnd technologies i am struggling developing projects on my own. You helped me get started, because i coded alongside with you and understood everything you explained. Thank you very much i am very excited for next ideas and projects!! You are a hero for all of us here struggling 💚😄

    • @coding2go
      @coding2go  4 місяці тому +1

      Thanks for the kind words, that's great to hear 💙

  • @user-wc3tz3be1j
    @user-wc3tz3be1j 3 місяці тому +2

    been doing signup login pages for years but never really stylied them like this. It looks awesome!

  • @ShreshthoSaha
    @ShreshthoSaha 5 місяців тому +7

    A star shining so bright fell from the sky. And that's Fabian bhai✨🤩

  • @georgejere2306
    @georgejere2306 5 місяців тому +1

    Man this is brilliant continue brother:)

  • @MaYBeItZRaZa
    @MaYBeItZRaZa 20 днів тому

    6:32 We can also use icon of email from Google Fonts as we used icon of user & password

  • @Podcast_mania01
    @Podcast_mania01 5 місяців тому +4

    I have learned CSS very well from your 10 mins video its really good 👌
    I appreciate your efforts🙏

    • @coding2go
      @coding2go  5 місяців тому

      Thank you! Glad to hear that ✌️

  • @PhonkCoding
    @PhonkCoding 4 місяці тому +1

    Great content, you explain it in an accessible way👍👍

  • @MOHAMMEDKHALANDER-g1c
    @MOHAMMEDKHALANDER-g1c 5 місяців тому

    I really love you sir 😭😭😭😭😭😭...
    Your explanation is so clear and easy to understand .. please keep making videos like this 🙏🏻 😭 😭😭😭❤❤❤❤❤

  • @edsHTML
    @edsHTML 5 місяців тому +1

    this came out awesome bro! 😎👍

  • @arooshdatta0204
    @arooshdatta0204 2 місяці тому

    Thank you Thank you Thank you Thank you sooo sooo sooo much!!
    you helped me aaaaa lot!!

  • @mrman1484
    @mrman1484 10 годин тому

    thank you so much

  • @milanmakawana637
    @milanmakawana637 4 місяці тому

    Thank you so much fabian bro for html form making ❤❤❤❤❤❤😊😊😊😊

  • @ghaithzakk
    @ghaithzakk 5 місяців тому

    Great work, thank you :)
    Also very underrated

  • @mybeats7508
    @mybeats7508 5 місяців тому

    love from Bangladesh❤

  • @cosmix2K_
    @cosmix2K_ 5 днів тому

    Hi, I'm currently facing a problem where the background-image isn't showing (9:13 step) when I apply it even though my CSS and HTML files have been linked properly and my fonts are working well. Also, my text wouldn't change to the colour that I've written in the CSS code. I checked every line carefully for each CSS line. If anyone out here can help me with this issue, I 'd really appreciate it. Thanks!

    • @Coinarising
      @Coinarising 4 дні тому

      Make sure that the background image is in the same folder with the css and html. Also, check the spelling of the name of the image. Eg. background-image: url(background.jpg)

  • @webcraftmamun
    @webcraftmamun 5 місяців тому

    Awesome video 😍😍, we want to watch your every video, and hope you will make more videos for us, as I saw your channel, you don't give us many videos here, but hope you will make more beautiful content for us from now on.

  • @deepasharma4644
    @deepasharma4644 5 місяців тому

    Hello, your coding skills are really impressive, especially with CSS and responsive design! and one more thing can u go little bit continue to higher level in Javascript
    like creating lists for usernames, emails, password so on.. and ya for the login form, it should check if the email exists and allow users to log in if it does.
    for signup, when someone signs up, it should notify them if the username or email is already taken.
    for login, when someone tries to log in, it should clear previous attempts and show an error if they haven't signed up yet.

  • @birsender9580
    @birsender9580 7 днів тому

    hi what software did you use in coding

  • @enogratechnologies1896
    @enogratechnologies1896 5 місяців тому

    Thanks. Great tutorial

  • @farplayzwastaken
    @farplayzwastaken 5 місяців тому +1

    This video is very helpful, would you create a video on scroll animation css please.

    • @coding2go
      @coding2go  5 місяців тому +2

      Sure, I will put it on the list. The list is getting long with that many video ideas 😅 but we will do our best to drop a video about that, since many people want a scroll animation tutorial.

    • @farplayzwastaken
      @farplayzwastaken 5 місяців тому

      @@coding2go Thank you sir.. ✨

  • @SpectralScares354
    @SpectralScares354 5 місяців тому

    bro please make a hover effect that i hover than a text comming bottom to center please 🥺 btw i love your content keep growing ❤

  • @Gribodemon.v2
    @Gribodemon.v2 5 місяців тому

    I really love you from morocco ❤ i hope you next time to teach us how to make a easy darkmode please

    • @coding2go
      @coding2go  5 місяців тому

      Thanks 💙 Darkmode is a cool topic. I will put it on the list

    • @Gribodemon.v2
      @Gribodemon.v2 5 місяців тому

      @@coding2go thanks for understand

    • @AbdurRaheem-tech
      @AbdurRaheem-tech 4 місяці тому

      ❤❤​@@coding2go

    • @AbdurRaheem-tech
      @AbdurRaheem-tech 4 місяці тому

      ​@@coding2go😮😮😮

  • @raja-qr5pg
    @raja-qr5pg 5 місяців тому +1

    Hello could you make a video on java backend for login page also please

  • @sonlethanh8985
    @sonlethanh8985 4 місяці тому

    good

  • @KardanKaaal
    @KardanKaaal 26 днів тому

    I want to open a new page after successfully logged in what to do ?
    I created a LoggedIn.html file wherr it says You are successfully logged in

  • @muhammadfaisal6648
    @muhammadfaisal6648 5 місяців тому

    Create a tutorial on parallax effect

  • @Igloo12-o1w
    @Igloo12-o1w 5 місяців тому

    Sir i have a problem from many months that is....i have problem in understanding that in which div we have to give flex for example: i have 2 div a container and a logo div now i have to center a logo then to which of one div should be given flex box.....Its so confusing for.me pls Sir reply me and pls make more advance vids for css

  • @WebDevXpert
    @WebDevXpert 5 місяців тому

    CREATE A CALCULATOR IN HTML, CSS, & JAVASCRIPT! (Step-by-Step Tutorial) || कैलकुलेटर कैसे बनाये : ua-cam.com/video/H9tK1xfv3rY/v-deo.html

  • @mxrlimsn
    @mxrlimsn 3 місяці тому

    hello, im a beginner and i want to know how i now can get a link for the login or SignUp button. I want to go to another page and i dont know how. Please help

    • @MaYBeItZRaZa
      @MaYBeItZRaZa 20 днів тому

      In form we use action attribute to move next page after submitting values

  • @danassssssss
    @danassssssss 3 місяці тому

    Hi there, i have probleme here if anybody has any idea i would very happy. I have issue with my project. On my computer the positions are super everything works properly but if i go on any other computer with the same browser same resolution even same model of computer the layout will look different. I have made this app only for offline use css html js has applyed.

    • @Yaminoojo
      @Yaminoojo 2 місяці тому

      Try learning about responsive design concepts ( media quarries) and search on bootstrap or tailwind

  • @ShaneOnchiri
    @ShaneOnchiri 2 місяці тому

    My Code is not working....it's not showing the error messages,,,someone help out

  • @hydrogoalpicker1542
    @hydrogoalpicker1542 5 місяців тому

    👌👌👌👌💗

  • @Anas-cg1cs
    @Anas-cg1cs 5 місяців тому

    can you do a full course on css.....

  • @reanwithkimleng
    @reanwithkimleng 4 місяці тому

    😊❤❤❤❤❤

  • @crickethub1100
    @crickethub1100 5 місяців тому

    I am beginer but honestly i didn't understand the css code its look difficult for me

  • @alexander499zero
    @alexander499zero 5 місяців тому

    No boo-boo

  • @danassssssss
    @danassssssss 3 місяці тому

    Hi there, i have probleme here if anybody has any idea i would very happy. I have issue with my project. On my computer the positions are super everything works properly but if i go on any other computer with the same browser same resolution even same model of computer the layout will look different. I have made this app only for offline use css html js has applyed.