Como fazer um GERADOR DE SENHA aleatória | HTML, CSS e JavaScript
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Olá, pessoal!
Neste vídeo, vou te mostrar como criar um gerador de senha com HTML, CSS e JavaScript. Ele gera senhas seguras e aleatórias com base nos parâmetros fornecidos pelo usuário, como comprimento da senha e caracteres especiais.
Vou te mostrar desde a estrutura básica do HTML até a funcionalidade dinâmica do JavaScript para gerar senhas com diferentes combinações de letras maiúsculas, minúsculas, números e caracteres especiais.
Também vou te mostrar alguns recursos do CSS, como variáveis, transições e FLEXBOX. Além disso, veremos como implementar um botão para copiar a senha gerada para a área de transferência.
Links usados no vídeo:
Ícones: fontawesome.com/
Repositório GitHub:
github.com/Larissakich/passwo...
Redes sociais:
LinkedIn: / larissakich
Instagram: @dev_em_dev
Tema do VSCode:
Omni Owl
Capítulos:
00:00 - Introdução
00:41 - Criação do projeto
01:22 - HTML
05:58 - CSS
16:04 - JavaScript - วิทยาศาสตร์และเทคโนโลยี
![[TH] G2 vs PRX | EDG vs FUT - VALORANT Champions 2024 DAY 4](http://i.ytimg.com/vi/Bkr_qM7dIaM/mqdefault.jpg)
![[ไฮไลต์] แบดมินตันชาย SHI Yu Qi (จีน) vs วิว กุลวุฒิ (ไทย) รอบ 8 คน | โอลิมปิก 2024](http://i.ytimg.com/vi/f7z7taforOM/mqdefault.jpg)
Muito bom, obrigado por compartilhar mais esse conhecimento! Que Deus continue te abençoando e que vc tenha muita sucesso em sua jornada!
aula top d+, muito talento guria
Sensacional. 👨🏾💻🚀
Top demais valeu 👏👏👏👍👍👍
Muito bom, estava a procura de um conteúdo com este assunto. Muito bom vídeo,o áudio e explicação também. Always grateful.❄️☕🌲
Muito muito obrigada 😊
@@larissakich Ok,por todo conteúdo de seu canal e seu empenho pessoal, Larissa.
Ótimo conteúdo Lari, continue assim!! 👏🏻🚀
Muito obrigada 😁
Ótimo conteúdo, aprendi bastante
Muito obrigada! 😊
section, acticle e div são a mesma coisa? no lugar das div poderia ser section ou article?
explica como você faz esse link para visualizar o projeto dentro do github
oi larissa, notei que no console.log quando você colocou para pedir 4 caracteres minimos ele gerou aleatoriamente sem obdecer o requisito marcado, se vc marcou as 4 opções e pediu um minimo de 4 caractere era para ele dar ao menos 1 de cada e nao foi isso que aconteceu nos minutos 37:40 em diante, aonde ele gerou 4 caractere aleatorio porem alguns foram gerados sem caracteres especiais mesmo vc tendo marcado a caixa, tem uma forma de colocar essa regra no codigo ?
Oii, muito obrigada por avisar, realmente não tinha reparado nesse erro, irei procurar o solução e atualizar no GitHub com esse ajuste
Na verdade, isso aconteceu logo no início do vídeo. Pensei que foi um erro isolado.
Atualizei o código e fiz o upload para o GitHub. Você pode dar uma olhada para ver se está tudo funcionando corretamente. Se perceber mais algum problema, por favor, me avise para que eu possa corrigir. Obrigado mais uma vez por ter me alertado!🙃
eu que agradeço
@@larissakich
Cria um servidor no Discord.
Moça, eu sou iniciante
Vai um pouco mais devagar, pelo amor de Deus