HTML 5 e CSS 3

24 a 40h*

Descrição

Com HTML5 e CSS3 pode-se construir aplicações Web que rodam de forma rápida e eficiente em diversos browsers, em desktops e dispositivos móveis. Este curso introduz o conhecimento tecnológico essencial para se construir aplicações multi-browser, acessíveis e responsivas. Explora os tags essenciais do HTML, sempre indicando as melhores práticas que irão facilitar o reuso e a manutenção de um site ou página; apresenta e demonstra o uso de propriedades importantes do CSS e o mínimo de JavaScript necessário para se entender a estrutura do Document Object Model (DOM) para criar desenhos com HTML5 Canvas, fazer transições simples usando CSS, validar um formulário e controlar áudio e vídeo. A carga-horária pode ser adaptada para abordar menos tópicos e focar em aplicações específicas (ex: usuários WordPress que querem alterar CSS e HTML, mas não usar recursos JavaScript, Canvas, etc.)

Programa

  1. Introdução: HTML, HTML5 e XHTML
  2. Introdução: CSS essencial
  3. Introdução: JavaScript e DOM essencial
  4. Boas práticas: Compatibilidade
  5. HTML: Tags e atributos
  6. HTML: Estrutura de um documento
  7. HTML: Parágrafos, blocos e listas
  8. HTML: Vínculos e âncoras
  9. HTML: Imagens, áudio e vídeo
  10. Boas práticas: Acessibilidade
  11. HTML: Tabelas
  12. HTML: Seções e blocos inline
  13. HTML: Atributos e tags do HTML5
  14. CSS: propriedades essenciais
  15. CSS: posicionamento
  16. CSS: media-queries
  17. Boas práticas: Responsividade
  18. HTML: Formulários
  19. HTML5: Manipulação de áudio e vídeo
  20. HTML5: Canvas e SVG
  21. HTML5: Geolocalização e mapas
  22. HTML5: Outros recursos do HTML 5
  23. CSS3: Efeitos gráficos
  24. CSS3: Animação e transições com CSS (Webkit)
  25. CSS3: Outros recursos do CSS3
  26. Boas práticas: organização do projeto
  27. Ferramentas: Brackets, Less, Sass, JQuery, Bootstrap, etc.

Pré-requisitos

Saber usar um editor de textos (para editar o código será usado o Adobe Brackets). Ter usado previamente algum serviço de publicação na Web (blog, WordPress, CMS, Google Docs, DropBox) e saber usar serviços como usuário. Não é necessário ter conhecimento prévio de programação.

Público-alvo

Designers gráficos, web designers, autores de conteúdo para a Web.

Carga-horária e metodologia

A carga-horária de 24 horas é adequada a pessoas que já têm background de programação e já usam HTML, CSS e JavaScript. O curso inclui demonstrações e exercícios práticos realizados em aula. Ao longo do curso o aluno irá trabalhar em um website simples contendo páginas HTML, folhas de estilo CSS, bibliotecas JavaScript, imagens PNG e SVG, onde serão aplicados os recursos apresentados no curso.

Extras (+ material didático antigo)

Cursos relacionados