Você vai aprender a utilizar os princípios mais modernos de design responsivo e técnicas de programação que funcionem tanto em seu navegador do desktop quanto em um dispositivo móvel independente de suas características e adaptável para qualquer resolução de tela. Aprenda a criar interfaces web ricas, amigáveis e acessíveis em qualquer dispositivo. Durante o curso você vai desenvolver um projeto prático de criação e teste de um website responsivo em diversos dispositivos.

O que é um site responsivo?

Totalmente fluido entre todos os tamanhos de telas, adaptado e otimizado para cumprir com todas as regras de usabilidade entregando a melhor experiência para o usuário final, seja acessando via celular, tablet ou computador.

  1. Telas
  2. Densidade das telas
  3. Vertical X horizontal
  4. Conteúdo responsivo
  5. Desempenho do site
  6. CSS - Media querie
  7. CSS - Media types
  8. CSS - Device
  9. CSS - rem, vh, vw, vmin, vmax, ex, ch
  10. CSS - Orientation
  11. CSS - Resolution
  12. Tela grande, média, tablet e celular (horizontal x vertical)
  13. Recorte de layout