De modo simplificado, pode-se inserir uma mensagem e criptografá-la para copiar e compartilhar com alguém, assim como inserir uma mensagem criptografada e desencriptar para ler.
⭐ Requisitos
⭐ Visualizações
⭐ Tecnologias/Conteúdo aplicado
⭐ Referências
- Deve funcionar apenas com letras minúsculas;
- Não devem ser utilizados letras com acentos nem caracteres especiais;
- Deve ser possível converter uma palavra para a versão criptografada e também retornar uma palavra criptografada para a versão original;
- A página deve ter campos para inserção do texto a ser criptografado ou descriptografado, e a pessoa usuária deve poder escolher entre as duas opções;
- O resultado deve ser exibido na tela.
Note
Alguns dos temas exercitados na prática deste projeto.
Tecnologia | Conteúdo |
---|---|
HTML5 | Estrutura básica HTML5; Elementos Semânticos; Utilizar Classes e IDs em elementos; Padronização de nomeação de Classes; Input tipo textarea ; Vincular arquivos CSS e JS externos |
CSS3 | Seletores universais, de tag, classes, id; Importar e utilizar fontes personalizadas; Criar e utilizar variáveis customizadas; Unidades de medidas px, %, rem; Display: flex; Responsividade com Medias Queries; |
JavaScript | Criar e utilizar variáveis; Acessar/manipular elementos do documento HTML; Funções com e sem parâmetros e sem retorno; Monitorador de eventos de click (eventListener); Manipular inputs do usuário; Estruturas de decisão e de repetição; Adicionar/remover classes dinamicamente; Métodos lowerCase, includes, replaceAll; Matriz; Copiar para o clipboard com Web API: Clipboard API |
Git | Inicializar repositório git; Adicionar arquivos para gravar histórico; Salvar no histórico com commits; Conectar com um repositório remoto; Enviar mudanças para repositório remoto; Verificar histórico de commits |
GitHub | Criar um repositório público; Adicionar um repositório local ao repositório público; Criar README.md; Utilizar o GitHub Pages para públicar o site |
- Ilustrações e logo fornecidos por Alura;
- Style Guide fornecido por Alura;
- Mockup disponibilizado para edição por: @sevcanbarut