O documento discute as principais tecnologias da especificação HTML5, incluindo semântica, armazenamento offline, acesso a dispositivos, conectividade, gráficos vetoriais (SVG), desenho 2D (Canvas), renderização 3D (WebGL) e semântica para tornar os dados da web mais compreensíveis para máquinas.
90. // fazendo uma requisição
navigator.geolocation.getCurrentPosition( showMap )
// função callback
function showMap( position ){
// aqui podemos mostrar o mapa com os
// dados de position
}
112. <div>
<h1>Avatar</h1>
<p>
Diretor:
<span>James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span>Ficção Científica</span>
<a href="../movies/trailer.html">
Trailer
</a>
</div>
113. <div itemscope itemtype="http://schema.org/Movie">
<h1>Avatar</h1>
<p>
Diretor:
<span>James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span>Ficção Científica</span>
<a href="../movies/trailer.html">
Trailer
</a>
</div>
114. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p>
Diretor:
<span>James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span>Ficção Científica</span>
<a href="../movies/trailer.html">
Trailer
</a>
</div>
115. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p>
Diretor:
<span itemprop="director">James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span>Ficção Científica</span>
<a href="../movies/trailer.html">
Trailer
</a>
</div>
116. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p>
Diretor:
<span itemprop="director">James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html">
Trailer
</a>
</div>
117. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p>
Diretor:
<span itemprop="director">James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
118. avatar
filme
ficção
científica
james
cameron
<a>
nome
gênero trailer
diretor
119. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p>
Diretor:
<span itemprop="director">James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
120. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p itemprop="director">
Diretor:
<span>James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
121. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p itemprop="director"
itemscope>
Diretor:
<span>James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
122. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p itemprop="director"
itemscope
itemtype="http://schema.org/Person">
Diretor:
<span>James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
123. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p itemprop="director"
itemscope
itemtype="http://schema.org/Person">
Diretor:
<span itemprop="name">James Cameron</span>
<span>(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
124. <div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<p itemprop="director"
itemscope
itemtype="http://schema.org/Person">
Diretor:
<span itemprop="name">James Cameron</span>
<span itemprop="birthDate">(16 de agosto de 1954)</span>
</p>
<span itemprop="genre">Ficção Científica</span>
<a href="../movies/trailer.html" itemprop="trailer">
Trailer
</a>
</div>
125. avatar
filme
ficção
científica
pessoa
<a>
nome
gênero trailer
diretor
james
cameron
16 de
agosto de
1954
nome data de
nascimento
126.
127. filme
empresas
receita
pintura
pessoa
artigo
seriado de TV
evento
loja
aeroporto
playground
vulcão
atração turística
templo hindu
escultura
parada de ônibus
petshop
dentista
eletricista
padaria
energia
música
livro
150. navegador
servidor
http polling
requisição 1
resposta 1
requisição 2
resposta 2
requisição n
resposta n
151. web socket
// inicia conexão
var conexao = new WebSocket(socketUrl)
// evento disparado sempre que
// o server envia mensagens
conexao.onmessage = function(event) {
console.log('Server: ' + event.data)
}
// envia uma msg para o server
conexao.send('Sup?')
164. aplicações
• jogos online multiplayer
• timeline de redes sociais
• chat
165. “reduzir kilobytes de dados
para 2 bytes...e reduzir a
latência de 150ms para 50ms é
muito mais que um simples
detalhe. na verdade, estes
fatores sozinhos já são
suficientes para fazer com que
o web socket se torne muito
interessante ao google.”
- ian hickson