HTML5: Introdução

Slides da apresentação que fiz dia 21 de Agosto de 2013 na USP, para os estudantes do curso de Sistemas de Informação

Transcript

1. HTML5 Daniel Filho @danielfilho
3. } zofe.com.br } braziljs.org } bit.ly/GDG-SP } bit.ly/FEMUSP
4. O que é? HTML5 Onde vive? De que se alimenta?
6. HTML CSS API JS
7. video youtu.be/mzPxo7Y6JyA
8. HTML5 SEMANTICS
9. HTML5 SEMANTICS Dando significado para a estruturas, semântica é a frente e o centro do HTML5. Um esforço para deixar a web mais usável, direcionada em dados para programadores e usuários.
10. OFFLINE & STORAGE
11. OFFLINE & STORAGE “Web Apps” podem ser incializados de forma mais rápida e funcionar mesmo sem conexão com a internet, graças ao HTML5 App Cache, além das especificações de Local Storage, Indexed DB e File API.
12. DEVICE ACCESS
13. DEVICE ACCESS Com a API de geo- localização, os Web Apps podem ter experiências e diferenciais ricos, independente do dispositivo. Inovações incríveis em acesso aos dispositivos estão sendo desenvolvidas: de áudio e vídeo como meio de entrada de dados até dados locais.
14. CONNECTIVITY
15. CONNECTIVITY Conexão mais eficiente significa mais conversas em tempo real, jogos mais rápidos e melhor comunicação. Web Sockets e Server- Sent Events estão trafegando dados entre cliente e servidor de maneira mais eficiênte que nunca.
16. MULTIMEDIA
17. MULTIMEDIA Áudio e vídeo são cidadãos de primeira importância na web com HTML5, convivendo em harmonia com seus apps e sites. Luzes, câmera e AÇÃO!
18. 3D, GRAPHICS & EFFECTS
19. 3D, GRAPHICS & EFFECTS Entre SVG, Canvas, WebGL e CSS3 3D, você terá garantia de surpreender seus usuários com visuais estonteantes renderizados de forma nativa, direto no navegador.
20. PERFORMANCE & INTEGRATION
21. PERFORMANCE & INTEGRATION Deixe seu Web App e o conteúdo dinâmico da web mais rápido com várias técnicas e tecnologias, como Web Workers e XMLHttpRequest 2. Nenhum usuário deveria esperar por você.
22. CSS3 STYLING
23. CSS3 STYLING CSS3 entrega um imenso range de estilização e efeitos, melhorando seu Web App sem sacrificar a estrutura semântica ou o desempenho.
24. HTML5 O que é? Onde vive? De que se alimenta?
25. ... ... ...
26. HTML5 O que é? Onde vive? De que se alimenta?
28. Exemplos práticos HTML5
31. Código HTML5
32. Links Úteis HTML5
33. HTML5 Rocks html5rocks.com
34. Dive Into HTML5 diveintohtml5.info
35. Mozilla Developer Network developer.mozilla.org
36. Web Platform webplatform.org
37. WHATWG whatwg.org
38. FEMUSP bit.ly/FEMUSP (ASSIM, em maiúsculo)
39. @danielfilho Daniel Filho damniel.com/slides /github /plus