módulo
#2

O módulo #2 é bala porque começamos um projeto do zero!

Aprendemos desde como alinhar usando blocos, otimização de imagens e ícones e também o desenvolvimento responsivo tão importante atualmente.

Você sabia que os acessos no mobile já ultrapassaram os acessos do desktop? Desenvolver projetos que abrem bonitinho no celular é obrigatório nessa nova era.

Separei algumas perguntinhas pra você fixar o aprendizado :D

Pode responder mesmo que não tenha feito todas aulas do módulo ok?

Quando alteramos o "width" de um elemento, estamos alterando:

a altura
a largura
a posição

Boa! O "width" é a largura do elemento. Quando alterar imagens que já tem um tamanho fixo, altere somente o "width" ou somente o "height" que é a altura do elemento, para ele não ficar desproporcional.

Será? tente novamente :D

Como faço para inserir uma imagem de fundo em um bloco sem ela ficar duplicada ou cortada?

Clico no botão "cover"
Deixo o width do bloco em 100%
Clico no botão "contain"

Isso mesmo! Para que as imagens de fundo de um bloco não fiquem cortadas ou duplicadas em alguma resolução é recomendado usar a configuração "cover" para que ela se adapte a todas as resoluções.

Será? tente novamente :D

Qual é a melhor forma de alinhar os elementos usando o flex?

Alinho cada elemento individualmente.
Configuro o elemento pai que contém os elementos que quero alinhar.
Uso o alinhamento de textos.

Será? tente novamente :D

Boa! Essa é uma das tarefas mais confusas pra quem tá começando. É recomendado sempre alinhar o elemento pai, ou seja, o elemento de fora, que contém outros elementos dentro.

Qual é o formato recomendado quando queremos ícones levinhos e de alta qualidade?

PNG
SVG
JPG

Será? tente novamente :D

É isso aí. O SVG são imagens em vector, então podemos aumentar e diminuir o tamanho deles sem perder a qualidade. Você pode usar outros formatos também, mas desde que salve eles em um formato bem próximo do que você vai usar no projeto.

O que significa SEO?

É a otimização do projeto para ele ser indexado nos mecanismos de busca, como o google.
É a forma de alinhar elementos utilizando blocos.
É o formato de imagens recomendado para ícones.

Será? tente novamente :D

Perfeito! O SEO significa (Search Engine Optimization), onde fazemos a otimização do nosso projeto para os mecanismos de busca. Isso é importante pra gente conseguir captar usuários sem precisar investir em anúncios pagos.

Como posso alinhar elementos um do lado do outro SEM utilizar o "flex"?

Utilizando o postion Absolute e z-index
Configurando os elementos como inline-block
Configurando os elementso como block

Será? tente novamente :D

Boa! O "inline-block' é utilizado para que os elementos sejam alinhados um do lado do outro mantendo o tamanho da sua largura. Já o "block" faz com que os elementos virem blocos inteiros do tamanho do elemento que estão dentro.

Fez algum exercício deste módulo?

Aqui o tema de casa não é obrigatório. Mas se quiser, pode me mandar o link de compartilhamento do projeto de exercícios pra eu corrigir e te passar alguma sugestões ;)
Boa! Te mando a correção em breve!
Oops! Something went wrong while submitting the form.
Não lembro como gerar o link de compartilhamento ou ainda não recebi meu projeto de exercícios

eaí, tá com alguma dúvida?
manda um whats pra mim :D

Evekayser Design © all rights reserved
Rua Belo Horizonte 252, Cascavel - PR
CEP 85802-010