Data: Indefinido

Horário: Indefinido

Carga horária: 4 horas

Valores do investimento: Indefinido

Instrutor: Maurício Samy Silva (Maujor), autor do site do Maujor

 

Minicurso Flexbox – Centro de Treinamento da Novatec

 

Sobre o minicurso

O objetivo desse minicurso de Flexbox é fornecer ao aluno uma visão geral das técnicas, princípios, conceitos básicos e fundamentos da funcionalidade das CSS3 denominada Flexbox, bem como seu emprego na criação de layout para componentes de uma página ou aplicação web.

O minicurso Flexbox será desenvolvido em forma de palestra e estudo dirigido, e abordará teoria e prática. Cada aluno receberá um arquivo PDF em forma de guia de consulta rápida, ou Cheat Sheet, para consulta em sala de aula e destinado a agilizar a solução dos exercícios propostos. Para a parte prática haverá ainda um diretório de pastas a ser gravado no computador de cada aluno no início do minicurso, contendo arquivos de códigos, imagens, scripts e solução dos exercícios propostos durante a aula.

A quem se destina esse workshop?

• Estudantes das áreas de Web Design e de desenvolvimento web
• Desenvolvedores de nível iniciante e intermediário
• Designers web de nível iniciante e intermediário

Pré-requisitos

• Conhecimento intermediário em HTML5 e CSS3
• Versão mais recente do navegador Chrome
• Editor de textos (NotePad++, Sublime Text, Dreamweaver, gEdit, VIM ou outros de sua preferência)

Importante: O aluno deverá trazer seu próprio notebook e carregador.

Conteúdo do minicurso

1.Introdução ao Flexbox

• Modelos de layout das CSS
• Finalidades
• Características
• Suporte

2.Propriedades CSS para o flex container

• display
• flex-direction
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

3.Propriedades CSS para os flex items

• order
• flex-grow
• flex-shrink
• flex-basis
• flex
• align-self

4.Centrar e alinhar elementos

5.Criação de layout com flexbox

• Aplicação dos conceitos de flexbox na criação de um layout de componentes

Benefícios

• Coffee breaks
• Internet wireless
• Material didático (guia rápido do flexbox)
• Arquivos de códigos, imagens, scripts e solução dos exercícios
• Certificado impresso

---

Instrutor

Maurício Samy Silva
É graduado em Engenharia Civil pelo Instituto Militar de Engenharia (IME). Exerceu o magistério paralelamente à Engenharia e foi, ao longo de 25 anos, professor de Geometria Descritiva e Matemática. Sua experiência com desenvolvimento de sites iniciou-se em 1999, com o FrontPage. Maujor, como é conhecido o autor, mantém o site http://maujor.com destinado à divulgação dos Padrões Web e suas tecnologias de desenvolvimento. Maujor é autor dos seguintes livros: Construindo sites com CSS e (X)HTML; Criando sites com HTML; AJAX com jQuery; JavaScript; CSS3; jQuery Mobile; jQuery; jQuery UI; Web Design Responsivo; HTML5; Fundamentos da SVG, Fundamentos de Sass e Compass, Fundamentos de HTML5 e CSS3 e Foundation for Sites, todos publicados pela Novatec Editora.