O objetivo deste projeto é criar uma página web abrangente e abstrata usando as tags HTML e CSS aprendidas. A página deve ser bem estruturada, documentada, testável e integrável.
- O projeto deve ser estruturado em arquivos separados para HTML, CSS e JavaScript.
- Os arquivos devem ser organizados em uma estrutura lógica, como uma pasta para HTML, uma pasta para CSS e uma pasta para JavaScript.
- O projeto deve usar um sistema de controle de versão, como Git ou SVN.
-
O projeto deve ser bem documentado, usando comentários HTML e documentação Markdown.
-
A documentação deve explicar claramente o propósito de cada tag HTML e regra CSS.
-
A documentação deve fornecer exemplos de código para mostrar como usar as tags e regras.
-
O projeto deve definir modelos HTML que representem as diferentes seções da página web, como cabeçalho, rodapé e conteúdo principal.
-
Os modelos devem ser reutilizáveis e devem ser capazes de ser facilmente personalizados.
-
Os modelos devem usar tags semânticas para melhorar a acessibilidade e a otimização de mecanismos de pesquisa (SEO).
-
O projeto deve definir serviços JavaScript que encapsulam a lógica de negócios da página web.
-
Os serviços devem ser responsáveis por executar operações como validar formulários, enviar dados para um servidor e manipular eventos do usuário.
-
Os serviços devem ser testáveis e devem usar técnicas de programação funcional.
-
O projeto deve definir a lógica de negócios que controla o comportamento da página web.
-
A lógica de negócios deve ser modular e reutilizável.
-
A lógica de negócios deve ser testável e deve usar técnicas de programação funcional.
- O projeto deve ser integrado usando um mecanismo de empacotamento, como Webpack ou Rollup.
- O projeto deve ser testado usando uma estrutura de teste unitário, como Jest ou Mocha.
- Os testes devem cobrir todos os aspectos da página web, incluindo a estrutura HTML, os estilos CSS e a lógica de negócios JavaScript.
**Conclusão com Aprendizado
-
O projeto fornecerá uma compreensão profunda das tags HTML e CSS.
-
O projeto ensinará como projetar e implementar páginas web abrangentes e abstratas.
-
O projeto fornecerá experiência prática com técnicas de desenvolvimento front-end, como empacotamento e teste.
-
A página web pode ser usada como base para desenvolver sites reais.
-
A página web pode ser usada para ensinar conceitos de desenvolvimento front-end.
-
A página web pode ser usada como um modelo para projetar e implementar outras páginas web abstratas.
Agradecimento especial a generosa contribuição: Arianemmoraes/