Atendimento de SEGUNDA a SEXTA das 08:00 às 18:00
pelos fones: (67)3387.2941 - (67)8199.0622 - (67)9290.3322 - (67)9984.9651

Conteúdo Programático


MiniCurso de Design Responsivo com Maujor


Cadastre-se

Fique sabendo!

Avisamos você sobre as turmas deste curso.


Objetivo

Conhecer, estudar e entender os fundamentos e técnicas da linguagem HTML5 e das CSS3 para o desenvolvimento de um layout responsivo simples, deixando o aluno em condições de aprofundar-se nos estudos desta moderna forma de desenvolvimento de sites e aplicações web.

Público Alvo

Estudantes e acadêmicos e interessados no desenvolvimneto web.

Técnicas de Ensino:

A parte teórica do minicurso será apresentada em forma de palestra e estudo dirigido com a participação efetiva dos alunos. Na parte prática, em forma de estudo dirigido, os alunos desenvolverão uma página web em layout responsivo.

Material de apoio:

O aluno inscrito no minicurso receberá o seguinte material:

No dia do curso: apostila com as informações gerais sobre o curso e resumo da parte teórica tratada em sala de aula;

Pelo menos cinco dias antes do início do curso: diretório zipado com arquivos de textos, imagens, mídias e snippets de códigos para uso em sala de aula.

Pré-requisito

É desejável conhecimento, pelo menos em nível iniciante, de marcação HTML5 e estilização com CSS.

Notebook:

Com o objetivo de otimizar tempo e rendimento no curso o aluno deverá trazer para a sala de aula seu equipamento pessoal com pelo menos a última versão dos navegadores Firefox e Chrome instaladas bem como o editor de texto de sua preferência.

O aluno receberá, com antecedência, por e-mail uma lista com alguns complementos e ferramentas que deverão ser instaladas nos dois navegadores citados.

Caso o aluno não disponha de equipamento pessoal a High Tech Cursos e a Faculdade Estácio de Sá, disponibilizarão um computador na sala de aula para acompanhamento do curso. Neste caso o aluno deverá informar, por ocasião da matrícula, que não levará seu equipamento pessoal, para que possamos providenciar o computador no local.

Carga Horária

8 horas

Conteúdo Programático

  1. Introdução ao design responsivo
    1. O que é RWD
    2. Princípios do RWD
    3. Ferramentas de desenvolvimento
  2. Media Queries
    1. Anatomia da media query
    2. Fundamentos da media query
  3. Imagens flexíveis
    1. Retina display
    2. Otimização de imagens
    3. Técnicas de inserção
  4. Mídias flexíveis
    1. Videos
    2. Mapas
  5. HTML5 e CSS3
    1. Marcação HTML5 para projeto responsivo
    2. Funcionalidades das CSS3
  6. Acessibilidade em RWD
    1. Recomendações
    2. Dicas
  7. Layout fixo para responsivo
    1. Técnicas de transformação
  8. Criando um layout responsivo com HTML5 e CSS3
    1. Aplicação prática dos conceitos estudados

Comentários sobre o curso