Password Generator App (HTML, TailwindCSS, and JavaScript)

preview_player
Показать описание
Generating strong passwords is important to security on the internet. But in this case, it’s just a great opportunity to play around with JavaScript. In this video, we’ll use ParcelJS, Tailwind CSS, and an npm package called Check Password Strength to write a custom password generator app. Have your own suggested improvements? Make a pull request on the community-improvements branch or leave a comment!

🔗 Key Links 🔗

---------------------------------------

🔗 Additional Links 🔗

---------------------------------------

📹 Related/Mentioned Videos 📹

---------------------------------------

⏲️Timestamps ⏲️
0:00 Introduction
1:29 Dev environment setup
5:59 HTML + Tailwind
16:30 JavaScript

---------------------------------------

🌐 Connect With Me 🌐
  1. Coding in Public
  2. tailwindcss
  3. parceljs
Рекомендации по теме
Password Generator App 0:47:26

Password Generator App (HTML, TailwindCSS, and JavaScript)

Password Generator App 0:27:36

Password Generator App Using HTML Tailwind CSS & JS + Free Source Code

🚀🔥Build a Cool 0:02:35

🚀🔥Build a Cool Password Generator with React & TailwindCSS 🔐 (Copy Feature + Animations)...

Design a Password 0:37:38

Design a Password Generator App using Tailwind CSS

Simple Random Password 0:22:48

Simple Random Password Generator app with Vue js & Tailwind CSS

ASMR Programming - 0:24:21

ASMR Programming - Random Password Generator using HTML, TailwindCSS & JavaScript - No Talking.

Password Generator using 0:00:30

Password Generator using React Js | JavaScript | Tailwind

Day 2 | 0:06:14

Day 2 | Hacking Password Generator (Nextjs 15 + Tailwindcss) | Beginner Project

Build a Random 1:01:31

Build a Random Password Generator App Using React Js | Web Development

Build a random 0:41:19

Build a random password generator with react typescript and tailwind css

ChatGPT FAILS to 0:00:42

ChatGPT FAILS to write a BASIC Password Generator with React and Tailwind CSS #shorts

Create a password 0:14:20

Create a password generator app Javascript

RANDOM PASSWORD GENERATOR 0:06:37

RANDOM PASSWORD GENERATOR using Astro JS, Preact, and Tailwind CSS

Password Generator using 0:00:12

Password Generator using Javascript

Building a Password 0:56:43

Building a Password Generator App with React, Tailwind CSS, and ShadCN UI | Tutorial in Hindi

React Password Generator 0:46:14

React Password Generator App | Beginner Project

How To Generate 0:59:11

How To Generate a Random Password Using ReactJs| Password Generator ReactJs Project

Create Your Own 1:02:13

Create Your Own Password Generator Using Javascript - #66

Password Generator App 0:49:20

Password Generator App | JS Project For Beginners

Can ChatGPT create 0:01:00

Can ChatGPT create a working javascript password generator?

🔴 🚀 Live 4:17:49

🔴 🚀 Live - Create Password Generator App With Next.Js, Tailwindcss, TypeScript & more 🔥

Password Generator #javascript 0:00:21

Password Generator #javascript

🔐 Dynamic Password 0:05:03

🔐 Dynamic Password Generator | React Project | @Web2Code

Random password generator 1:03:40

Random password generator mini project using html css javascript | EP - 74 | @Mr.Usamabaloch

Комментарии
Автор

Hi Chris, an excellent little project as usual, but I think the capitalization of the characters could be improved.

The way you implemented it, you use the array index to uppercase only the odd elements of the characters array, so the characters "b", "d", "f", ... will be capitalized every time and the even elements ("a", "c", "e", ...) will always be lowercase.

I think it's best to use a different random number and check if it's even or odd, to decide when to capitalize the character, to increase the entropy of the generated password.

thanoskoutr
Автор

Amazing tutorial as always!
Thank you for using tailwind CSS, as I was learning it myself. It's gonna be helpful.
And I'm glad you've started using the italic version of cascadia code now. I'm in love with this font. 😂

capt.potatohead
Автор

Amazing tutorial . I will follow your tutorial to do it myself, if there is something I don't understand, I will ask you for help. thank you make such a amazing video..

makechinafreedom
Автор

Hi Cris, amazing unique video as always. I have a question "How to minify JavaScript file and remove comments in it?". Do you know any tool or packages does that. Thanks! :)

neontuts
Автор

(Coming from your GulpJS video) Please tell us `gulp-terser` vs `gulp-terser-js`

nitin
join shbcf.ru