Projeto Decodificador

Decodificador Desktop

Decodificador Tablet

Decodificador Mobile

Menu

• Projeto Decodificador
  • Menu
    • Apresentação
    • Objetivo
    • Deploy
    • Funcionalidades
    • Tecnologias utilizadas
    • O que aprendeu
      • CSS
      • JS
    • Status

Apresentação

Este é um projeto desenvolvido como parte do desafio proposto pelo curso Alura Latam Oracle, com o objetivo de criar um decodificador que possa criptografar e descriptografar mensagens.

Objetivo

Aplicar tecnologias bases da web: HTML5, CSS3 e JavaScript. De forma a explorar novas funcionalidades dentro das techs. saiba mais em: O que aprendeu

Deploy

• Link : Decodificador

Funcionalidades

• Criptografar mensagens com base em um algoritmo pré-definido.
• Descriptografar mensagens previamente criptografadas.
• Copiar mensagens criptografadas ou descriptografadas para a área de transferência.

Tecnologias

O que aprendeu

CSS

• Eu aprendi bastante sobre CSS e responsividade ao trabalhar neste projeto. Na pasta "styles", eu criei arquivos específicos para diferentes tipos de dispositivos, incluindo desktop, tablet e celular. Aprendi a usar as media queries para adaptar o layout da página de acordo com o tamanho da tela. Também adicionei regras de estilo para garantir que o conteúdo seja exibido corretamente em dispositivos com tamanhos de tela menores.

• Ao trabalhar com responsividade, aprendi a importância de testar meu site em diferentes dispositivos e tamanhos de tela. Isso me ajudou a entender como os diferentes elementos se comportam em diferentes tamanhos de tela e a fazer ajustes para garantir que o conteúdo seja exibido corretamente em todos os dispositivos.

• No geral, trabalhar neste projeto me deu a oportunidade de aprimorar minhas habilidades em CSS e responsividade e me ajudou a entender a importância de criar um site que funcione bem em diferentes dispositivos.

JS

• Ao trabalhar no arquivo script.js deste projeto, aprendi bastante sobre como manipular o DOM e as funcionalidades básicas do JavaScript, como lidar com eventos, selecionar elementos HTML e alterar o conteúdo deles dinamicamente.

• Com a ajuda de recursos como o querySelector e o addEventListener, consegui criar funcionalidades para o botão de codificar e decodificar as mensagens, além de adicionar comportamentos específicos para diferentes tipos de tela, garantindo a responsividade da página.

• Também aprendi a utilizar recursos do JavaScript para criar um hash de criptografia e descriptografia, utilizando a lógica de substituição de caracteres baseada em tabelas de correspondência. Com isso, foi possível implementar a funcionalidade de codificar e decodificar as mensagens de maneira segura e eficiente.

Status

• Concluido: