Projeto criado durante a missão origin da Next Level Week (Rocketseat)
Conteúdos estudados: CSS:
- -Grid (Gap, autoflow, row)
- Responsividade e calculo de REM
- Flex
- Media Queries
- Especificidade e Cascata
- Pseudo-Elementos e Pseudo-classes
- Utilização de fontes da internet
-Foi feito o uso de Grid para desenvolver grande parte do site, para alinhar as divs ao centro, alterar sua ordem e seguir o layout.
-Foi feito um site responsivo utilizando calculos REM, onde o tamanho da tela influência nas demais coisas, desde espaçamentos a tamanho de itens.
-Foi usado flex no Header para separamos o conteudo e deixar eles alinhados.
-Foi feito o uso de MediaQueries para adicionar Breakpoints para diferentes tamanhos de tela.
-Estudado o jeito que se comporta as classes, ids e como funciona a especificidade da cascata.
-Foram feitos usos das pseudo-classes e pseudo-elementos para trazer mais dinámica ao site.
-Foram feitos usos de fontes importadas do google-fonts
HTML:
- Tags
- Tags
- Semântica
- Estrutura Básica
- Uso da semântica com as tags de main, sections, footer, nav...
- Importação de imagens locais e da internet
- Importação de icones da internet
- Importação de fontes
- Importação de arquivos CSS e Javascript locais e da internet
JavaScript:
- Uso de variáveis
- Lógica do FOR
- Constantes
- Funções
- Uso de APIs públicas:
- Objetos
-SwiperJS
-ScrollRevealJS