HTM5 na Prática

A HTML5 é a mais nova geração da linguagem de marcação HTML substituindo as versões HTML 4.01, XHTML 1.0 e XHTML 1.1 que não oferecem elementos e funcionalidades importantes e fundamentais para as modernas aplicações da Internet e para os novos dispositivos de acesso a rede que estão sendo criados a todo o momento, tais como tablets e smartphones.

Este curso sobre a HTML5 é uma introdução as novidades apresentadas na linguagem HTML, tendo como principal foco mostrar as mudanças e atualizações ocorridas nos elementos, atributos, tipos de campos e tipos de dados desde a última versão da linguagem e também quais os que foram removidos nesta nova versão.

Também são abordados os temas sobre o suporte a nova versão da HTML por navegadores de diversos fabricantes, a apresentação de conteúdo rico em diferentes dispositivos e API’s que podem ser usadas por desenvolvedores para criar soluções de Internet cheias de funcionalidades interessantes.

A quem se destina

Desenvolvedores, programadores e designers de interfaces para Internet que desejam conhecer e aplicar as novas opções da linguagem HTML5 em projetos web e se preparar tecnicamente para os novos desafios da criação de aplicações funcionais.

Carga horária

O curso HTM5 na Prática é dividido em quatro partes que prefazem 8 horas/aula de aprendizado teórico e prático (12 no formato in-company.

Pré-requisitos

Para o bom aproveitamento do curso é necessário que o treinando possua os seguintes conhecimentos prévios:

• Bons conhecimentos da linguagem HTML em alguma versão prévia, como HTML 4.01, XHTML 1.0 ou XHTML 1.1, inclusive para programação e edição de páginas web;
• Bons conhecimentos de CSS e JavaScript;
• Conhecimentos no uso de navegadores de Internet, tais como Mozilla Firefox, Internet Explorer, Safari ou Google Chrome;
• Conhecimentos de protocolos Internet como HTTP, FTP e SMTP.

Recursos necessários

Para um bom aproveitamento do curso são necessários os seguintes recursos de hardware e software:

• Computador com sistema operacional de sua preferência (Windows, Mac ou Linux);
• Navegador com suporte a HTML5, preferencialmente Safari ou Google Chrome;
• Editor de textos puro como TextEdit, EditPad ou similar

Parte 1

• A HTML5
  • O que é a HTML5
  • Porque a HTML5 foi necessária
  • O W3C e suas especificações
  • Timeline da HTML
  • Suporte a HTML5 – quem e como
  • Compatibilidade retroativa
• Páginas HTML5
  • A nova estrutura – doctypes e charset
  • Semântica de elementos em HTML5
  • Organizando o código em HTML5
  • Novos elementos e atributos
  • Elementos retirados

Parte 2

• Formulários em HTML5
  • Tipos de campos
  • Dados e validadores
• Desenvolvendo formulários com HTML5
  • Usando novos campos
  • Validando campos
• Trabalhando com CSS
  • Classes, pseudo-classes e estilos em CSS3
  • Modificação de elementos
  • Desenho de páginas com CSS
  • Uso de fontes
  • Animações

Parte 3

• Vida com HTML5
  • Usando áudio e vídeo
  • Controles
  • Criando áudios e vídeos
  • Servindo vídeos
• Canvas e SVG
  • O que é o Canvas
  • Desenhando com Canvas
  • Criando logos com Canvas
  • Usando SVG

Parte 4

• JavaScript com HTML5
  • Armazenando dados com JavaScript
  • Georeferenciamento com JavaScript
  • jQuery e HTML5
• Aplicações off-line
• Microdata
• Próximos passos