Este repositório contém um pequeno projeto que consiste no registro e consulta de despesas pessoais. As tecnologias aplicadas neste projeto foram HTML, CSS, Bootstrap 4 e JavaScript. A seguir, vou destacar algumas das principais habilidades adquiridas neste projeto, levando em consideração as páginas "página principal" e "página consulta" da aplicação "App Orçamento Pessoal".
A página principal é responsável pelo cadastro de novas despesas. Ela apresenta um formulário onde o usuário pode inserir informações sobre sua despesa, como o ano, mês, dia, tipo, descrição e valor. Após preencher os campos, o usuário pode clicar no botão "Cadastrar" para registrar a despesa. Além disso, há um modal que fornece feedback ao usuário sobre o sucesso do cadastro.
1- Desenvolvimento Frontend: A criação da interface da página principal me permitiu aprimorar minhas habilidades de desenvolvimento frontend, incluindo HTML, CSS e Bootstrap para criar formulários e modais interativos.
2- JavaScript: O código da página principal utiliza JavaScript para interações com o usuário, como a captura de dados do formulário e a exibição de feedback no modal.
3- Interação com o DOM: A manipulação do Document Object Model (DOM) foi necessária para obter dados do formulário e exibir informações no modal.
4- Validação de Dados: Implementei a validação de dados do usuário, como garantir que os campos obrigatórios sejam preenchidos.
5- Integração de Frameworks Externos: O uso do Bootstrap para criar a interface gráfica demonstra minha capacidade de integrar frameworks externos em um projeto.
A página de consulta é destinada a pesquisar e visualizar despesas registradas. Ela permite que o usuário filtre despesas por ano, mês, dia, tipo, descrição e valor. Os resultados da consulta são exibidos em uma tabela e oferecem opções para editar e excluir despesas selecionadas. Além disso, também possui um modal para feedback ao usuário.
1- Consulta de Dados: Desenvolvi a funcionalidade de consulta de dados, que envolve a filtragem e exibição de despesas com base em critérios selecionados pelo usuário.
2- Manipulação de Tabelas: A página de consulta me proporcionou experiência na criação e manipulação de tabelas HTML para apresentar os resultados da consulta.
3- JavaScript Avançado: Para implementar recursos como edição e exclusão de despesas, utilizei JavaScript avançado, incluindo eventos de clique e manipulação do DOM.
4- Melhoria da Experiência do Usuário: A integração de botões para editar e excluir despesas melhorou a experiência do usuário na página de consulta.
5- Feedback Visual: O uso do modal para fornecer feedback visual ao usuário após ações como exclusão ou edição de despesas demonstra minha habilidade de comunicação com o usuário.
-
Estruturas de Dados: O código envolveu o uso de diversas estruturas de dados, como listas, dicionários, arrays, etc. Aprendi como manipular essas estruturas de forma eficaz.
-
Algoritmos: Desenvolvi e implementei algoritmos para resolver problemas específicos relacionados ao projeto. Isso melhorou minha capacidade de projetar soluções eficientes.
-
Depuração: Enfrentei desafios de depuração ao longo do projeto e aprendi a identificar e corrigir erros no código.
-
Controle de Versão: Trabalhei com controle de versão usando Git, o que me ajudou a gerenciar eficazmente as alterações no código.
-
Boas Práticas de Codificação: Através deste projeto, aprimorei minhas habilidades em seguir boas práticas de codificação, como nomes de variáveis significativos, comentários, formatação apropriada, etc.
-
Resolução de Problemas: O projeto me desafiou a resolver problemas complexos e aprimorar minha capacidade de resolução de problemas.
A execução deste código me proporcionou uma valiosa oportunidade de aprimorar minhas habilidades de desenvolvimento frontend, JavaScript e interação com o DOM. Além disso, aprendi a criar interfaces de usuário interativas e a implementar recursos avançados, como a consulta de dados e a edição de registros. Estou satisfeito com o resultado e ansioso para aplicar o que aprendi em futuros projetos.