DevMedia Cursos
Curso online
Curso de Novidades do HTML 5
Este é um curso de HTML 5. O desenvolvimento da linguagem HTML (HyperText Markup Language) ficou parada na versão 4 desde 1999. Durante esse período, a W3C se focou em linguagens como XML (Extensible Markup Language) e SVG (Scalable Vector Graphics - gráficos vetoriais em navegadores). E do outro lado, os desenvolvedores dos navegadores ficaram focados em melhorar suas funcionalidades, como exibir páginas em abas, melhorar performance e oferecer a integração com leitores de RSS. Porém, recentemente organizações como Apple, Mozilla Foundation e Opera se uniram a W3C para atualizar o HTML e implementar nele novas funcionalidades. O que vamos ver durante o curso é que o HTML 5 está fortemente relacionado a web semântica, ou seja, o conteúdo das páginas HTML 5 utilizam novos elementos que descrevem com muito mais precisão e organização o conteúdo das páginas HTML. Entre as principais novidades do HTML 5 temos os novos elementos de estrutura (header, footer, section, article, nav e aside), temos novos elementos para inserir áudio e vídeo diretamente no HTML (audio e video), temos uma API gráfica para renderizar imagens 2D (canvas), temos elementos para data/hora e medida (time e meter), temos elementos para inserir um diálogo e figuras com legenda (figure, dialog, dt e dd), temos suporte mais amplo as páginas em modo offline, etc
[VER MAIS DETALHES]Introdução
- 1
Introdução
Marcar como lido | DownloadFalaremos sobre as novidades do HTML5 e quais os novos elementos principais e quais elementos e propriedades ficaram obsoletos.
- 2
Novos elementos de Estrutura
Marcar como lido | DownloadNesta vídeo falaremos sobre os novos elementos de estrutura do HTML 5 e vamos construir uma página simples em HTML 5.
- 3
Novos elementos de vídeo e áudio
Marcar como lido | DownloadFalaremos sobre os novos elementos de vídeo e áudio do HTML 5 e construiremos página em HTML 5 utilizando esses elementos.
Desenho e animação
- 4
Canvas
Marcar como lido | DownloadHoje falaremos sobre CANVAS, elemento de desenho e animação do HTML 5 e construiremos página em HTML 5 para demonstrar o Canvas.
Geolocalização
- 5
Geolocation
Marcar como lido | DownloadNesta vídeo, veremos geolocation (geolocalização), que é um recurso do HTML 5 para determinar a posição geográfica do usuário.
Form
- 6
Placeholder, autofocus, spinbox, slider e o date picker
Marcar como lido | DownloadNesta vídeo, veremos novidades como o placeholder, o autofocus, o spinbox, o slider e o date picker.
Storage
- 7
Novos recursos de Storage
Marcar como lido | DownloadNesta vídeo aula falaremos sobre os novos recursos de Storage do HTML 5.
Drag and Drop
- 8
Drag and Drop
Marcar como lido | DownloadNessa vídeo aula vamos falar sobre o recurso de Arrastar e Soltar (Drag and Drop) do HTML 5.
Propriedade dos elementos
- 9
ContentEditable
Marcar como lido | DownloadNessa vídeo aula vamos falar sobre o ContentEditable presente no HTML 5.
- 10
PostMessage: Apresentando recurso cross-window
Marcar como lido | DownloadNessa vídeo aula vamos falar sobre o recurso de cross-window messaging utilizando o postMessage presente no HTML 5.
Web SQL Database
- 11
Manipulação de dados
Marcar como lido | DownloadNessa vídeo aula, falaremos sobre o recurso de Web SQL Database do HTML 5.
- 12
Criando funções
Marcar como lido | DownloadNesta vídeo, veremos mais detalhes sobre o Web SQL Database, criaremos funções dando continuidade ao exemplo da vídeo anterior.
CSS 3
- 14
Border Images, Text Shadow e Word Wrapping
Marcar como lido | DownloadNessa vídeo aula vamos ver como utilizar o Border Images (bordas com imagens), o Text Shadow (sombreamento no texto) e o Word Wrapping (quebra de palavras) do CSS3.
- 15
Resize e Multiple Columns
Marcar como lido | DownloadNessa vídeo aula vamos ver como utilizar o Resize (redimensionamento) e o Multiple Columns (múltiplas colunas) do CSS3.
- 16
Transaction
Marcar como lido | DownloadNessa vídeo aula vamos continuar vendo algumas das novidades do CSS3 como o recurso transition que, como o próprio nome já diz, permite criar transições, ou seja, animações durante a mudança de propriedades dos elementos .
- 17
Recurso Transform
Marcar como lido | DownloadNessa vídeo aula vamos continuar vendo algumas das novidades do CSS3 como o recurso transform que, como o próprio nome já diz, permite fazer transformações, ou seja, permite fazer translação, rotação, redimensionamento e perspectiva dos elementos HTML .
- 18
Animações
Marcar como lido | DownloadNessa vídeo aula vamos continuar vendo algumas das novidades do CSS3 como animar elementos HTML utilizando os recursos transition e transform do CSS3.
- 19
Animação Foguete
Marcar como lido | DownloadVamos ver como fazer animação de um foguete decolando utilizando apenas os novos recursos do CSS3.
- 20
Keyframes
Marcar como lido | DownloadNessa vídeo aula vamos fazer uma demonstração de como utilizar o recurso de animação com keyframes presente no CSS 3.
- 21
Interface web em 3D
Marcar como lido | DownloadNessa vídeo aula vamos fazer uma demonstração de como utilizar o recurso de 3D e animação que estão sendo implementados no CSS 3.
Web
- 22
Detecção de conectividade
Marcar como lido | DownloadNessa vídeo aula vamos ver demonstrações de como utilizar os recursos de detecção de conectado à internet.
- 23
History.pushState e history.replaceState
Marcar como lido | DownloadNessa vídeo aula vamos ver demonstrações de como utilizar os novos recurso de manipulação de histórico de navegação.
- 24
Web Workers
Marcar como lido | DownloadNessa vídeo aula vamos ver uma demonstração de como utilizar o novo recurso chamado de Web Workers
Novos recursos do CSS 3
- 25
ToolTips Personalizados
Marcar como lido | DownloadNessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos do CSS 3 para criar ToolTips.
- 26
Selectors
Marcar como lido | DownloadNessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos dos Selectors do CSS 3.
- 27
Microdata
Marcar como lido | DownloadNessa vídeo aula vamos ver uma demonstração de como utilizar o novo recurso Microdata, que permite “padronizar o conteúdo” dos documentos web, seguindo padrões de metadados.
- 28
@font-face
Marcar como lido | DownloadNessa vídeo aula vamos fazer uma demonstração de como utilizar o novo recurso do módulo de fontes do CSS 3, o @font-face, que permite utilizar fontes externas, mesmo que elas não existam no computador do usuário.
- 29
Modernizar
Marcar como lido | DownloadNessa vídeo aula vamos ver uma demonstração de como utilizar o Modernizr nas páginas web.
Código Fonte
Fontes - Código Fonte completo - Moderação
Marcar como lidoNeste post você encontrará o código fonte desenvolvido pela equipe de suporte DevMedia referente ao Curso de Novidades do HTML5.
5 
1