Descrição do curso

No curso online HTML5 Essencial, o aluno aprenderá a criar projetos web na mais recente versăo da linguagem de marcaçăo mais importante do mercado. Nele abordaremos novos elementos estruturais, integraçăo com CSS3 e uso das API Canvas e Geo localizaçăo.

Unidade 01 - Apresentaçăo do curso

• Apresentaçăo do curso
• Softwares recomendados

Unidade 02 - Introduçăo ao HTML5

• Um breve histórico do HTML5
• Especificaçőes do HTML5
• Porque usar os novos elementos estruturais do HTML5
• HTML5 x HTML4
• Tags e atributos que estăo obsoletos.

Unidade 03 - Básico do HTML

• Definindo o conteúdo do HTML5
• Compreendendo espaços vazios e comentários
• Paragrafo e texto
• Adicionar caracteres especiais

Unidade 04 - Head do documento

• Explorando o head
• Aplicar CSS ao documento HTML
• Aplicar SCRIPT javascript externo
• Meta tag

Unidade 05 - Texto do documento

• Adicionando Heading
• Adicionando parágrafo
• Line Break
• Usar uma marcaçăo
• Trabalhando com lista
• Usar as tags "i" e "em"
• Usar as tags b e strong

Unidade 06 - Como adicionar imagens

• Usando imagens
• Alterando posiçăo da imagem
• Alinhando imagem
• Utilizar os elementos figure e figcaption

Unidade 07 - Como adicionar links

• Criar um hiperlink
• Compreender os links relativos
• Criar um link para dentro da própria página
• Criar um link para uma imagem

Unidade 08 - Como criar listas

• Criaçăo de listas e sub-listas
• Criaçăo de menu vertical com listas
• Criar um menu horizontal

Unidade 09 - Novos elementos estruturais do HTML5

• Elemento header
• Elemento nav
• Elemento article
• Elemento section
• Elemento aside
• Elemento footer
• Elemento hgroup

Unidade 10 - Outros novos elementos

• Introduçăo ao outline
• Testando o outline em nosso projeto
• Elemento small
• Elemento address
• Elemento mark
• Elemento time

Unidade 11 - Vídeo e Áudio

• Introduçăo de vídeo na web
• Como converter vídeos para padrăo MP4, OGG e WebM
• Adicionar vídeos
• Adicionar legenda ao vídeo
• Como adicionar áudio
• Criar um controle de vídeo personalizado com Javascript

Unidade 12 - Tabelas

• Criando sua primeira tabela.
• Tabela semântica
• Usando do colgroup e col

Unidade 13 - Formulários

• O que é um Formulario?
• Criaçăo de um formulário
• Adicionar os novos input types como email e url
• Como se comporta um formulário inteligente em smartphone
• Adicionar os campos requeridos
• Adicionar script para personalizar mensagem de erro
• Adicionar um placeholder e um autofocus
• Adicionar um campo de número
• Adicionar um campo datepicker
• Adicionar um datalist ao input text
• Adicionar um type range
• Adicionar um type color
• Adicionar um type search

Unidade 14 - Canvas e SVG

• Introduçăo a desenho em HTML5
• Desenhar um círculo com SVG
• Como criar um gráfico de barras com SVG
• Como desenhar com CANVAS
• Como criar um gráfico de linha com CANVAS
• Animaçăo com Canvas

Unidade 15 - Geo localizaçăo

• Introduçăo a Geo Localizaçăo
• Detectando suporte a geolocalizaçăo
• Recebendo as coordenadas.
• Atualizando posiçăo com movimento
• Mostrar no Google Map a localizaçăo do usuário.