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.
- Apresentação do curso
- Softwares recomendados
Unidade 01 - Apresentação do curso
- 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 02 - Introdução ao HTML5
- Definindo o conteúdo do HTML5
- Compreendendo espaços vazios e comentários
- Paragrafo e texto
- Adicionar caracteres especiais
Unidade 03 - Básico do HTML
- Explorando o head
- Aplicar CSS ao documento HTML
- Aplicar SCRIPT javascript externo
- Meta tag
Unidade 04 - Head 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 05 - Texto do documento
- Usando imagens
- Alterando posição da imagem
- Alinhando imagem
- Utilizar os elementos figure e figcaption
Unidade 06 - Como adicionar imagens
- Criar um hiperlink
- Compreender os links relativos
- Criar um link para dentro da própria página
- Criar um link para uma imagem
Unidade 07 - Como adicionar links
- Criação de listas e sub-listas
- Criação de menu vertical com listas
- Criar um menu horizontal
Unidade 08 - Como criar listas
- Elemento header
- Elemento nav
- Elemento article
- Elemento section
- Elemento aside
- Elemento footer
- Elemento hgroup
Unidade 09 - Novos elementos estruturais do HTML5
- Introdução ao outline
- Testando o outline em nosso projeto
- Elemento small
- Elemento address
- Elemento mark
- Elemento time
Unidade 10 - Outros novos elementos
- 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 11 - Vídeo e Áudio
- Criando sua primeira tabela.
- Tabela semântica
- Usando do colgroup e col
Unidade 12 - Tabelas
- 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 13 - Formulários
- 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 14 - Canvas e SVG
- 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.