javascript - boas prticas

Download Javascript - boas prticas

Post on 15-Jun-2015

1.253 views

Category:

Technology

2 download

Embed Size (px)

DESCRIPTION

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

TRANSCRIPT

  • 1. JavaScript

2. Boas prticas Onde comeam as boas prticas? 3. Cuma? EM VOC! Boas prticas 4. Comigo, blz...Mas como? Boas prticas 5. Pensando antes de fazer!!!! Boas prticas Hum.... 6. D MEDO, EU SEI!!!! Boas prticas 7. D MEDO, EU SEI!!!! PARECE SER MAIS DIFICIL.CONCORDIO! Boas prticas 8. Seria bom evitar... Evitar o uso de eval ou Function Functione a funo aevalso operaes pesadas que usados em excesso pode complicar a vida do interpretador. Suas chamadas so convertidas de cdigo fonte para cdigo executvel. lento rpido 9. Seria bom evitar... Evitar try-catch-, dentro de um lao de repetioTratamento de exceo deve ser feito em um nvel mais alto onde no ocorrem com freqncia. lento rpido 10. Seria bom evitar... Evitar passar,uma funo na forma de strings, parasetTimeout () e setInterval () Se voc passar uma string emsetTimeout()ousetInterval()a string ser avaliada da mesma forma que oeval()que lento. lento rpido Envolva seu cdigo em uma funo annima. Assim o interpretado poderexecutar sua instruo de forma mais rpida durante a compilao. 11. Seria bom evitar... Sempre que puder, faa cache de valores variveis lento rpido 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, faa cache de objetos DOM lento rpido 13. Seria bom evitar... Remova referencias que no sero mais usadas. No muito legal Mais legal 14. Seria bom evitar... Evite pegar um formulrio por getElementById Se voc passar uma string emsetTimeout()ousetInterval()a string ser avaliada da mesma forma que oeval()que lento. Existe vrias formas de se pegar seus campos... 15. OO noJavaScript ! Prototipagem Classes Herana 16. OO noJavaScript ! Prototipagem 17. OO noJavaScript ! Classes 18. OO noJavaScript ! Herana 19. OO noJavaScript ! Herana 20. Vamos po-pogramar juntos? Vamos por a mo na massa para desenvolver um CRUDem Javascript. Encapsular e expor somente o que realmente precisa serexposto . 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_Practiceshttp://homepage.mac.com/rue/JS_Optimization_Techniques/http://www.milfont.org/tech/2008/01/05/heranca-no-javascript/