Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5: Introdução

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

3f2ebf61315d43cae59e727dab091620?s=128

Daniel Filho

August 21, 2013
Tweet

Transcript

  1. HTML5 Daniel Filho @danielfilho

  2. None
  3. } zofe.com.br } braziljs.org } bit.ly/GDG-SP } bit.ly/FEMUSP

  4. O que é? HTML5 Onde vive? De que se alimenta?

  5. None
  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?

  27. None
  28. Exemplos práticos HTML5

  29. None
  30. None
  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