Introdução
Neste projeto passo a passo, criaremos uma aplicação web moderna e visualmente atraente de divisão de despesas (Expense Splitter) usando HTML, CSS e JavaScript. Esta aplicação permitirá que você divida despesas entre um grupo de pessoas e calcule quem deve o quê a quem. Começaremos do zero e cobriremos cada etapa para construir o projeto progressivamente.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como criar um layout de página web responsivo usando HTML e CSS
- Como implementar funcionalidades interativas com JavaScript para calcular despesas e saldos
- Como estilizar a página web para ter um design moderno e visualmente atraente
- Como lidar com as entradas do usuário para adicionar despesas e exibir resultados dinamicamente
- Como implementar tratamento de erros para garantir a precisão dos dados e evitar problemas
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Criar arquivos de projeto e configurar a estrutura básica para uma aplicação web
- Construir a estrutura HTML para um aplicativo de divisão de despesas (Expense Splitter), incluindo campos de entrada e espaços reservados
- Estilizar uma aplicação web usando CSS para obter um design moderno e colorido
- Implementar a funcionalidade JavaScript para lidar com a adição de despesas, atualização da lista de despesas e cálculo do resumo das despesas
- Adicionar ouvintes de eventos (event listeners) para tornar o aplicativo interativo
- Criar funções em JavaScript para realizar tarefas específicas, como adicionar despesas e atualizar o resumo
