Este projeto foi desenvolvido por Marcus Vinicius Fiuza Silva como uma demonstração técnica de domínio completo da linguagem HTML em sua forma pura, sem dependências externas como CSS ou JavaScript. O objetivo principal é mostrar a capacidade de criar uma estrutura web semântica, acessível e padronizada utilizando exclusivamente HTML.
A motivação para este projeto surgiu da necessidade de demonstrar proficiência técnica na base fundamental do desenvolvimento web: o HTML. Em um mundo onde frameworks e bibliotecas dominam o cenário, é essencial manter o domínio dos fundamentos. Este projeto serve como:
- Uma prova de conceito da capacidade expressiva do HTML puro
- Um guia de referência para elementos e estruturas HTML
- Uma demonstração de boas práticas de acessibilidade e semântica
- Um portfólio técnico que evidencia conhecimento profundo da linguagem de marcação
- Uso correto de elementos estruturais (header, nav, main, section, article, footer)
- Marcação semântica para diferentes tipos de conteúdo
- Hierarquia adequada de cabeçalhos (h1-h6)
- Textos alternativos em todas as imagens
- Rótulos associados a todos os campos de formulário
- Teclas de acesso (accesskey) para navegação
- Estrutura navegável por leitores de tela
- Atributos ARIA quando necessário
- Código validado pelo W3C
- Uso de elementos HTML5 modernos
- Estrutura de documento padronizada
- Metadados completos
O projeto é composto por cinco páginas HTML interconectadas:
| Página | Descrição | Elementos Principais |
|---|---|---|
| index.html | Página inicial com navegação e resumo | header, nav, main, section, table |
| sobre-html.html | Guia técnico completo de elementos HTML | article, code, pre, dl, figure |
| portfolio.html | Portfolio profissional de Marcus Fiuza | address, iframe, img, aside |
| contato.html | Formulário de contato funcional | form, fieldset, legend, label |
| README.md | Documentação do projeto | - |
O projeto inclui demonstrações práticas de:
- Elementos de texto: Parágrafos, cabeçalhos, citações, código, etc.
- Tabelas: Estrutura completa com caption, thead, tbody, tfoot
- Formulários: Diversos tipos de input, fieldset, select, textarea
- Listas: Ordenadas, não-ordenadas e de definição
- Elementos semânticos: Todos os elementos estruturais do HTML5
- Elementos de mídia: Imagem, áudio, vídeo e iframe
- Elementos interativos: Details, summary, button
- Zero dependências externas: Nenhum CSS, JavaScript ou framework
- Foco na semântica: Estrutura que prioriza o significado do conteúdo
- Acessibilidade nativa: Implementação completa de recursos de acessibilidade
- Documentação incorporada: O próprio site serve como documentação de HTML
- Portabilidade: Funciona em qualquer navegador sem requisitos especiais
Marcus Vinicius Fiuza Silva é um desenvolvedor fullstack com formação técnica em Eletrônica e TI. Atualmente cursando Bacharelado em Sistemas de Informação, possui experiência profissional em:
- Desenvolvimento com framework Zeedhi na Teknisa
- Suporte técnico especializado na SONDA
- Desenvolvimento de sistemas na Oficina dos Bits
- Linguagens: JavaScript, TypeScript, Python, HTML5, CSS3, SQL
- Frameworks: Vue.js, Node.js, Zeedhi Framework, Express.js
- Sistemas: Linux, Windows, Git/GitHub, MySQL
- Email: marcusvinifiuza739@gmail.com
- LinkedIn: linkedin.com/in/devfiuza
- GitHub: github.com/Fiuza3
- Telefone: +55 31 99635-0383
- Localização: Belo Horizonte, MG - Brasil
© 2024 Marcus Vinicius Fiuza Silva - Todos os direitos reservados
Desenvolvido com HTML puro como demonstração técnica
Projeto criado para evidenciar domínio completo da linguagem de marcação