Fue ideado para colocar en práctica los conocimientos que se van adquiriendo mientras se realizan los cursos de la ruta de aprendizaje.
- HTML5
- CSS3
- JavaScript
- Responsive: Mobile First
Las "llaves" de encriptación que se utilizarán son las siguientes:
La letra "e" es convertida para "enter" La letra "i" es convertida para "imes" La letra "a" es convertida para "ai" La letra "o" es convertida para "ober" La letra "u" es convertida para "ufat"
- Debe funcionar solo con letras minúsculas.
- No deben ser utilizados letras con acentos ni caracteres especiales.
- Debe ser posible convertir una palabra para la versión encriptada también devolver una palabra encriptada para su versión original.
Por ejemplo: "gato" => "gaitober" gaitober" => "gato"
La página debe tener campos para inserción del texto que será encriptado o desencriptado, y el usuario debe poder escoger entre las dos opciones. El resultado debe ser mostrado en la pantalla.
- Un botón que copie el texto encriptado/desencriptado para la sección de transferencia, o sea que tenga la misma funcionalidad del ctrl+C o de la opción "copiar" del menú de las aplicaciones.
En esta ocasión, se trató de modelar de la forma más exacta posible a la plantilla propuesta por el equipo de Alura, para poder practicar y simular un ambiente de trabajo en el que se trata de imitar un modelo con colores, imagenes y medidas otorgadas.
Responsive Design y Ejemplo de uso