🗒️ Sobre o projeto

🪧 Vitrine.Dev	Minha Vitrine Dev
✨ Nome	Alura Books
🏷️ Tecnologias
🚀 URL	AluraBooks
📃 Licença

🖼️ Banner do VitrineDev

AluraBooks

Essa é um site responsivo da plataforma Alura onde podemos ver exemplares de livros sobre tecnologia.

Aprendizados

Esse projeto foi feito inicialmente com metodologia mobile first que consiste em desenvolver o site a partir da perspetiva de um dispositivo com tela pequena os celulares, e a partir dai usando media queries desenvolvemos layout de telas maiores como tablet e desktop. Usada metodologia BEM (é um acrônimo para Bloco, Elemento e Modificador.) no CSS (Cascading Style Sheet) a nossa folha de estilo da página, uma boa prática entre desenvolvedores para facilitar a leitura e manutenção do código.

Nesse site da AluraBooks foi utilizado uma biblioteca javascript chamada SwiperJS onde temos aquele efeito de rolagem dos livros na página e também foi utilizado varias pseudos classes CSS para criar efeitos com interação com usuário em Desktop com uso do mouse. Outro efeito que tomei liberdade de pôr em prática foi o Scroll-behavior: smooth, esse efeito que faz a transição suave quando clica no nome AluraBooks até topo da página e também foi feito um menu hambúrguer somente com HTML e CSS.

Demonstração

Layout - Desktop

Layout - Tablet

Layout - Mobile

Contato

Licença

MIT