Apresentação sobre Javascript OO e boas práticas...

1. JavaScript

2. Boas práticas Onde começam as boas práticas?

3. Cuma? EM VOCÊ! Boas práticas

4. Comigo, blz... Mas como? Boas práticas

5. Pensando antes de fazer!!!! Boas práticas Hum....

6. DÁ MEDO, EU SEI!!!! Boas práticas

7. DÁ MEDO, EU SEI!!!! PARECE SER MAIS DIFICIL. CONCORDIO! Boas práticas

8. Seria bom evitar... Evitar o uso de eval ou Function Function e a função a eval são operações pesadas que usados em excesso pode complicar a vida do interpretador. Suas chamadas são convertidas de código fonte para código executável. lento rápido

9. Seria bom evitar... Evitar try-catch-, dentro de um laço de repetição Tratamento de exceção deve ser feito em um nível mais alto onde não ocorrem com freqüência. lento rápido

10. Seria bom evitar... Evitar passar,uma função na forma de strings, para setTimeout () e setInterval () Se você passar uma string em setTimeout() ou setInterval() a string será avaliada da mesma forma que o eval() que é lento. lento rápido Envolva seu código em uma função anônima. Assim o interpretado poderá executar sua instrução de forma mais rápida durante a “compilação”.

11. Seria bom evitar... Sempre que puder, faça cache de valores variáveis lento rápido Melhor maneira é para armazenar em cache o comprimento do array: O comprimento do arr array é recalculado a cada vez que o loop repete.

12. Seria bom evitar... Sempre que puder, faça cache de objetos DOM lento rápido

13. Seria bom evitar... Remova referencias que não serão mais usadas. Não muito legal Mais legal

14. Seria bom evitar... Evite pegar um formulário por getElementById Se você passar uma string em setTimeout() ou setInterval() a string será avaliada da mesma forma que o eval() que é lento. Existe várias formas de se pegar seus campos...

15. OO no JavaScript ! Prototipagem Classes Herança

16. OO no JavaScript ! Prototipagem

17. OO no JavaScript ! Classes

18. OO no JavaScript ! Herança

19. OO no JavaScript ! Herança

20. Vamos po-pogramar juntos? Vamos por a mão na massa para desenvolver um CRUD em Javascript. Encapsular e expor somente o que realmente precisa ser exposto . function Pessoa(){ var _pessoas = [], _cadastro = function(pessoa){ console.log(pessoa); _pessoas.push(pessoa); }, _remover =function(indice){ _pessoas.splice(indice,1); } return { C: _cadastro, R: _pessoas, D: _remover }; } console.dir(p)

21. Como resolver problemas?

22. Como resolver problemas? Entender o que esta sendo feito.

23. Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE.

24. Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE. Evitar fazer pog!

25. Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE. Evitar fazer pog! E quanto nada deu certo. >> go to GOOGLE.COM

26. Obrigado! Links legais: http://www.mspc.eng.br/info/jscriptOper.shtml http://imasters.com.br/artigo/21928/javascript/30-dicas-para-melhorar-o-desempenho-do-javascript http://addyosmani.com/largescalejavascript/?utm_source=javascriptweekly&utm_medium=email#modtheory http://www.developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices http://homepage.mac.com/rue/JS_Optimization_Techniques/ http://www.milfont.org/tech/2008/01/05/heranca-no-javascript/