Curso

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

Avaliação

Clique para avaliar o curso!
Novidades do HTML 5
4 5 14
Iniciar curso Assinar curso Certificado
Aulas: 29 vídeos Carga Horária: 29 horas
Check Certificado Certificado Marcar como favorito (125)

Para obter a contagem de carga horária do curso levamos em consideração que cada aula possui, em média, a duração técnica de uma hora - que contém o tempo de acompanhamento, codificação, assimilação do aluno além do próprio tempo total do vídeo.

Conteúdo programático

Introdução
1

Introdução

Falaremos sobre as novidades do HTML5 e quais os novos elementos principais e quais elementos e propriedades ficaram obsoletos.

Assistir aula
2

Novos elementos de Estrutura

Nesta vídeo falaremos sobre os novos elementos de estrutura do HTML 5 e vamos construir uma página simples em HTML 5.

Assistir aula
3

Novos elementos de vídeo e áudio

Falaremos sobre os novos elementos de vídeo e áudio do HTML 5 e construiremos página em HTML 5 utilizando esses elementos.

Assistir aula
Desenho e animação
4

Canvas

Hoje falaremos sobre CANVAS, elemento de desenho e animação do HTML 5 e construiremos página em HTML 5 para demonstrar o Canvas.

Assistir aula
Geolocalização
5

Geolocation

Nesta vídeo, veremos geolocation (geolocalização), que é um recurso do HTML 5 para determinar a posição geográfica do usuário.

Assistir aula
Form
6

Placeholder, autofocus, spinbox, slider e o date picker

Nesta vídeo, veremos novidades como o placeholder, o autofocus, o spinbox, o slider e o date picker.

Assistir aula
Storage
7

Novos recursos de Storage

Nesta vídeo aula falaremos sobre os novos recursos de Storage do HTML 5.

Assistir aula
Drag and Drop
8

Drag and Drop

Nessa vídeo aula vamos falar sobre o recurso de Arrastar e Soltar (Drag and Drop) do HTML 5.

Assistir aula
Propriedade dos elementos
9

ContentEditable

Nessa vídeo aula vamos falar sobre o ContentEditable presente no HTML 5.

Assistir aula
10

PostMessage: Apresentando recurso cross-window

Nessa vídeo aula vamos falar sobre o recurso de cross-window messaging utilizando o postMessage presente no HTML 5.

Assistir aula
Web SQL Database
11

Manipulação de dados

Nessa vídeo aula, falaremos sobre o recurso de Web SQL Database do HTML 5.

Assistir aula
12

Criando funções

Nesta vídeo, veremos mais detalhes sobre o Web SQL Database, criaremos funções dando continuidade ao exemplo da vídeo anterior.

Assistir aula
CSS 3
13

Introdução

Nessa vídeo aula vamos ver algumas das novidades do CSS3.

Assistir aula
14

Border Images, Text Shadow e Word Wrapping

Nessa 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.

Assistir aula
15

Resize e Multiple Columns

Nessa vídeo aula vamos ver como utilizar o Resize (redimensionamento) e o Multiple Columns (múltiplas colunas) do CSS3.

Assistir aula
16

Transaction

Nessa 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 .

Assistir aula
17

Recurso Transform

Nessa 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 .

Assistir aula
18

Animações

Nessa vídeo aula vamos continuar vendo algumas das novidades do CSS3 como animar elementos HTML utilizando os recursos transition e transform do CSS3.

Assistir aula
19

Animação Foguete

Vamos ver como fazer animação de um foguete decolando utilizando apenas os novos recursos do CSS3.

Assistir aula
20

Keyframes

Nessa vídeo aula vamos fazer uma demonstração de como utilizar o recurso de animação com keyframes presente no CSS 3.

Assistir aula
21

Interface web em 3D

Nessa 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.

Assistir aula
Web
22

Detecção de conectividade

Nessa vídeo aula vamos ver demonstrações de como utilizar os recursos de detecção de conectado à internet.

Assistir aula
23

History.pushState e history.replaceState

Nessa vídeo aula vamos ver demonstrações de como utilizar os novos recurso de manipulação de histórico de navegação.

Assistir aula
24

Web Workers

Nessa vídeo aula vamos ver uma demonstração de como utilizar o novo recurso chamado de Web Workers

Assistir aula
Novos recursos do CSS 3
25

ToolTips Personalizados

Nessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos do CSS 3 para criar ToolTips.

Assistir aula
26

Microdata

Nessa 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.

Assistir aula
27

Selectors

Nessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos dos Selectors do CSS 3.

Assistir aula
28

@font-face

Nessa 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.

Assistir aula
29

Modernizr

Nessa vídeo aula vamos ver uma demonstração de como utilizar o Modernizr nas páginas web.

Assistir aula
Código Fonte

Fontes - Código Fonte completo - Moderação

Neste post você encontrará o código fonte desenvolvido pela equipe de suporte DevMedia referente ao Curso de Novidades do HTML5.

Assistir aula

Sobre o autor

Euclides Lourenço Chuma - DevMedia Space Euclides Lourenço Chuma

Euclides Lourenço Chuma (euclides@w2c.com.br) é graduado em Matemática pela Unicamp, pós graduado em Engenharia de Redes e Sistemas de Telecomunicações pelo Inatel e desenvolvedor com certificações da Microsoft. Trabalha há mais de 15 anos no desenvolvimento de softwares.

Como adquirir este curso ?

Nosso objetivo é atender as suas necessidades de forma eficiente e econômica.

Com a assinatura DevMedia MVP você paga apenas R$ 69,90 por mês e tem acesso a todos os cursos - além de todos os canais de conteúdo!

Assine