DOMinando JavaScript

1.024 visualizações

Publicada em

Apresentação realizada durante a Semana Nacional de Ciência e Tecnologia de 2014, no Instituto Federal de Educação, Ciência e Tecnologia, em São Carlos.

O minicurso "DOMinando Javascript" pretende mostrar os primeiros passos em Javascript, a linguagem mais utilizada no GitHub, passando do primeiro "Hello World" em um escopo global no navegador, até a manipulação de DOM (Document Object Model).

Publicada em: Software
0 comentários
6 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.024
No SlideShare
0
A partir de incorporações
0
Número de incorporações
19
Ações
Compartilhamentos
0
Downloads
82
Comentários
0
Gostaram
6
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

DOMinando JavaScript

  1. 1. DOMinando JavaScript
  2. 2. Thiago Henrique Poiani IFSP - São Carlos Tecnólogo em Análise e Desenvolvimento de Sistemas
  3. 3. Thiago Henrique Poiani
  4. 4. Thiago Henrique Poiani
  5. 5. Apresentações
  6. 6. Apresentações 192.168.210.84:3000
  7. 7. JavaScript História
  8. 8. História JavaScript é uma linguagem de programação interpretada Criada por Brendan Eich em 1995 Padronizada pelo grupo ECMA - ECMAScript
  9. 9. JavaScript Por onde começar?
  10. 10. Por onde começar?
  11. 11. Por onde começar? Web Console Aptana Eclipse Komodo JetBrains WebStorm Microsoft Visual Studio NetBeans Atom Brackets Notepad++ Sublime Text Vim
  12. 12. JavaScript Hello World
  13. 13. Web Console
  14. 14. JavaScript Tipos
  15. 15.
  16. 16. JavaScript Operações
  17. 17. JavaScript String
  18. 18. JavaScript Array
  19. 19. JavaScript Expressões
  20. 20.
  21. 21. … … … …
  22. 22. … … …
  23. 23. JavaScript Function
  24. 24.
  25. 25. JavaScript Object
  26. 26. Objeto Literal …
  27. 27. JSON - JavaScript Object Notation
  28. 28. Função Construtora
  29. 29. Callbacks
  30. 30. AJAX
  31. 31. JavaScript Strict Mode
  32. 32. Strict Mode
  33. 33. Intervalo
  34. 34. JavaScript Como vou rodar tudo que vi até agora em um site?
  35. 35. Como vou rodar tudo que vi até agora em um site?
  36. 36. Como vou rodar tudo que vi até agora em um site?
  37. 37. Como vou rodar tudo que vi até agora em um site?
  38. 38. Como vou rodar tudo que vi até agora em um site?
  39. 39. Content Delivery Network (CDN)
  40. 40. Minify / Uglify
  41. 41. JavaScript O que mais JavaScript faz?
  42. 42. O que mais JavaScript faz? Manipulação de DOM
  43. 43. DOM é uma multi-plataforma que representa como as marcações em HTML, XHTML e XML são organizadas e lidas pelo navegador
  44. 44. Window Object Objeto Window representa a janela que contem o DOM. Window.alert(); Window.open();
  45. 45. Document Object Objeto Document, acessível por window.document, possui o DOM Tree. https://developer.mozilla.org/en-US/docs/Web/API/Document
  46. 46. JavaScript Como manipulo um nó?
  47. 47. Document Object
  48. 48. Document Object
  49. 49. Document Object http://caniuse.com/#feat=queryselector
  50. 50. Document Object
  51. 51. Document Object
  52. 52. Document Object http://caniuse.com/#feat=classlist
  53. 53. Cross-browser
  54. 54. Web Semântica http://www.w3c.br/Padroes/WebSemantica
  55. 55. Document Object
  56. 56. Document Object
  57. 57. Document Object http://html5doctor.com/html5-custom-data-attributes/
  58. 58. JavaScript Vamos manipular eventos?
  59. 59. Events … https://developer.mozilla.org/pt-BR/docs/Web/API/Element.addEventListener
  60. 60. Events … https://developer.mozilla.org/en-US/docs/Web/Events
  61. 61. Events …
  62. 62. JavaScript this
  63. 63. this Toda função, ao ser executada, gera uma associação do objeto criado pelo interpretador através da palavra reservada this. http://tableless.com.br/javascript-entendendo-o-this/
  64. 64. this http://tableless.com.br/javascript-entendendo-o-this/
  65. 65. this … http://tableless.com.br/javascript-entendendo-o-this/
  66. 66. JavaScript Hoje e Futuro
  67. 67. Hoje e Futuro
  68. 68. Hoje e Futuro http://www.forbes.com/sites/quora/2014/07/14/what-is-the-most-valuable-programming-language-to- know-for-the-future-and-why/
  69. 69. JavaScript Obrigado!
  70. 70. Agradecimentos -2

×