GuitarPedia - Sua Enciclopédia Virtual Sobre Guitarras
Esse foi o meu projeto de conclusão do curso HTML Web Developer. Segue abaixo mais detalhes.
🎯 Objetivo
Criar um clone do Wikipedia escolhendo um tema. O projeto visa a aplicação de todos os conhecimentos adquiridos no curso, com carga horária de 21 horas.
🔥 Desafios
Aplicar também o conhecimento de CSS aprendido, estruturar o HTML com as melhores práticas de semântica e acessibilidade.
✔️ Minha escolha
Como um amante da música e músico amador a mais de 15 anos, escolhi o tema guitarra. Até o momento, a página aborda sobre o termo, a origem e sua variações. Apresenta a família desse instrumento e a sua anatomia.
🆙 Minha experência sobre o projeto
Estudando a fundo a linguagem de hipertexto, foi muito satisfatório ver como que, com pouco conhecimento, é possível entregar bons resultados. Um ponto importante é o fator busca: é imprescindível para alcançar melhores resultados. Os textos, imagens, figuras, layouts, design, tudo requer muita busca, pesquisa e revisão. Isso se torna um loop (rsss).
A escolha certa da tecnologia e o conhecimento técnico não são suficientes, muitas competências além dessas devem ser postas em prática.
🔍 Semântica e acessibilidade
Utilizado duas extensões do Google Chrome para depurar a estrutura HTML. São elas:
- HTML5 Outliner: gera um delineador navegável com todos os elementos usados. Ótimo para conferir a semântica.
- WAVE: ferramenta que avalia a acessibilidade do desenvolvimento web. Ela possui vários indicadores: de erros, de alertas, de estruturas, de ARIA entre outros.
NVDA (NonVisual Desktop Access)
Ainda para depurar a acessibilidade, foi utilizado o leitor de tela NVDA, aplicação criada por deficientes visuais. Depois de ter conhecido e usado essa ferramenta, julgo ser indispensável para uma acessibilidade assertiva.
🤝 Agradecimentos
Sou grato ao Tech Lead Diogo Mainardes por essa jornada de conhecimento e muita prática. Para quem deseja, indico demais se tornar aluno dele. Agradeço também DIO, pela a dedicação de elaborar um curso rico em conhecimento com instrutores de alto nível.
🌐 Deploy: https://feh-lipe-dev.github.io/guitarpedia/index.html
💾 Repositótio: https://github.com/Feh-Lipe-Dev/guitarpedia
