Este é um curso intermediário com foco nas propriedades que compõem a especificação chamada de flexbox, que vem para substituir, em alguns casos, técnicas amplamente utilizadas, mas defasadas, como float e o uso de display: inline-block.

Você irá aprender

• Como funciona o container flex e como trabalhar com suas propriedades;
• Como resolver problemas comuns do dia-a-dia do desenvolvedor com as técnicas apresentadas;
• Como montar um sistema de grade responsivo baseado em flexbox.

Este curso é para você?

Este é um curso intermediário destinado para estudantes que já possuem conhecimento básico de HTML e CSS e de montagem e desenvolvimento de websites. Conhecimento das técnicas tradicionais de layout também é bem-vindo para um bom aproveitamento do conteúdo.

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 (como Notepad++ ou Sublime Text).

Carga horária

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

Visão geral

1. Aula 1

   1. Introdução
   2. Básico da especificação Flexbox
   3. Propriedades do container

2. Aula 2

   1. Propriedades dos elementos
   2. Utilizando a propriedade `flex-direction`
   3. Utilizando a propriedade `flex`
   4. Utilizando a propriedade `order`

3. Aula 3

   1. Conceito de sistema de grade
   2. Desenvolvendo um sistema de grade

4. Aula 4

   1. Aplicações práticas
   2. Construindo um menu
   3. Construindo uma galeria de itens
   4. Outras Aplicações

5. Aula 5

   1. Dúvidas e esclarecimentos
   2. Continuando seus estudos