html5: o que vem aí
DESCRIPTION
Como o HTML 5 pretende revolucionar a forma como desenvolvemos aplicativos, sejam eles para web, iPhone/iPad ou sistemas na Nuvem.TRANSCRIPT
![Page 1: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/1.jpg)
Como o HTML5 pretende revolucionar a forma como desenvolvemos aplicativos, sejam eles para web, iPhone/iPad ou sistemas na Nuvem.
por Cleiton Francisco
![Page 2: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/2.jpg)
Cleiton FranciscoGerente de Tecnologia do Jus Navigandi
[email protected]: @cleitonfco
não... eu ainda não trabalho no Google
![Page 3: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/3.jpg)
HTML 4
![Page 4: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/4.jpg)
HTML 5
![Page 5: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/5.jpg)
![Page 6: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/6.jpg)
![Page 7: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/7.jpg)
HTML 5 no Google IO
![Page 8: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/8.jpg)
Polêmica: Flash X HTML 5
![Page 9: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/9.jpg)
http://blogdoiphone.com/2010/04/steve-jobs-publica-carta-aberta-explicando-a-relacao-entre-apple-e-adobe/
![Page 10: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/10.jpg)
O que o HTML 5 tem de novidade?
![Page 11: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/11.jpg)
Áudio
![Page 12: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/12.jpg)
<audio controls> <source src="demo-audio.ogg" /> <source src="demo-audio.mp3" /></audio>
![Page 13: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/13.jpg)
Vídeo
![Page 14: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/14.jpg)
<video width="320" height="240" controls preload="none" poster="videoframe.jpg"> <source src="demo-video.mp4" type="video/mp4" /> <source src="demo-video.ogv" type="video/ogg" /></video>
![Page 15: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/15.jpg)
http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/
http://www.webmonkey.com/2010/02/embed_audio_and_video_in_html_5_pages/
http://html5doctor.com/native-audio-in-the-browser/
http://diveintohtml5.org/video.html
Referências
![Page 16: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/16.jpg)
Canvas / SVG
![Page 17: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/17.jpg)
http://imasters.uol.com.br/artigo/16455/desenvolvimento/html_5_na_pratica_canvas_parte_01/
http://diveintohtml5.org/canvas.html
http://tai-dev.blog.co.uk/2009/07/17/a-quick-test-of-the-html5-geolocation-api-with-firefox-3-5-spookily-accurate-on-my-work-pc-6533920/
http://www.alistapart.com/articles/get-ready-for-html-5/
http://srcware.com/programacao/html-5-introducao-a-tag-canvas/
http://realtech.burningbird.net/painting-the-web/svg/svg-html
Referências
![Page 18: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/18.jpg)
Geolocation
![Page 19: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/19.jpg)
Onde estou?http://www.mozilla.com/firefox/geolocation/
![Page 20: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/20.jpg)
http://maxheapsize.com/2009/04/11/getting-the-browsers-geolocation-with-html-5/
http://html5demos.com/geo
http://tai-dev.blog.co.uk/2009/07/17/a-quick-test-of-the-html5-geolocation-api-with-firefox-3-5-spookily-accurate-on-my-work-pc-6533920/
Referências
![Page 21: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/21.jpg)
Banco de Dados
![Page 22: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/22.jpg)
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/
http://www.thecssninja.com/javascript/how-to-create-offline-webapps-on-the-iphone
http://www.webreference.com/authoring/languages/html/HTML5-Client-Side/
http://dev.w3.org/html5/webstorage/
Referências
![Page 23: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/23.jpg)
Novos elementos(semânticos)
![Page 24: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/24.jpg)
Novos elementos(semânticos)
![Page 25: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/25.jpg)
Novos elementos(semânticos)
![Page 26: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/26.jpg)
http://blog.whatwg.org/supporting-new-elements-in-ie
http://html5doctor.com/the-figure-figcaption-elements/
http://html5doctor.com/why-designers-should-care-about-html5/
http://www.brucelawson.co.uk/2010/html5-articles-and-sections-whats-the-difference/
http://orderedlist.com/our-writing/resources/html-css/structural-tags-in-html5/
Referências
![Page 27: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/27.jpg)
Formuláriosmais inteligentes
color, email, date, month, week, time, datetime, number, range, search, tel, url
![Page 28: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/28.jpg)
http://24ways.org/2009/have-a-field-day-with-html5-forms
http://www.456bereastreet.com/archive/201004/html5_input_types/
http://net.tutsplus.com/tutorials/html-css-techniques/rethinking-forms-in-html5/
http://diveintohtml5.org/forms.html
Referências
![Page 29: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/29.jpg)
Browsers
![Page 30: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/30.jpg)
http://html5readiness.com
![Page 31: HTML5: o que vem aí](https://reader034.vdocuments.mx/reader034/viewer/2022050904/54590534af79594e128b4e03/html5/thumbnails/31.jpg)
Perguntas?