Curso de Layouts Responsivos: Trabalhando com layouts mobile

Faça esse curso de HTML e CSS e:

• Entenda o processo de desenvolvimento de páginas web.
• Conheça o Emmet, ferramenta para agilizar a escrita de códigos.
• Melhore a manutenção de códigos com variáveis CSS.
• Escreva códigos semânticos que ajudam na acessibilidade e SEO.
• Aprenda a lidar com adaptação de diferentes layouts.
• Aprimore seu conhecimento de responsividade.

Conteúdo Detalhado

1. Ferramentas, unidades e imagens

   • Introdução ao Emmet
   • Unidades relativas REM e EM
   • SVG e tipos de imagem na web

2. Layout mobile e variáveis CSS

   • Conceitos de Mobile First
   • Viewport e seu conteúdo
   • Variáveis CSS

3. Particularidades de telas

   • As unidades de viewport
   • Medidas absolutas e relativas
   • Limitações dos dispositivos
   • Responsividade

4. Trabalhando a semântica HTML

   • Lidando com imagens
   • As tags e atributos semânticos do HTML5

5. Evoluindo do mobile ao desktop

   • Evoluindo o layout para tablet
   • Media Query
   • Adaptação estrutural
   • Finalizando o layout desktop