JavaScript
Boas práticas Onde começam as boas práticas?
Cuma? EM VOCÊ! Boas práticas
Comigo, blz...    Mas como? Boas práticas
Pensando antes de fazer!!!! Boas práticas Hum....
DÁ MEDO, EU SEI!!!! Boas práticas
DÁ MEDO, EU SEI!!!! PARECE SER MAIS DIFICIL.  CONCORDIO! Boas práticas
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 exc...
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 m...
Seria bom evitar... Evitar passar,uma função na forma de strings, para  setTimeout () e setInterval () Se você passar uma ...
Seria bom evitar... Sempre que puder, faça cache de valores variáveis lento rápido Melhor maneira é para armazenar em cach...
Seria bom evitar... Sempre que puder, faça cache de objetos DOM lento rápido
Seria bom evitar... Remova referencias que não serão mais usadas. Não muito legal Mais legal
Seria bom evitar... Evite pegar um formulário por getElementById Se você passar uma string em  setTimeout()  ou  setInterv...
OO no  JavaScript ! Prototipagem Classes Herança
OO no  JavaScript ! Prototipagem
OO no  JavaScript ! Classes
OO no  JavaScript ! Herança
OO no  JavaScript ! Herança
Vamos po-pogramar juntos? Vamos por a mão na massa para desenvolver um CRUD  em Javascript. Encapsular e expor somente o q...
Como resolver problemas?
Como resolver problemas? Entender o que esta sendo feito.
Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE.
Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE. Evitar fazer pog!
Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE. Evitar fazer pog! E quanto nada de...
Obrigado! Links legais: http://www.mspc.eng.br/info/jscriptOper.shtml   http://imasters.com.br/artigo/21928/javascript/30-...
Próximos SlideShares
Carregando em…5
×

Javascript - boas práticas

1.592 visualizações

Publicada em

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

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.592
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
32
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Javascript - boas práticas

  1. 1. JavaScript
  2. 2. Boas práticas Onde começam as boas práticas?
  3. 3. Cuma? EM VOCÊ! Boas práticas
  4. 4. Comigo, blz... Mas como? Boas práticas
  5. 5. Pensando antes de fazer!!!! Boas práticas Hum....
  6. 6. DÁ MEDO, EU SEI!!!! Boas práticas
  7. 7. DÁ MEDO, EU SEI!!!! PARECE SER MAIS DIFICIL. CONCORDIO! Boas práticas
  8. 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. 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. 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. 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. 12. Seria bom evitar... Sempre que puder, faça cache de objetos DOM lento rápido
  13. 13. Seria bom evitar... Remova referencias que não serão mais usadas. Não muito legal Mais legal
  14. 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. 15. OO no JavaScript ! Prototipagem Classes Herança
  16. 16. OO no JavaScript ! Prototipagem
  17. 17. OO no JavaScript ! Classes
  18. 18. OO no JavaScript ! Herança
  19. 19. OO no JavaScript ! Herança
  20. 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. 21. Como resolver problemas?
  22. 22. Como resolver problemas? Entender o que esta sendo feito.
  23. 23. Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE.
  24. 24. Como resolver problemas? Entender o que esta sendo feito. Pedir ajuda ao colega SEMPRE. Evitar fazer pog!
  25. 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. 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/

×