Site estático: 🎥 IMDB
Objetivo:
O desafio é desenvolver a página inicial de um site de avaliação de filmes (IMDB - Internet Movies Database) utilizando apenas HTML5 e CSS3.
Preview: 👉 IMDB Codenation
Tópicos:
Neste desafio, você vai praticar os seus conhecimentos em:
- HTML5;
- CSS3;
- Vincular fontes externas (Google Fonts);
- Vincular fontes de ícones (Fontawesome).
Observações:
- As imagens estão disponíveis na pasta assets;
- ✋ Não é necessário que o site seja responsivo;
- ✋ Não utilize frameworks CSS como Bootstrap, Foundation e afins.
Requisitos:
- Node v13.8.0 - ou superior, instalado em seu computador;
- Live Server.
O Live server é um módulo NPM que permite servir localmente páginas HTML, sem a necessidade de instalar plugins adicionais no navegador, ou em seu editor.
Uma vez que o nodejs esteja instalado em seu computador, abra o terminal e execute o comando:
👉
npm install -g live-serverApós a instalação, você deverá navegar até o diretório contendo seus arquivos HTML e executar o comando:
👉
live-server ./[nome-da-pasta ou arquivo html]
Dicas:
- Utilize as tags semânticas do HTML5 onde julgar necessário;
- Você pode fazer download do [Normalize CSS]* (https://necolas.github.io/normalize.css/) e utilizá-lo no projeto para "normalizar/resetar" os estilos padrão dos navegadores;
- 👁️ Inspecione os elementos do preview do IMDB Codenation e descubra como alguns efeitos foram executados;
⚠️ Fonte Utilizada - Montserrat;⚠️ Ícones utilizados - Fontawesome;- 📜 Guia HTML5;
- 📜 Guia CSS3.
