| 🇺🇸 English |
| 🇧🇷 Português |
Vídeo | Tecnologias | Sobre | Destaques | Clone | Contato
result-caculator.mp4
Caso o vídeo apresente algum erro, recarregue a página!
Acesse o projeto online AQUI
Assistir o vídeo acima e/ou acessar o projeto online ajudará na compreensão da explicação!
Para me aperfeiçoar mais na base do desenvolvimento Front-End, fiz esse projeto que se consiste numa Calculadora Web, desenvolvida utilizando o método eval() do Javascript como base.
Lapidei principalmente meus conhecimentos em Javascript e CSS.
- Utilizei CSS Grid Layout para posicionar as partes da calculadora;
- Utilizei CSS Transition para fazer as animações;
- Utilizei variáveis CSS para padronizar a paleta de cores;
- Criei dois temas de cores com a possibilidade de alternância entre eles via Javascript;
- Fiz o mapeamento de todas as teclas equivalentes e a animação de feedback ao teclar via Javascript;
Para clonar e executar este projeto em seu computador, você precisará apenas que o Git esteja previamente instalado.
Feito isso, no terminal:
# Clone esse repositório com:
> git clone https://github.com/Luk4x/projeto-calculadora.git
# Entre no repositório com:
> cd projeto-calculadora
# Execute o projeto com:
> start index.html # Para usuários de Windows
> open index.html # Para usuários de Linux/Mac
Vitrine.Dev 🪟
|
Lucas Maciel
|
