HomeНаука и техникаRelated VideosMore From: TechnicalCafe

Random Password Generator Tutorial (HTML, CSS, JavaScript)

14 ratings | 811 views
In this tutorial, we discuss how to create a basic random password generator using HTML, CSS, JavaScript, and a little bit of Bootstrap. Source Code: https://github.com/JamieMcGibbon/TechnicalCafe/tree/master/Misc%20Tutorials/Random%20Password%20Generator TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe Jamie's Twitter: http://Twitter.com/Jamiemcg
Html code for embedding videos on your blog
Text Comments (13)
ClaysingProductions (24 days ago)
Can u also make a video about how you can make settings for wich type of characters you can use?
ClaysingProductions (23 days ago)
+TechnicalCafe :)
TechnicalCafe (24 days ago)
That sounds like a great idea! It would be pretty cool to revise the random password generator so that users can choose how complex they'd like to make their passwords in terms of available characters. Maybe I'll do a second iteration of this video with those features at some point! I appreciate you watching and for taking the time to leave feedback!
Filipe Lins (1 month ago)
Hi there! I wonder how would you do to obligate the password to have at last one upper case, lower case and numbers. Because sometimes even with the complete values available (upper, lower, numbers) the password generated don't have one of those. Sometimes just upper and lower, sometimes just lower and numbers and so on. Of course the long the password length the higher is the probability to have at last one of each type of character.
TechnicalCafe (1 month ago)
​+Filipe Lins Your English seems great to me! And no problem - thank YOU for watching and for taking the time to comment. I certainly appreciate it! Please don't hesitate to reach out if you have any questions, comments, or suggestions! I'd be happy to try and help out where I can!
Filipe Lins (1 month ago)
+TechnicalCafe Thank you for the video and sorry for my english I have to practice more. I used Electron JS to develop this app. Worked just fine.
TechnicalCafe (1 month ago)
There are a few ways that you could do this (at least that I can think of): 1. You could create a checkbox that, when checked, would ensure some portion of the randomly generated password is uppercase and/or contains numbers (using a function or two). This may involve the addition of more logic, depending on what kind of checks you're running, though. 2. You could create a function that randomly capitalizes letters as they're added to the password string. Same for numbers. 3. You could do all of the checks (for upper/lowercase letters and numbers) after a password has been generated and if it doesn't meet the complexity requirements, you could regenerate the password until it does. If anyone has any other methods of doing this, please feel free to share! Thanks for watching and for taking the time to comment! I appreciate it!
Filipe Lins (1 month ago)
In my case I added checkboxes for the user to choice what kind of characters he wants. So he can select just A-Z and 0-9 or A-Z and a-z and 0-9 for instance.
movie blast (1 month ago)
Bro can you plz make this code for blogger
Muhammad Adnan (6 months ago)
Bro need help ???
TechnicalCafe (5 months ago)
My apologies for the delayed response - what sort of transition effect are you looking to have on your webpages (ex. parallax)? Please let me know if you'd still like some assistance with this and I'd be happy to try and help out where I can. You may want to look into doing a transition using some CSS/JavaScript, however it should be noted that transitioning between pages might have to be done before/after the actual page change using some CSS and JavaScript.
Muhammad Adnan (6 months ago)
Okay so I want to create page transition when jump into next page here is demo codes barbajs.org/demos.html codes is little bit tricky so I'm not clearly understand this please bro help. ...
TechnicalCafe (6 months ago)
I’m not quite sure I understand? In any case, thanks for watching.

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.