Minicurso Flexbox

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

 

flexbox

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

mauricio-maujorMaurício “Maujor®” 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; JQuery; AJAX com jQuery; JavaScript; CSS3; jQuery Mobile; jQuery UI; Web Design Responsivo; HTML5; Fundamentos da SVG e Foundation for Sites, todos publicados pela Novatec Editora.


Avise-me quando este curso estiver disponível

Nome

Email

Telefone

Nome do curso

Período
 Diurno Manhã Tarde Noite Sábado Domingo

 

CompartilheShare on TumblrShare on LinkedInTweet about this on TwitterPin on PinterestShare on Google+Share on FacebookEmail this to someone