apresentação sobre html5
TRANSCRIPT
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 1/33
<!DOCTYPE HTML>
Andrew de [email protected]
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 2/33
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 4/33
O que eu faço com pessoas queacham que IE é a Internet?
Instale o Firefox e siga estas instruções paradeixar o Firefox parecendo o IE.
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 5/33
Javascript
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 6/33
XMLHTTP
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 7/33
XMLHttpRequest
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 8/33
AJAX
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 9/33
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 10/33
HTML 4.01
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 11/33
Plug n Hel
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 13/33
The World Wide
Web Consortium
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 14/33
The Web Hypertext Application
Technology Working Group(WHAT-WG)
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 15/33
bjetivos
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 16/33
Evolução, não revolução
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 17/33
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 18/33
Eliminar
“Tag Soup”
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 19/33
HTML 5 Validator
HTML 5 Doctor
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 20/33
“Pave the Cow Paths”
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 21/33
Frequência de Classes
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 23/33
<!DOCTYPE HTML>
<html lang="en">
<head>
<title> Artigo (HTML5)</title>
<meta charset="utf-8">
</head> <body>
<header id="branding">Logo do site, search, etc.</header>
<nav>
<ul>
<li>Navegação do site</li>
</ul>
</nav>
<section id="content"> <article> <!-- conteúdo principal (o artigo) -->
<header>
<h1>Titulo do artigo</h1>
<p>Metadata do artigo</p>
</header>
<p>Conteúdo do artigo</p>
</article>
<section id="sidebar"> <!-- conteúdo secundario --> <h2>Titulo do sidebar</h2>
<p>Conteúdo do sidebar</p>
</section>
</section>
<footer id="footer">Footer</footer> <!-- um footer basico -->
</body>
</html>
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 24/33
2009, 2012 ou 2022?
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 25/33
Exemplos:
Video
•AppSpot HTML5 Video Demo
• YouTube HTML5 Demo
• Pat Chanezon’s Green Screen Demo
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 26/33
Exemplos: Web Workers
• Motion Tracking com Web Workers
• Prime Numbers com Web Workers
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 27/33
Exemplos: Canvas• Drawing Board
• Paintweb
• Blob Sallad
• Bespin » Code in the Cloud
• Ben Joffe’s Canvas Examples
• Starfield
• US Map Polygons
•Box2D JS Physics Engine
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 28/33
Exemplo: Geolocation
• Geolocation | Where Am I?
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 29/33
Exemplo:
DB & App Cache
• DB and App Cache | Stickies
8/3/2019 Apresentação sobre html5
http://slidepdf.com/reader/full/apresentacao-sobre-html5 32/33
Outros Links• HTML 5 Markup Language
• HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
• New elements in HTML 5
• Yes, You Can Use HTML 5 Today!
• HTML 5 differences from HTML 4• 23 Essential HTML 5 Resources
• HTML 5 canvas - the basics - Opera Dev
• HTML5 Gallery
• HTML5 Canvas Cheat Sheet
• HTML Design Principles
•Canvas Demos