padrões JavaScript

slides apresentados no guru sorocaba, 20/10/2012.

Transcript

1. padrões javascript na prática @ guru-sorocaba 20/10/2012
2. eu rodrigo brancher rbrancher@gmail.com @rbrancher nu nudesign.com.br facebook.com/aquinanu
3. de algum jeito, todo mundo “sabe” javascript.
4. um jeito, to o “sabe” jav
5. um jeito, to o “sabe” jav mas sabe mesmo?
6. macarrão não é javascript…
7. javascript precisa de estrutura
8. padrões
9. padrões são formas standard de resolver problemas recorrentes
10. padrões são formas standard de resolver problemas recorrentes ajudam a escrever código melhor
11. padrões são formas standard de resolver problemas recorrentes ajudam a escrever código melhor permitem construir abstrações, reduzindo a complexidade
12. javascript basics
13. javascript basics orientado a objetos
14. javascript basics orientado a objetos sem classes
15. javascript basics orientado a objetos sem classes tipagem “fraca”
16. javascript basics orientado a objetos sem classes tipagem “fraca” prototypes
17. reduzindo as variáveis globais
18. no javascript, função define escopo
19. definindo um escopo local
20. definindo um escopo local
21. modificando o escopo global no escopo local
22. modificando o escopo global no escopo local
23. sempre utilizar var para declarar variáveis no escopo local
24. hoisting…
25. hoisting…
26. single var pattern
28. agrupar todas as declarações de variáveis locais em um único var, no início da função
29. entendendo as funções no javascript
30. declaração
31. expressão (ou função anônima)
32. expressão nomeada
34. callbacks
35. “don’t call us, we’ll call you” escuta de eventos timeouts extensão de outras funções
38. funções imediatas
39. ( ) executam os objetos função
40. execução “manual”
41. execução imediata
42. execução imediata com parâmetros
43. objetos de configuração
44. funções com muitos parâmetros não são muito práticas
45. utilizando um objeto para passar os parâmetros
46. passando o objeto diretamente
47. declarando objetos literais x construtores
48. definindo com um construtor built-in definindo com um literal
49. definindo construtores customizados
50. adicionando métodos utilizando o prototype
51. let’s talk…
52. namespace
53. aplicações complexas tem muitos objetos
54. entulhando o escopo global com 4 objetos…
55. quanto menos objetos no escopo global, melhor
56. reduzindo para apenas um!
57. organiza o código de aplicações MVC seguindo o namespace pattern http://github.com/fnando/ dispatcher-js dispatcher-js
58. um exemplo real
59. closures definindo propriedades e métodos privados
60. definindo privacidade em objetos construtores
62. definindo privacidade em objetos literais
64. melhorando a implementação com uma função imediata
65. encadeamento de métodos
67. vamos ver alguns casos reais
68. jquery- boilerplate https://github.com/zenorocha/ jquery-boilerplate
69. dispatcher-js https://github.com/fnando/ dispatcher-js
70. modernizr https://github.com/modernizr/ modernizr
71. algumas referências
72. javascript patterns de stoyan stefanov pela o’reilly javascript: the good parts de douglas crockford pela o’reilly
73. http:// developer. mozzila.org mdn
74. obrigado!