Projeto de Sprint: Mensagens Escondidas ?

Sobre ?

Projeto onde precisei desenvolver uma aplicação capaz de codificar e decodificar mensagens utilizando Cifra de César e Base64. Utilizando meus conhecimentos de HTML, CSS e JavaScript, com foco em manipulação de DOM, para conceber uma aplicação que estivesse de acordo com os requisitos abaixo:

  • Um campo de entrada textual, da mensagem que será codificada ou decodificada
  • Um campo de seleção, com as opções “cifra de césar” e “base64” com o seguinte comportamento: Com “cifra de césar” ativo na seleção, um novo campo deve surgir no formulário para que seja possível fornecer o incremento utilizado na cifra
  • Dois campos radiais (radio buttons) com os textos: “codificar” e “decodificar”
  • Um botão que, com “codificar” selecionado exibe o texto “Codificar Mensagem!” e com “decodificar” selecionado exibe “Decodificar Mensagem!”

imagem da tela dor formulário

Andamento do projeto ?

Badge

Softwares & Ferramentas utilizadas nesse projeto ?

  • HTML5
  • CSS3
  • JavaScript
  • Git

Habilidades Adquiridas ?

  • Indentação do código
  • Tags semânticas (HTML)
  • Classes (HTML)
  • Seletores e Combinadores (CSS)
  • Pseudo-classes (CSS)
  • Display Flex (CSS)
  • Backdrop-Filter (CSS)
  • Hue-rotate (CSS)
  • Funções (JS)
  • If, Else (JS)
  • For (JS)
  • DOM (JS)
  • Árvore DOM (JS)
  • Eventos DOM (JS)

Criado e desenvolvido por Ytallo Bruno.

           

GitHub

View Github