Login Validation & Authentication, Javascript Tutorial
In this video, we will create a form validator for a simple login page using HTML, SASS, and Vanilla JavaScript. Basically, we use JS to create classes that will validate the login variables based on our needs then we will store information in the browser for authentication.
I do not use Bootstrap, jQuery, or any other frameworks. This method can be used on local browsers, web apps, and even on your server since it is all front-end code.
00:00 Intro
01:45 Setup Folder Structure
02:45 Create Login Page
07:53 Create Login Script
28:06 Styling Our Form and Pages
29:22 Setup Authentication
31:04 Create Authenticated Page
33:01 Create Auth Script
View the source code: https://github.com/thedevdrawer/js-login
Vanilla JS Form Validation and Authentication (Part 1): this video
Convert Data from MYSQL to JSON (Part 2): • Create JSON Using PHP and MySQL, A Simple API
JS Fetch with PHP RESTful API (Part 3): • Create JSON Using PHP and MySQL, A Simple API
⭐ Join the Discord: / discord
⭐ Become a Patreon to show support and get exclusive access to content: / devdrawer
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Subscribe: https://bit.ly/2Wbsnj9
`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Join us on our blog for video recaps and other tutorials: https://thedevdrawer.com
Become a fan on Twitter: / thedevdrawer
Applications Used
Visual Studio Code v1.43: https://code.visualstudio.com/
#vanillajs #authentication #validation #development #code #programming #webdesign
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
View Project on GitHub: https://github.com/thedevdrawer
Sur cette page du site, vous pouvez voir la vidéo en ligne Login Validation & Authentication, Javascript Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Dev Drawer 01 janvier 1970, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 40,829 fois et il a aimé 557 téléspectateurs. Bon visionnage!
