Video Description

This HTML, CSS and JavaScript practical project for beginners will teach you how to create a functioning form validation on the front-end for your Login and Signup page. Check if the password is longer than 8 characters, Firstname, Email and password are required and many more conditions for your own signup form. Learn how to create a responsive login form with modern hover effects and focus styles that work both on desktop and mobile devices. Become a Member to Support our Channel: 👉 https://www.youtube.com/channel/UCGpoeEhUBQBaaKZ_a8HB67Q/join *Check out our website for the source code*: 👉 https://www.coding2go.com * Get our HTML Udemy Course*: 👉 https://www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC *Host your own website with Hostinger*: 👉 https://www.hostinger.com/coding2go Use our code CODING2GO to get a 10% discount *Material and Downloads* background: https://www.pexels.com/photo/purple-abstract-illustration-3109850/ Person Icon: https://fonts.google.com/icons?selected=Material+Symbols+Outlined:person:FILL@1;wght@400;GRAD@0;opsz@24&icon.query=person&icon.size=24 Lock Icon: https://fonts.google.com/icons?selected=Material+Symbols+Outlined:lock:FILL@1;wght@400;GRAD@0;opsz@24&icon.query=lock&icon.size=24&icon.color=%23e8eaed Get the source code on our website: https://coding2go.com *What You'll Learn*: Create a signup and login form in html. Implement a firstname input, an email input, password input and repeat password input. Learn about input types such as text, email, password How to show a placeholder in an input How to show a hint for a text field in HTML How to prevent the submit event in a form How to use preventDefault How to create a HTML, CSS and JavaScript login and signup form Create a responsive login and signup form Modern form design css Make a login form responsive with css how to use media queries in css hover transitions for input elements How to use Google Material Icons from Google Fonts How to add icons to your html code How to import a Google Font Use only free to use images from pexels How to use event Listeners in JavaScript use addEventListener on a form javascript form submit event prevent form submit event in javascript Create form validation in javascript validate a login form in javascript javascript validate a sign up form javascript validate a registration form html, css, javascript user registration form Create an Account website javascript Key Points: Create a Signup and Login form with HTML, CSS and JavaScript Add Icons to your signup and login form Style the website with CSS and make the form responsive add form validation with javascript create if conditions to check password security check form input with javascript prevent html form from submitting when errors occur javascript Practical Project: Create a modern Login and responsive Signup form design with HTML, CSS and JavaScript Topics and tags: HTML tutorial, CSS tutorial, CSS JavaScript Tutorial, Login and Signup, Login and Registration, JavaScript Form Validation, Validate Form, Check if input is correct, password security checks with javascript, javascript login, javascript sign up, responsive web design, responsive login page, media queries, css flexbox form, css flexbox input, css flexbox label, login with icon design, modern css login design, css form design, beginner Tutorial, HTML, CSS, JavaScript for beginners, Beginner Course, JavaScript practical project, Login Project JavaScript, Coding2GO JavaScript project, coding2go javascript tutorial for beginners, beginner friendly *Background Music* Track: "Scared Of The Glizzy" Music provided by https://Slip.stream Free Download/Stream: https://get.slip.stream/xPJ3rV Track: "Little Things" Music provided by https://Slip.stream Free Download/Stream: https://get.slip.stream/QmMj1I Track: "One More Night" Música fornecida por https://Slip.stream Download grátis/Stream: https://get.slip.stream/8j1Eo5