Desenvolvimento da página inicial da Alura Book, utilizando a metodologia mobile-first. O projeto foi desenvolvido ao longo do curso de HTML e CSS: responsividade com mobile-first ministrado pela instrutora Mônica Mazzochi Hillman. o objetivo do curso foi praticar as linguagens HTML e CSS e ampliar os conhecimentos acerca dessas duas linguagens, utilizar bibliotecas e aprofundar os estudos sobre responsividade.
- Uso de tags semânticas para desenvolver a estrutura do site;
- Uso da metodologia mobile-first, utilizando a ferramenta Dev Tools;
- Integração entre arquivos HTML e CSS;
- Uso de bibliotecas (SwiperJS) para criar funcionalidades, como por exemplo, o carrossel;
- Uso de múltiplos arquivos CSS;
- Propriedades do CSS como: flexbox, variáveis CSS, pseudoclasses e pseudo-elementos, media-queries
- Aproveitamento do código CSS para áreas semelhantes no site;
- Construção de menu-hamburguer sem utilizar JS;
- Uso do Figma como parâmetro estético para a página;
- Elaboração da responsividade para dispositivos móveis, tablets e desktops;
- Inicialmente você precisa ter instalado em seu computador um editor de código-fonte, no meu caso eu utilizo o Visual Studio Code.
- Depois, você pode fazer o download do projeto clicando na opção Code e em seguida selecionando Download Zip.
Ou
- Clonar o repositório
git clone https://github.com/RodrigoHarder/alura-book.git
- Localizar e abrir a pasta alura-book
cd alura-book
Neste projeto foram usadas as seguintes linguagens:
Para a construção dos códigos que compõem a página foi utilizado o editor de código-fonte abaixo: