Html5

518 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
518
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. HTML5 Hyper Text Markup Language Lucas Emmanoel Araujo Machado [email_address] @lucasemmanoel facebook.com/lucasemmanoel
  2. 2. <ul><li>Introdução
  3. 3. Browsers War
  4. 4. Chegamos ao HTML5
  5. 5. Mudamos para HTML
  6. 6. HTML vs Navegadores
  7. 7. Vamos a prática?
  8. 8. Alguns Exemplos
  9. 9. Vamos aos códigos
  10. 10. Conclusões
  11. 11. Perguntas </li></ul>HTML5 - Sumário
  12. 12. <ul><li>A história do HTML.
  13. 13. Quem criou o HTML? </li><ul><li>- Tim Berners-Lee; </li></ul><li>O que é HTML?
  14. 14. A necessidade de evoluir. </li></ul>HTML5 – Introdução
  15. 15. <ul><li>O motivo da Guerra.
  16. 16. Quando Iniciou-se?
  17. 17. Quem saiu vitorioso e quem perdeu?
  18. 18. Consequências.
  19. 19. Surge o W3C, e começam os
  20. 20. estudos sobre a utilização do XHTML </li></ul>HTML5 – Browsers War
  21. 21. <ul><li>E como ela ocorre hoje? </li><ul><ul><li>- Entra o Firefox na briga.
  22. 22. - Microsoft se assusta com o novo
  23. 23. adversário. </li></ul></ul><li>Surge o WHATWG.
  24. 24. Quem é WHATWG? </li></ul>HTML5 – Browsers War
  25. 25. <ul><li>Mas o que é o HTML5?
  26. 26. O HTML5 não é somente HTML.
  27. 27. São adicionadas API's: </li><ul><li>- Geolocation;
  28. 28. - Multimedia;
  29. 29. - Canvas;
  30. 30. - Aplicativos off-line;
  31. 31. - Data Storage;
  32. 32. - etc; </li></ul><li>HTML5 vs Adobe Flash.
  33. 33. O HTML5 agora é só HTML. </li></ul>HTML5 – Chegamos ao HTML5
  34. 34. <ul><li>Surge a nova guerra dos navegadores.
  35. 35. Quem saiu na frente?
  36. 36. E quem saiu muito atrasado?
  37. 37. Como saber qual navegador atende melhor?
  38. 38. Alguns links que podem nos ajudar: </li><ul><li>- http://findmebyip.com/litmus
  39. 39. - http://joshduck.com/periodic-table.html
  40. 40. - http://caniuse.com/
  41. 41. - http://www.whatwg.org/specs/web-apps/current-work/multipage/
  42. 42. - http://html5demos.com/ </li></ul></ul>HTML – Mudamos para HTML
  43. 43. <ul><li>Como eu devo trabalhar? </li><ul><li>Como a coisa funciona agora? </li></ul><li>E os navegadores antigos? </li></ul>HTML – HTML vs Navegadores
  44. 44. <ul><li>Novas tags.
  45. 45. Como devo pensar?
  46. 46. Em que isso me ajuda?
  47. 47. Vai dar mais trabalho? </li></ul>HTML – Vamos a pratica?
  48. 48. https://developer.mozilla.org/pt-PT/demos/detail/the-planetarium/launch http://hakim.se/experiments/html5/sinuous/01/ # http://mrdoob.com/projects/harmony/#simple http://html5demos.com/drag http://www.giuseppesicari.it/progetti/javascript-3d-model-viewer/ HTML – Alguns exemplos
  49. 49. <ul><li>O futuro do HTML.
  50. 50. Vale a pena investir meu tempo estudando?
  51. 51. Como eu aprendo mais? </li></ul>HTML – Conclusão
  52. 52. HTML – Perguntas e Respostas

×