6. Desafio Desenvolvedor
JavaScript
• Vários ambientes (mobile, desktop,
geladeira)
• Chrome, Firefox, Opera
• IE 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17...
• Qual é mesmo a versão do JS?
7.
8. JS que funciona em
qualquer site, inclusive
nos que não são seus!
34. Antipatterns comuns
• Muitas globais poluindo o contexto da
página
• Modificar os objetos nativos do JS
• JavaScript inline
• document.write()
35. Addy Osmani:
“Knowledge of anti-patterns is critical
for success. Once we are able to
recognize such anti-patterns, we're
able to refactor our code to negate
them so that the overall quality of our
solutions improves instantly.”
http://addyosmani.com/resources/essentialjsdesignpatterns/book/#antipatterns
36. Addy Osmani (em pt-BR):
“Conhecer os antipadrões é crítico
para alcançar sucesso. Uma vez que
conseguimos reconhecer os
antipadrões, conseguimos refatorar
nosso código para evitá-los de modo
que a qualidade geral de nossas
soluções melhore instantaneamente.”
http://addyosmani.com/resources/essentialjsdesignpatterns/book/#antipatterns
48. Passo a passo
• Repositório GitHub WebHook para
http://plugins.jquery.com/postreceive-hook
• Criar um arquivo de manifesto “seu-plugin.jquery.json”
68. ‣ npm install -g grunt-cli
‣ npm install -g grunt-init
‣ gitclone git@github.com:gruntjs/grunt-init-jquery.git
~/.grunt-init/jquery
‣# entre na pasta que vai criar o seu projeto
69. ‣ npm install -g grunt-cli
‣ npm install -g grunt-init
‣ gitclone git@github.com:gruntjs/grunt-init-jquery.git
~/.grunt-init/jquery
‣# entre na pasta que vai criar o seu projeto
‣ grunt-init jquery
70. ‣ npm install -g grunt-cli
‣ npm install -g grunt-init
‣ gitclone git@github.com:gruntjs/grunt-init-jquery.git
~/.grunt-init/jquery
‣# entre na pasta que vai criar o seu projeto
‣ grunt-init jquery
‣ npm install grunt --save-dev
71. ‣ npm install -g grunt-cli
‣ npm install -g grunt-init
‣ gitclone git@github.com:gruntjs/grunt-init-jquery.git
~/.grunt-init/jquery
‣# entre na pasta que vai criar o seu projeto
‣ grunt-init jquery
‣ npm install grunt --save-dev
‣ npm install