demetriusvas / alurabooks

Repositório para armazenar os arquivos do curso da Alura - HTML e CSS: responsividade com mobile-first

Curso: HTML e CSS: responsividade com mobile-first

Plataforma: Alura

Visit - AluraBooks

🛠️ O que aprendi nesse curso:

✔️ Aplicando a metodologia mobile-first

• Acessar e visualizar o projeto no Figma;
• Captar informações como as cores dos elementos no Figma;
• Começar a construir um projeto HTML;
• Criar variáveis CSS;
• Usar a extensão live-server;
• Aplicar o reset.css.

✔️ Criando Header, Flexbox e @import

• Baixar imagens no Figma;
• Construir um header;
• Transformar elementos em flex-containers e flex-items com FlexBox;
• Associar arquivos CSS através do @import;
• Desenvolver um menu hambúrguer interativo com HTML e CSS;
• Position relative e absolute;
• Importar e usar fontes do google fonts;
• Criar sections;
• Editar input e seu placeholder.

✔️ Integrando o Carrosel com o Swiper JS

• Aplicar plugins externos através de CDN;
• Utilizar o plugin SwiperJS;
• Reforçar o aprendizado de flexbox;
• Reutilizar elementos e estilos;
• Criar listas;
• Editar input e seu placeholder.

✔️ Selecionando Media Queries

• Usar media queries;
• Aplicar diferentes estilos para diferentes tamanhos de tela;
• Retirar elementos da tela;
• Aplicar elementos na tela de acordo com o tamanho do dispositivo.

✔️ Produzindo CSS no Desktop

• Aplicar estilos com media queries diferentes;
• Usar estilos diferentes no mesmo elemento com pseudo-classes.

✔️ Publicando o projeto

• Construir um repositório com o código do curso;
• Escrever commits;
• O que é deploy;
• Fazer deploy no Github Pages;
• Abrir o projeto em outros dispositivos.

✅ Linguagens utilizadas 👇

Desenvolvedor

Demetrius Vignati