Aprenda como usar uma técnica essencial para qualquer desenvolvedor de front end: Responsive Webdesign. Com cada vez mais dispositivos acessando a internet com diferentes características, densidade de pixels e resoluções de tela, é de grande importância que todo desenvolvedor saiba como planejar e construir websites flexíveis e adaptáveis a essa realidade.

Você irá aprender

• Como planejar desde o começo um site adaptável a diversos tamanhos de tela;
• Como sair da unidades fixas, como pixels, para ems, porcentagem e mais;
• Como construir grades flexíveis e fazer com que o conteúdo se adapte de acordo;
• Como utilizar alternativas flexíveis para imagens, ícones, vídeos e outros tipos de mídia;
• Como usar media queries e breakpoints para adaptar o seu site de acordo com a necessidade.

Este curso é para você?

Este é um curso destinado para desenvolvedores iniciantes que desejam aprender a técnica do design responsivo. Conhecimento básico de HTML e CSS e de desenvolvimento de websites é necessário para o bom aproveitamento das lições.

Software

Para fazer o curso você precisará apenas de um navegador (como Mozilla Firefox ou Google Chrome) e um editor de texto de sua preferência.

Carga horária

5 aulas de até 2 horas de duração cada.

Visão geral

1. Aula 1

   1. Introdução ao Conceito
   2. Unidades Relativas
   3. A "Fórmula Mágica"

2. Aula 2

   1. Construindo uma Grade Flexível
   2. Imagens e Mídia Flexíveis
   3. Icon Fonts

3. Aula 3

   1. Media Queries
   2. Conceito Mobile First

4. Aula 4

   1. Aplicações Práticas
   2. Tendências

5. Aula 5

   1. Testes e Compatibilidade
   2. Utilização de JavaScript
   3. Continuando Seus Estudos