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.