Curso Online

Novidades do 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

Disponibilidades neste curso:

Tipo	Total de itens	Info
Vídeo:	29	Todos os vídeos disponíveis para assinantes MVP.

Introdução

1) Introdução
Descrição: Falaremos sobre as novidades do HTML5 e quais os novos elementos principais e quais elementos e propriedades ficaram obsoletos.
[Marcar este item como lido/assistido]

2) Novos elementos de Estrutura
Descrição: Nesta vídeo falaremos sobre os novos elementos de estrutura do HTML 5 e vamos construir uma página simples em HTML 5.
[Marcar este item como lido/assistido]

3) Novos elementos de vídeo e áudio
Descrição: Falaremos sobre os novos elementos de vídeo e áudio do HTML 5 e construiremos página em HTML 5 utilizando esses elementos.
[Marcar este item como lido/assistido]

Desenho e animação

4) Canvas
Descrição: Hoje falaremos sobre CANVAS, elemento de desenho e animação do HTML 5 e construiremos página em HTML 5 para demonstrar o Canvas.
[Marcar este item como lido/assistido]

Geolocalização

5) Geolocation
Descrição: Nesta vídeo, veremos geolocation (geolocalização), que é um recurso do HTML 5 para determinar a posição geográfica do usuário.
[Marcar este item como lido/assistido]

Form

6) Placeholder, autofocus, spinbox, slider e o date picker
Descrição: Nesta vídeo, veremos novidades como o placeholder, o autofocus, o spinbox, o slider e o date picker.
[Marcar este item como lido/assistido]

Storage

7) Novos recursos de Storage
Descrição: Nesta vídeo aula falaremos sobre os novos recursos de Storage do HTML 5.
[Marcar este item como lido/assistido]

Drag and Drop

8) Drag and Drop
Descrição: Nessa vídeo aula vamos falar sobre o recurso de Drag and Drop do HTML 5.
[Marcar este item como lido/assistido]

Propriedade dos elementos

9) ContentEditable
Descrição: Nessa vídeo aula vamos falar sobre o ContentEditable presente no HTML 5.
[Marcar este item como lido/assistido]

10) PostMessage: Apresentando recurso cross-window
Descrição: Nessa vídeo aula vamos falar sobre o recurso de cross-window messaging utilizando o postMessage presente no HTML 5.
[Marcar este item como lido/assistido]

Web SQL Database

11) Manipulação de dados
Descrição: Nessa vídeo aula, falaremos sobre o recurso de Web SQL Database do HTML 5.
[Marcar este item como lido/assistido]

12) Criando funções
Descrição: Nesta vídeo, veremos mais detalhes sobre o Web SQL Database, criaremos funções dando continuidade ao exemplo da vídeo anterior.
[Marcar este item como lido/assistido]

CSS 3

13) Introdução
Descrição: Nessa vídeo aula vamos ver algumas das novidades do CSS3.
[Marcar este item como lido/assistido]

14) Border Images, Text Shadow e Word Wrapping
Descrição: 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.
[Marcar este item como lido/assistido]

15) Resize e Multiple Columns
Descrição: Nessa vídeo aula vamos ver como utilizar o Resize (redimensionamento) e o Multiple Columns (múltiplas colunas) do CSS3.
[Marcar este item como lido/assistido]

16) Transaction
Descrição: 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 .
[Marcar este item como lido/assistido]

17) Recurso Transform
Descrição: 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 .
[Marcar este item como lido/assistido]

18) Animações
Descrição: Nessa vídeo aula vamos continuar vendo algumas das novidades do CSS3 como animar elementos HTML utilizando os recursos transition e transform do CSS3.
[Marcar este item como lido/assistido]

19) Animação Foguete
Descrição: Vamos ver como fazer animação de um foguete decolando utilizando apenas os novos recursos do CSS3.
[Marcar este item como lido/assistido]

20) Keyframes
Descrição: Nessa vídeo aula vamos fazer uma demonstração de como utilizar o recurso de animação com keyframes presente no CSS 3.
[Marcar este item como lido/assistido]

21) Interface web em 3D
Descrição: 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.
[Marcar este item como lido/assistido]

Web

22) Detecção de conectividade
Descrição: Nessa vídeo aula vamos ver demonstrações de como utilizar os recursos de detecção de conectado à internet.
[Marcar este item como lido/assistido]

23) History.pushState e history.replaceState
Descrição: Nessa vídeo aula vamos ver demonstrações de como utilizar os novos recurso de manipulação de histórico de navegação.
[Marcar este item como lido/assistido]

24) Web Workers
Descrição: Nessa vídeo aula vamos ver uma demonstração de como utilizar o novo recurso chamado de Web Workers
[Marcar este item como lido/assistido]

Novos recursos do CSS 3

25) ToolTips Personalizados
Descrição: Nessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos do CSS 3 para criar ToolTips.
[Marcar este item como lido/assistido]

26) Selectors
Descrição: Nessa vídeo aula vamos fazer uma demonstração de como utilizar os novos recursos dos Selectors do CSS 3.
[Marcar este item como lido/assistido]

27) Microdata
Descrição: 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.
[Marcar este item como lido/assistido]

28) @font-face
Descrição: 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.
[Marcar este item como lido/assistido]

29) Modernizar
Descrição: Nessa vídeo aula vamos ver uma demonstração de como utilizar o Modernizr nas páginas web.
[Marcar este item como lido/assistido]

Você está em: canal Design

+ Design: artigos | vídeos | cursos | mais