DevMedia

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]


Avaliação
4514
Teste grátis Assinar Gerar certificado
  • 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
  • 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
  • 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
    • 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