Projeto Alurabooks

O projeto consiste na interface do site "Alurabooks", e na responsividade e dinamismo da interface em múltiplos tamanhos de tela.

Conteúdos

• Visão geral
  • O desafio
  • Screenshot
  • Links
• Meu processo
  • construído com
  • O que eu aprendi
• Autora
• Reconhecimentos

Visão geral

O desafio

O desafio consiste na integração de uma interface responsiva e dinâmica, que entrega uma boa experiência de usuário em diferentes tamanhos de telas. Tudo isso utilizando como base o método "mobile-first".

Screenshot

Versão mobile (0px ---> 1023px)

Versão tablet (1024px ---> 1727px)

Versão desktop (a partir de 1728px)

Links

• URL da minha solução Alurabooks - Solução

Meu processo

Construído com

• HTML5 semântico
• Propriedades do CSS
  • Metodologia BEM
  • Media query
  • Flexbox
• Javascript

O que eu aprendi

Nesse projeto eu aprendi a integração de um botão toggle com o uso do JavaScript no menu de um site para liberar outra parte do conteúdo. Aprendi também a integração da livraria e recursos do SwiperJS. Além disso, aprendi mais sobre a função das media queries dentro do CSS, além da importância de contruír sites responsivos pensando sempre na experiência do usuário utilizando o website.

Autora

• Linkedin - Caren de Paula Lourenço Divino
• Github - Caren Divino

Reconhecimentos

Tudo o que foi utilizado na criação desse projeto foi aprendido nos cursos alura.

• Alura - Escola Front-End