Skip to content

Latest commit

 

History

History
67 lines (42 loc) · 3.68 KB

File metadata and controls

67 lines (42 loc) · 3.68 KB

Projeto Decodificador

Decodificador Desktop

Decodificador Tablet

Decodificador Mobile

Menu

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

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: Netlify Status