How To Build A JavaScript Password Strength Meter With Regex

🚨 IMPORTANT:
1 Year Free Hosting: www.atlantic.n...
Use code KYLE for an additional $50
In this video I am going to build a password strength tester in JavaScript which heavily utilizes Regex to make checking password security much easier. I am going to show you a bunch of really cool Regex tricks and clean coding tips which will make working with Regex in JavaScript much easier.
📚 Materials/References:
GitHub Code: github.com/Web...
CodePen Code: codepen.io/Web...
Pseudo Element Tutorial: • Learn CSS Pseudo Eleme...
Regex Tutorial: • Learn Regular Expressi...
🧠 Concepts Covered:
- How to use Regex in JavaScript
- How to create a progress bar
- The best way to structure functions for clean code
🌎 Find Me Here:
My Blog: blog.webdevsim...
My Courses: courses.webdev...
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/Web...
CodePen: codepen.io/Web...
#Regex #WDS #JavaScript

[@jthomasaurus]

One specific thing I love about WDS is that you explain each thing you do, regardless of what it is. Working on regex? STILL get the refresher of shortcutting a boiler plate, setting devs, etc. These little bits that are repeated all the time, eventually become second nature, so I really appreciate how you run through every step, regardless of skill level or what the video is based on.

[@iUmerFarooq]

I'm waiting for a fully advanced validation Form Tutorial using vanilla JS.
Thank for this awesome Tutorial.

[@suryapratapsingh5149]

Hi Kyle, please publish frontend advance level interview questions. And we need more tutorials on react js

[@RVAraghav]

Awesome. Thank you Kyle. Need more of these javascript projects.

[@shubhammishra5978]

Absolutely loved this coding session. About halfway through the video, he had orchestrated an architecture that was intuitive and easy to follow. Code looks clean and modularized and is a feast to the eyes of a new person who might pick up on your code.

[@phantom7132]

RegEx, everyones best friend when it comes to readability ^^

[@pcg4mer427]

this channel is so underrated so much underrated. kyle teaching is so underrated so underrated

[@dimimav4418]

That was a really nice video. Loved the simplicity with which you explained things. Keep up the good work Kyle!

[@tinchovm85]

Please continue this great job.

[@mounir101]

You and the video are great!
.webdevsimplified {
content: 'top'
opacity: 1;
background: cover;
z-index: 999999999;
}
Thank you so much.

[@botdamian5688]

.webdevsimplified{
position: fixed;
background: #000;
z-index: 9999;
top:0; bottom: 0; left: 0; right:0;
color: #fff;
}

[@mounir101]

MounirPs:last-child {
display: block;
}

[@informationgiant7697]

I would be much more delighted if you kindly post "how to filter" using vanilla Js.
Thank you so much by chance :)

[@johnnydev8014]

Awesome videos! I love your coding style, super clean. :)
Would love a video or two about deployment and production. Docker? Kubernetes? AWS?

[@sariksiddiqui6059]

Pros would use reduce instead of foreach(hint to another of his video)....just kidding .Awesome tutorial man.Would advise anyone to go through his whole playlist to essentially be a javascript master

[@francescofaccia]

you are a monster! i'm sure that if it was not for the purpose of explanation you would have finished in 5 minutes!!!

[@akshaykashid6910]

Hello You are doing very great job man. Please make more videos on JavaScript. Love from India 🇮🇳

[@anelemanaka5984]

Super helpful! Helped me a lot with my assignment

[@ejay]

enjoyed every second of this

[@coordinates_]

Doing all these in React is like an ice cream

[@alexzin1]

dang didnt know about this var on css thing thanks ive learned so much

[@phire4694]

Awesome work Kyle!

[@huthayfa1723]

I would love if you could make a video on deploying Nodejs server on atlantict.net or any other hosting other than heroku. heroku is very easy but making us depending on it and its so expensive to scale.

[@smsibasish]

Hope your channel get more subscribers.

[@yadneshkhode3091]

Thank you sir appreciate it ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️ love from India

[@Lama-Code]

Awesome Video . Thank you bro

[@abhishekbhadwal4464]

thanks kyle...💛

[@bobdaniels3692]

You have great tutorials. Do you need a channel manager to help with your SEO and general tasks for your yt channel?

[@marckhycs319]

Awesome👍 Another great video😁

[@WebDevSimplified]

Thanks

[@PP-po3ri]

I love you WDS

[@Knards]

Excellent!

[@henryshen5445]

Why is it using arrow function won't work? For example: const lengthWeakness=(password)=> {, but function lengthWeakness(){ will ?

[@MusicalGeniusBar]

I kept on getting an error by deduction . I couldn't continue after that but until then it was great

[@Suspense1376]

Hey great tutorial as always! I was wondering though about the webpage address that shows when you do your live preview in the browser. It shows what looks like an IP address but I guess not specified to you. Is this safe for you to show in a video? And am I correct in assuming that this isn’t your personal address? Thank you!

[@leo848]

Suspense1376 It's the Port from localhost that is generated by Live Server.

[@Suspense1376]

TECHtutorials thanks for clearing that up for me. That makes sense!

[@swarshah6882]

Awesome tutorial! Question though, when you pass in the (password) parameter into your functions in js, where does that come from?

[@kaushikgauns2417]

it is input value

[@ilyes2190]

There is Bug when you refresh for exemple if you type anything and refresh and delete in consloe java will add object in the console

[@angelosyt5820]

Me trying to code this from phone since Im on vacation and have no laptop:
SLOW DOWN SLOW DOOOOOWN!!!

[@augischadiegils.5109]

Nice :)

[@yt-sh]

Awesome app

[@md.tohidulislam3012]

Awsome

[@NaveenKumar-td4hw]

Awesome

[@JassonCordones]

XKCD 936 👀

[@deansprivatearchive]

"in our place" in our case*** lmao

[@prabu2778]

Did college teaches you all of this sir?

[@botdamian5688]

Sorry but this video isn't up to your standards man.