Módulo I
Introdução de HTML
Tags hr h1 h2 h3 h4 h5 h6
Tags parágrafo itálico negrito
Alinhamento align center justify right left
Chamando links com a href
Manipulando imagens
Cores fundo, cores fonte e PHP editor
Comando Condicional IF
Break e continue
Funções internas isNaN parseFloat parseInt
Funções internas Number String
Date getDate getMonth getDay
Lendo e listando datas personalizadas
Hora getFullYear toLocaleString getHours getMinutes getSeconds
Objeto Math abs acos asin atan ceil
Objeto Match pow máximo e mínimo random round floor
Objeto Match sqrt finalizando funções matemáticas
Objeto String length blinck big
Objeto String bold charAt concat fontcolor fontsize
Objeto String italics strike sup sub small toUpperCase toLowerCase
Objeto String link replace substring finalizando
Função Function com Return
Primeiro evento onClick chamando function
Função Print imprimir evento onClick
Window confirm para fluxo de ações
Abrindo janela PopUp
PopUp centralizado posicionamento automático screen
Melhorando código PopUp
DHTML CSS Folha de Estilo
CSS - Margin top left right line botton
CSS - Menu finalizando menu circular
Map área shape alt menu na imagem
Comando meta http-equiv refresh redirecionamento
Meta keywords description content mecanismos busca
DOM hierarquia das tags
Finalizando publicação hospedagem

Módulo II
Iniciando o curso de HTML5 introdução Versões W3C WHATWG
Baixando e instalando notepad Dreamweaver CS6 Chrome Firefox Safari Opera
Conheça os novos lementos HTML5
Elementos e atributos obsoletos no HTML5
Código HTML diferenças HTML4 para HTML5 Doctype charset link lang
Biblioteca modernizar para testar se funciona recursos HTML5
Simples página HTML5
Formulário Atributos Autofocus
Formulário Atributos Size e Maxlength
Atributo Global Draggable arrastar script dataStart dataTransfer getAttribute
Drag Drop Draggable dataTransfer target appendChild dragDrop dragOver
Funcionando Drag Drop arrastar e soltar Draggable
Canvas 2D
Canvas
Áudio - Som controls loop autoplay preload SRC metadata auto none
Áudio - Preload source type vorbis mpeg mp3 media screen
Áudio - Possibilitando download quando o browser não suporta áudio no HTML5
Áudio - Programando controles som, play, pause, volumes manualmente, via JavaScript
Aside novo elemento HTML5 para conteúdo periférico
Menu e Command Visualizar o conteúdo desta aula.
Details e Summary Visualizar o conteúdo desta aula.
Elemento mark para marcar palavras destacadas no texto
Elemento Embed para conteúdos incorporados como plugin por exemplo
Elementos figure e figcaption para container e rótulo
Elementos meter para representar uma medida fixa
Elemento progress para visualizar o andamento de uma tarefa
Keygen challenge keytype para gerar chaves criptografadas nos formulários
WBR como oportunidade de quebra de linha e BDI DIR para mudar direção texto
Ruby RP RT usado para marcar anotações em textos baseados nos idiomas orientais
hgroup para agrupar elementos h1-h6 e track para trilhas áudio vídeo
Web SQL Database - Quando der errado error message
Web SQL Database - Delete e update Visualizar o conteúdo desta aula.
Web SQL Database - Iniciando um Crud dinâmico botões criando banco
Web SQL Database Crud - Criando tabela e error message
Web SQL Database Crud - Inserindo registros na tabela
Web SQL Database Crud - Finalizando inserção, registros na tabela
Web SQL Database Crud - Listando registros da tabela
Web SQL Database Crud - Corrigindo bugs lista registros da tabela
Web SQL Database Crud - Debug navegador e finalizando mostrar registros
Web SQL Database Crud - Delete, excluindo registros
Web SQL Database Crud - Finalizando delete, exclusão de registros
Web SQL Database Crud - Alterando registros Update amigos SAP
Web SQL Database - Finalizando Crud alterar registros Update
Geolocalização API Geolocation mapa navigator modernizar
API Geolocation - Latitude e longitude navigator getCurrentPosition coords position
Maps google api staticmap center zoom size markers sensor
CSS3 - Introdução ao CSS3 WebKit text stroke fill
CSS3 - WebKit text stroke transparent shadow
CSS3 - Efeitos em letras text shadow
CSS3 - Efeitos arrasto e brilho em letras text shadow
CSS3 - Efeitos 3D em letras text shadow
CSS3 - Word wrap para quebra de palavra