Workshop CSS Grid Layout com Maujor em Blumenau

Instituto GENE - Blumenau, SC
11 de novembro de 2017, 08h - 12 de novembro de 2017, 12h

Compartilhar:

Inscrição

Ingresso Workshop
R$ 399,90
Inscrições até 04/10/2017
Encerrado

Descrição do evento

Workshop CSS Grid Layout
com o Maujor® em Blumenau - SC

3º INOVAÇÃO COM CAFÉ

  • Instrutor: Maurício "Maujor ®" Samy Silva.
  • Datas: 11 e 12 de novembro de 2017 (sábado e domingo).
  • Horários: 08:00h às 17:00h / 08:00h às 12:00h.
  • Carga horária: 12 horas.
  • Local: Instituto Gene - Blumenau.
  • Valor: R$ 399,90.
  • Vagas: 20.

Inscrições até 04 de outubro! Vagas limitadas!


Sobre o workshop

O objetivo desse workshop é fornecer ao aluno uma visão geral das técnicas, princípios, conceitos básicos e fundamentos das Especificações do W3C “CSS Grid Layout Module Level 1” e seu emprego na criação de layouts, capacitando-o a empregar suas funcionalidades para desenvolver layout e componentes do layout.

O workshop será desenvolvido em forma de palestra e estudo dirigido, e abordará teoria e prática. Cada aluno receberá material didático impresso, que servirá como guia de consulta para a solução dos exercícios propostos. Para a parte prática, haverá um diretório de pastas a ser gravado no computador de cada aluno no início do workshop, 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 com conhecimentos de HTML5 e CSS3.

Desenvolvedores de nível intermediário.

Designers web de nível intermediário.

Pré-requisitos

O participante deverá trazer seu próprio notebook e carregador.

Para tirar o máximo proveito do workshop é mandatório que o participante tenha sólidos conhecimentos de marcação HTML5 e uso das CSS3 na criação de layouts com uso de floats e posicionamento, bem como uso de media-queries.

Ter instalada em sua máquina o navegador Firefox Nightly (Nota 1), editor de texto (NotePad++, Sublime Text, Dreamweaver, gEdit, VIM ou outros de sua preferência).

Não cumprir os pré-requisitos não impede sua inscrição, contudo seu rendimento será abaixo do desejável e por sua própria conta e risco.

Nota 1: O Navegador Firefox Nightly 57 na sua ferramenta de desenvolvimento tem um inspetor do grid mais completo que o da versão regular atual FF55. Se no dia do workshop o FF regular ou outro navegador qualquer que suporte grid tiver um inspetor similar poderá ser usado.

Conteúdo do workshop

  1. Layout CSS ontem
    • Tabelas
    • Floats e posicionamento
    • Floats
    • Posicionamento
    • Inline-block
    • Frameworks
  2. Layout CSS hoje
    • Flexbox
    • Grid Layout
  3. Grid Layout
    • Introdução
    • Suporte nos navegadores
    • Conceitos e terminologia
      • grid container
      • grid item
      • grid line
      • grid track
      • grid cell
      • grid area
  4. Propriedades CSS…
    • para o Grid Container
      • display
      • grid-template-columns
      • grid-template-rows
      • grid-template-areas
      • grid-template
      • grid-auto-columns
      • grid-auto-rows
      • grid-auto-flow
      • grid
      • grid-column-gap
      • grid-row-gap
      • grid-gap
      • justify-content
      • align-content
      • justify-items
      • align-items
    • para os Grid Items
      • grid-column-start
      • grid-column-end
      • grid-row-start
      • grid-row-end
      • grid-column
      • grid-row
      • grid-area
      • justify-self
      • align-self

Prática

Aplicação dos conceitos de Grid Layout na criação do layout de uma Home Page.

Benefícios

Certificado de conclusão

Coffee breaks

Internet wireless

Material didático (impresso e interface interativa)

Arquivos de códigos, imagens, scripts e solução dos exercícios


Instrutor

Maurí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://www.maujor.com destinado à divulgação dos Padrões Web e suas tecnologias de desenvolvimento. Maujor é autor de 15 livros abordando tecnologias de desenvolvimento frontend (http://www.livrosdomaujor.com.br).

Dúvidas

Email para:

Airan - airanpossamai@gmail.com
ou
Maujor - maujor@maujor.com

Sobre o produtor

Airan Arinê Possamai

O Workshop ocorrerá dentro do 3º Inovação com café, evento destinado a discussões e divulgação do conhecimento sobre Tecnologia da Informação e Empreendedorismo.

Comentários

Local

Instituto GENE
Rua Antônio da Veiga, 105, Em frente a FURB, Victor Konder
Blumenau, SC

Login

Esqueceu sua senha? Clique aqui.

Recuperar senha

Confira seu e-mail

O endereço indicado receberá um e-mail com instruções de como criar uma nova senha.

Criar conta

Ao me cadastrar, concordo com os Termos de uso e Política de privacidade da Sympla

Confira seu e-mail

Acesse seu e-mail e clique no link de confirmação.