/calculadora-gorjetas

A Calculadora de Gorjetas é o projeto prático do Minicurso Start na Programação da OneBitCode

Primary LanguageHTML

📋 Apresentação

Olá a todos,

Apresento o projeto de uma calculadora de gorjetas, desenvolvida com HTML, CSS e JavaScript. Este projeto foi elaborado com base em três aulas incríveis da OneBitCode, que proporcionaram uma imersão rápida, porém intensa, no mundo do desenvolvimento web.

O que aprendemos nas aulas:

1. HTML (HyperText Markup Language):

  • Estruturação da página: Aprendemos a criar uma estrutura sólida para a nossa aplicação utilizando as tags HTML de forma organizada.

  • Formulários: Entendemos como criar formulários para interagir com o usuário, neste caso, para inserir o valor da conta e a porcentagem da gorjeta desejada.

2. CSS (Cascading Style Sheets):

  • Estilização: Descobrimos a importância de uma estilização eficiente para tornar a interface da nossa calculadora mais atraente e amigável.

  • Layout responsivo: Aprendemos a tornar nossa aplicação adaptável a diferentes dispositivos, garantindo uma experiência consistente para todos os usuários.

3. JavaScript:

  • Manipulação do DOM: Utilizamos o JavaScript para interagir dinamicamente com o Document Object Model (DOM), permitindo atualizações instantâneas na página sem a necessidade de recarregamento.

  • Cálculos automáticos: Implementamos a lógica para calcular automaticamente a gorjeta com base no valor da conta e na porcentagem escolhida pelo usuário.

Características do Projeto:

  • Interface Amigável: Criamos uma interface intuitiva e fácil de usar, com uma paleta de cores agradável e elementos bem posicionados para melhor usabilidade.

  • Responsividade: Garantimos que a calculadora seja acessível em dispositivos móveis, tablets e desktops, proporcionando uma experiência consistente em diferentes telas.

  • Código Limpo e Estruturado: Seguimos as melhores práticas de codificação, tornando o código fácil de entender, manter e escalar.

🎨 Layout

Captura de Tela (25)

🛠️ Tecnologias

Static Badge Static Badge Static Badge