html5: seu navegador não é mais o mesmo
DESCRIPTION
Uma breve revisão de 4 das grandes 8 áreas do HTML5: Acesso a Dispositivos, Semântica, Conectividade e 3D, gráficos e efeitos.TRANSCRIPT
![Page 1: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/1.jpg)
HTML5seu navegador não é mais o mesmo
@caio_gondim
@almirfilho
![Page 2: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/2.jpg)
![Page 3: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/3.jpg)
semântica
armazenamento & offline
acesso à dispositivos
conectividade
css3
3D, gráficos & efeitos
performance
multimídia
![Page 4: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/4.jpg)
semântica
armazenamento & offline
acesso à dispositivos
conectividade
css3
3D, gráficos & efeitos
performance
multimídia
![Page 5: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/5.jpg)
acesso a dispositivos
![Page 6: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/6.jpg)
microfonecâmerageolocalização
![Page 7: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/7.jpg)
geolocalização
microfonecâmera
![Page 8: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/8.jpg)
posição de um objeto em relação a superfície do planeta
![Page 9: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/9.jpg)
a geolocalização torna-se cada vez mais importante
![Page 10: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/10.jpg)
isto não é diferente na web
![Page 11: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/11.jpg)
serviços de mapas
![Page 12: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/12.jpg)
redes sociais
![Page 13: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/13.jpg)
e-gov
![Page 14: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/14.jpg)
ferramentas SEO
![Page 15: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/15.jpg)
google analytics
![Page 16: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/16.jpg)
![Page 17: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/17.jpg)
localização = contexto
![Page 18: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/18.jpg)
localização = contexto
maior relevância
![Page 19: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/19.jpg)
busca e recomendação baseadas em localização
![Page 20: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/20.jpg)
![Page 21: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/21.jpg)
![Page 22: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/22.jpg)
![Page 23: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/23.jpg)
![Page 24: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/24.jpg)
![Page 25: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/25.jpg)
![Page 26: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/26.jpg)
![Page 27: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/27.jpg)
publicidade direcionada
![Page 28: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/28.jpg)
google adWords
![Page 29: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/29.jpg)
acesso a partir de dispositivos móveis
![Page 30: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/30.jpg)
grande crescimento de dispositivos móveis conectados à internet
![Page 31: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/31.jpg)
0 MM
500 MM
1.000 MM
1.500 MM
2.000 MM
2007 2009 2011 2013 2015
internet móvel internet desktop
![Page 32: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/32.jpg)
0 MM
500 MM
1.000 MM
1.500 MM
2.000 MM
2007 2009 2011 2013 2015
internet móvel internet desktop
≃ 2014
![Page 33: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/33.jpg)
desktop
•posição fixa
•localização aproximada
![Page 34: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/34.jpg)
dispositivo móvel
•posição variável
•localização mais exata
![Page 35: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/35.jpg)
![Page 36: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/36.jpg)
como o navegador obtém minha posição geográfica?
![Page 37: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/37.jpg)
• gps
• sinal de celular
• redes wi-fi
• IP sniffing
recursos
![Page 38: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/38.jpg)
![Page 39: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/39.jpg)
onde estou?
navegador
gps
sinal celular
wi-fi
IPSO
![Page 40: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/40.jpg)
onde estou?
navegador
gps
sinal celular
wi-fi
IPSO
![Page 41: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/41.jpg)
onde estou?
navegador
gps
sinal celular
wi-fi
IPSO
![Page 42: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/42.jpg)
onde estou?
navegador
gps
sinal celular
wi-fi
IPSO
![Page 43: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/43.jpg)
interface comum de acesso
![Page 44: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/44.jpg)
if( navigator.geolocation ){
// navegador suporta geolocalização
}
![Page 45: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/45.jpg)
// fazendo uma requisiçãonavigator.geolocation.getCurrentPosition( showMap )
// função callbackfunction showMap( position ){ // aqui podemos mostrar o mapa com os // dados de position
}
![Page 46: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/46.jpg)
position = { coords: { latitude: -35.29873363499, // graus longitude: 123.44334887755,// graus altitude: 400.3, // metros (opcional) accuracy: 12, // metros heading: 45.5, // graus (opcional) speed: 5.4 // metros/s (opcional) }, timestamp: 307770135 // DOMTimeStamp}
![Page 47: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/47.jpg)
suporte
4.0 10.0
3.0
![Page 48: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/48.jpg)
suporte
5.0
3.5
5.0
9.03.2
2.1
![Page 49: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/49.jpg)
acesso a dispositivos
![Page 50: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/50.jpg)
semântica
![Page 51: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/51.jpg)
sintaxe é o
estudo da
gramática
![Page 52: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/52.jpg)
semântica é o estudo do significado
![Page 53: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/53.jpg)
sintaxe é como
dizer algo
![Page 54: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/54.jpg)
semântica é o
significado por
trás do que foi
dito
![Page 55: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/55.jpg)
semântica
=desambiguação
![Page 56: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/56.jpg)
criar dados e
websites que
máquinas sejam
capazes de entender
![Page 57: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/57.jpg)
problemas
atuais
![Page 58: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/58.jpg)
sistema de
documentos ligados
entre si escritos em
HTML
![Page 59: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/59.jpg)
HTML descreve
a sintaxe, não o
significado
![Page 60: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/60.jpg)
<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>
![Page 61: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/61.jpg)
<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>
![Page 62: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/62.jpg)
<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>
![Page 63: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/63.jpg)
<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>
![Page 64: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/64.jpg)
<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>
![Page 65: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/65.jpg)
schema.org
![Page 66: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/66.jpg)
schema.org
• consórcio entre google,
bing e yahoo!
• microdata
![Page 67: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/67.jpg)
schema.org
na prática
![Page 68: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/68.jpg)
<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>
![Page 69: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/69.jpg)
<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>
![Page 70: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/70.jpg)
<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>
![Page 71: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/71.jpg)
<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>
![Page 72: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/72.jpg)
<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>
![Page 73: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/73.jpg)
<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>
![Page 74: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/74.jpg)
filme
avatar
ficçãocientífica
jamescameron
<a>
nom
e
gênero trailer
dire
tor
![Page 75: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/75.jpg)
<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>
![Page 76: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/76.jpg)
<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>
![Page 77: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/77.jpg)
<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>
![Page 78: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/78.jpg)
<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>
![Page 79: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/79.jpg)
<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>
![Page 80: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/80.jpg)
<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>
![Page 81: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/81.jpg)
filme
avatar
ficçãocientífica
pessoa
<a>
nom
e
gênero trailer
dire
tor
jamescameron
16 de agosto de
1954
nome data de nascimento
![Page 82: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/82.jpg)
receita
filme
pessoa
artigo
seriado de TV
pintura
evento
empresas
loja
aeroporto
playground
vulcão
atração Turística
templo hindu
parada de ônibus
petshop
dentista
eletricista
padaria
energia
escultura
livro
música
![Page 83: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/83.jpg)
web semântica
hoje
![Page 84: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/84.jpg)
![Page 85: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/85.jpg)
![Page 86: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/86.jpg)
![Page 87: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/87.jpg)
![Page 88: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/88.jpg)
![Page 89: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/89.jpg)
![Page 90: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/90.jpg)
![Page 91: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/91.jpg)
uma tentativa de
facilitar que máquinas
entendam a semântica,
ou significado, das
informações na web
![Page 92: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/92.jpg)
1.197 bytes de
headerSkyNet ?
![Page 93: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/93.jpg)
1.197 bytes de
header
fazer com que as
máquinas entendam
a web para melhor
nos servir
![Page 94: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/94.jpg)
semântica
![Page 95: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/95.jpg)
3D, gráficos & efeitos
![Page 96: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/96.jpg)
svgcanvaswebGLcss3 3D
![Page 97: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/97.jpg)
svgcanvaswebGLcss3 3D
![Page 98: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/98.jpg)
svg
![Page 99: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/99.jpg)
svg
• gráficos vetoriais 2D
• especificação HTML5
• suporte completo DOM
• css
• animações
![Page 100: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/100.jpg)
por que svg?
![Page 101: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/101.jpg)
alta qualidade gráfica
![Page 102: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/102.jpg)
economia de banda
![Page 103: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/103.jpg)
google charts
![Page 104: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/104.jpg)
bing maps
![Page 105: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/105.jpg)
vexflow.com
![Page 106: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/106.jpg)
(Vídeo IE9: SVG Girl)jsdo.it/event/svggirl
![Page 107: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/107.jpg)
svg na prática
![Page 108: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/108.jpg)
<!DOCTYPE HTML><html><header>...</header><body> <svg> <rect width="50" height="50" fill="red" /> </svg></body></html>
![Page 109: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/109.jpg)
<!DOCTYPE HTML><html><header>...</header><body> <svg> <rect width="50" height="50" fill="red" /> </svg></body></html>
![Page 110: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/110.jpg)
suporte
![Page 111: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/111.jpg)
suporte
3.2
3.0
4.0
9.03.2
3.0
![Page 112: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/112.jpg)
canvas
![Page 113: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/113.jpg)
<canvas>desenho 2DAPI javaScript
![Page 114: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/114.jpg)
controle a nível de pixel
![Page 115: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/115.jpg)
gráficos animados
![Page 116: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/116.jpg)
(Vídeo Angry Birds online)
![Page 117: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/117.jpg)
(Vídeo Sketchpad: online paint)mugtug.com/sketchpad
![Page 118: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/118.jpg)
sem plug-ins
![Page 119: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/119.jpg)
canvas na prática
![Page 120: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/120.jpg)
<!DOCTYPE HTML><html><header>...</header><body> <canvas id="myCanvas" width="800" height="600"> Seu navegador não suporta CANVAS =( </canvas>
</body></html>
![Page 121: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/121.jpg)
var canvas = document.getElementById("myCanvas")var context = canvas.getContext("2d") context.moveTo(100, 150)context.lineTo(450, 50)context.stroke()
![Page 122: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/122.jpg)
var canvas = document.getElementById("myCanvas")var context = canvas.getContext("2d") context.moveTo(100, 150)context.lineTo(450, 50)context.stroke()
![Page 123: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/123.jpg)
suporte
![Page 124: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/124.jpg)
suporte
3.1
2.0
4.0
9.03.2
2.1
![Page 125: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/125.jpg)
webGL
![Page 126: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/126.jpg)
webGL
• openGL na web
• API javaScript
• usa <canvas>
• 2D e 3D
• aceleração de hardware
![Page 127: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/127.jpg)
(Vídeo Quake 3)media.tojicode.com/q3bsp
![Page 128: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/128.jpg)
(Vídeo WebGL skin renderer)altaredqualia.com/three/examples/webgl_materials_skin.html
![Page 129: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/129.jpg)
(Vídeo HelloRacer)helloracer.com/webgl/
![Page 130: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/130.jpg)
(Vídeo Google Maps 3D)
![Page 131: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/131.jpg)
suporte
5.0
5.0
4.0
7.0
10.0
3.0
![Page 132: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/132.jpg)
suporte
5.1*
4.0*
8.0*
* = suporte parcial
![Page 133: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/133.jpg)
3D, gráficos & efeitos
![Page 134: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/134.jpg)
conectividade
![Page 135: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/135.jpg)
web sockets
![Page 136: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/136.jpg)
bidirecional
![Page 137: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/137.jpg)
full-duplex
![Page 138: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/138.jpg)
baixa latência
![Page 139: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/139.jpg)
http polling
var polling = function() {$.getJSON(url, function(data) {
// captura msg do serverconsole.log('Server: ' + data)
// executa a função a cada 5ssetTimeout(polling, 5000)
})}
![Page 140: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/140.jpg)
navegador
servidor
http polling
![Page 141: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/141.jpg)
navegador
servidor
http pollingre
quisi
ção
1
![Page 142: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/142.jpg)
navegador
servidor
http pollingre
quisi
ção
1
resp
osta
1
![Page 143: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/143.jpg)
navegador
servidor
http pollingre
quisi
ção
1
resp
osta
1
requ
isiçã
o 2
![Page 144: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/144.jpg)
navegador
servidor
http pollingre
quisi
ção
1
resp
osta
1
requ
isiçã
o 2
requ
isiçã
o n
resp
osta
2
resp
osta
n
![Page 145: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/145.jpg)
web socket// inicia conexãovar conexao = new WebSocket(socketUrl)
// evento disparado sempre que// o server envia mensagensconexao.onmessage = function(event) {console.log('Server: ' + event.data)
}
// envia uma msg para o serverconexao.send('Sup?')
![Page 146: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/146.jpg)
navegador
servidor
web socket
![Page 147: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/147.jpg)
navegador
cone
xão
servidor
web socket
![Page 148: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/148.jpg)
navegador
cone
xão
quad
ro 1
servidor
web socket
![Page 149: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/149.jpg)
navegador
cone
xão
quad
ro 1
quad
ro 2
quad
ro 3
quad
ro n
servidor
web socket
![Page 150: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/150.jpg)
economia de
banda
![Page 151: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/151.jpg)
GET / HTTP/1.1Host: www.facebook.comConnection: keep-aliveCache-Control: no-cachePragma: no-cacheUser-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.904.0 Safari/535.7Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8Accept-Encoding: gzip,deflate,sdchAccept-Language: en-US,en;q=0.8Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3Cookie: datr=krO6TcAWG-B_o9kNTRiFM6x6; lu=Tg6UHh5wyz8c5ATcjEWfd-vQ; s=Aa7iUafc3lfb8-l9; sid=1; p=71; c_user=545486705; csm=1; sct=1316651618; xs=1%3A1ee7d61311e896dad9e674527eb9a36c%3A1; act=1318603138704%2F6; presence=EM318603143L71N0_5dEp_5f545486705F6EriF0CEstateFDutF1318603142905EvisF1H0EblcF0EsndF0OQ1318603124EsF0CEblFDacF57G318603106PEuoFD1B01815847822FDexpF1318603189266EflF_5b_5dEolF-1CCCC
http request
header
![Page 152: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/152.jpg)
HTTP/1.1 200 OKCache-Control: private, no-cache, no-store, must-revalidateExpires: Sat, 01 Jan 2000 00:00:00 GMTP3P: CP="Facebook does not have a P3P policy. Learn why here: http://fb.me/p3p"Pragma: no-cacheContent-Encoding: gzipContent-Type: text/html; charset=utf-8X-FB-Server: 10.140.153.106X-Cnection: closeTransfer-Encoding: chunkedDate: Fri, 14 Oct 2011 15:54:22 GMT
http response
header
![Page 153: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/153.jpg)
1.197 bytes de
header
1.197 bytes
de header
![Page 154: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/154.jpg)
1.197 bytes de
header
web socket
header
2 bytes
![Page 155: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/155.jpg)
015
0030
0045
0060
00
10 100 500 1.000 5.000
0,156 1,563 7,813 15,625 78,12511,689 116,895
584,473
1.168,945
5.844,727
http web socket
consumo de banda em kBytes
![Page 156: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/156.jpg)
ws://
![Page 157: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/157.jpg)
aplicações
![Page 158: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/158.jpg)
aplicações
• jogos online multiplayer
• timeline de redes sociais
• chat
![Page 159: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/159.jpg)
(Vídeo Racer Car com iPhone)demo.kaazing.com/racer/
![Page 160: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/160.jpg)
- ian hickson
“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.”
![Page 161: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/161.jpg)
suporte
4.2
5.0
6.0
14.0
10.0
![Page 162: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/162.jpg)
suporte
4.2
5.0
6.0
14.0
10.0
![Page 163: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/163.jpg)
conectividade
![Page 164: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/164.jpg)
dúvidas?
![Page 165: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/165.jpg)
obrigado
@caio_gondim
@almirfilho
![Page 166: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/166.jpg)
obrigado
@caio_gondim
@almirfilho
loopinfinito.com.br
@loopinfinito
![Page 167: HTML5: seu navegador não é mais o mesmo](https://reader031.vdocuments.pub/reader031/viewer/2022020207/5560b51dd8b42af93b8b49d1/html5/thumbnails/167.jpg)
obrigado
@caio_gondim
@almirfilho
loopinfinito.com.br
@loopinfinito