Como fazer um GERADOR DE SENHA aleatória | HTML, CSS e JavaScript

preview_player
Показать описание
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:

Repositório GitHub:

Redes sociais:
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
Рекомендации по теме
Комментарии
Автор

Muito bom, obrigado por compartilhar mais esse conhecimento! Que Deus continue te abençoando e que vc tenha muita sucesso em sua jornada!

Share
Автор

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.❄️☕🌲

aquaparalelodigital
Автор

Ótimo conteúdo Lari, continue assim!! 👏🏻🚀

viictorpadua
Автор

explica como você faz esse link para visualizar o projeto dentro do github

victorpego
Автор

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 ?

luanoliveira
Автор

Moça, eu sou iniciante
Vai um pouco mais devagar, pelo amor de Deus

felipealves