Trabalho 1 de Programação I. Front-End de um website sem framework.
Desenvolver o front-end de um site empregando as ferramentas vistas na primeira parte da disciplina, acompanhado de um texto descritivo (briefing) do projeto (em doc ou odt).
Fica a critério do estudante. Explicar no documento.
O projeto deve ser testado na versão mais recente do Chrome.
- O documento de briefing deve conter: tema, objetivos, produtos e/ou serviços oferecidos, domínio que pretende registrar, link no serviço de hospedagem escolhido, mapa do site e wireframe da página principal (com pelo menos 2 layouts: desktop e dispositivos móveis);
- O site deve conter pelo menos 4 seções principais com conteúdos relacionados ao tema, além de pelo menos 1 formulário. Entende-se por seção principal o uso de diferentes páginas interligadas por links, ou diferentes áreas de uma mesma página, caso opte por desenvolver no modelo SPA (single page application);
- O layout deve ser feito exclusivamente em HTML e CSS, sem o uso de frameworks;
- Utilizar as tags semânticas para as áreas principais (nav, header, footer, etc);
- Os arquivos devem ser organizados em pastas (ex: /imagens, /css, /js, etc.);
- O formulário deve conter validações básicas em Javascript, bem como labels ou placeholders, campos obrigatórios e máscaras sempre que possível;
- Utilizar pelo menos 1 elemento com alguma fonte importada da Web;
- Todo o código deve validar sem erros no validador do W3C.