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

Подписаться 20 тыс.

Просмотров 2,2 тыс.

50% 1

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

Наука

Опубликовано:

28 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 20

@mayconrocha8723 Месяц назад

Sensacional. 👨🏾‍💻🚀

@pauloedson9698 Месяц назад

Top demais valeu 👏👏👏👍👍👍

@bernardosilva3902 2 месяца назад

aula top d+, muito talento guria

@Share408 3 месяца назад

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

@user-fs5sg6px8v 18 дней назад

section, acticle e div são a mesma coisa? no lugar das div poderia ser section ou article?

@aquaparalelodigital 3 месяца назад

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

@larissakich 3 месяца назад

Muito muito obrigada 😊

@aquaparalelodigital 3 месяца назад

@@larissakich Ok,por todo conteúdo de seu canal e seu empenho pessoal, Larissa.

@spacewizard97 3 месяца назад

Ótimo conteúdo, aprendi bastante

@larissakich 3 месяца назад

Muito obrigada! 😊

@viictorpadua 3 месяца назад

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

@larissakich 3 месяца назад

Muito obrigada 😁

@luanoliveira804 3 месяца назад

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 ?

@larissakich 3 месяца назад

Oii, muito obrigada por avisar, realmente não tinha reparado nesse erro, irei procurar o solução e atualizar no GitHub com esse ajuste

@WellingtonCoutto 3 месяца назад

Na verdade, isso aconteceu logo no início do vídeo. Pensei que foi um erro isolado.

@larissakich 3 месяца назад

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!🙃

@luanoliveira804 3 месяца назад

eu que agradeço @@larissakich