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