Build A Password Generator With JavaScript – Tutorial




Learning web development can be tough and boring, but it doesn’t have to be. In this video we take a look at creating a simple JavaScript password generator with multiple generation options. This is a great project for anyone just getting started with JavaScript or anyone that wants to create a fun project because it is simple to create, but teaches really good clean code habits and best practices.

๐Ÿ“š Materials/References:

GitHub Code: https://github.com/WebDevSimplified/JavaScript-Password-Generator
Flexbox Tutorial: https://youtu.be/fYq5PXgSsbE
CSS Grid Tutorial: https://youtu.be/9zBsdzdE4sM

๐Ÿง  Concepts Covered:

– How to use flexbox to center elements
– Using CSS grid to create layouts
– How to use charcodes
– How to bind click and input events in JavaScript

๐ŸŒŽ Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

#PasswordGenerator #WDS #JavaScript

Original source


21 responses to “Build A Password Generator With JavaScript – Tutorial”

  1. Yo @Web Dev Simplified At 4:50, when you want to edit includeNumbers 3 times to includeSymbols, a great way to do it in vscode is to select 'Numbers' and press ctrl/cmd+d 2 times, which selects all 3 instances at once for a single edit ๐Ÿ™‚ Nice video btw.

  2. Its a clean implementation. However it has a potential bug.
    Lets say a user wants a password of length 6 and also considers uppercase, numbers, characters. It is quite possible (statistically) that password may exclude one among the user choices.
    Hence violating the requirements.

    I would suggest an implementation where first build the password sequentially with an even distribution of characters and numbers.
    After that shuffle the password and return it. In that way, it guarantees that the user choices are fulfilled..

    Hope that helps.

  3. I love all of this vanilla JavaScript content that you are producing. Everyone nowadays is so caught up in all of the glamorous frameworks. Although I am a huge fan of react and vue , it is important to know the basics and fundamentals.

Leave a Reply