JS Style Guide Choices

JS Idiomático,
Convenções e
Polêmicas.
Leo Balter
(@leobalter)
2013-09-25
JS Idiomático, Convenções e Polêmicas. http://jsbin.com/iGuyixo/7
1 de 26 27/09/13 01:05

Maior
dificuldade da
programação
"There are only two hard
things in Computer
Science: cache
invalidation and naming
things."
— Phil Karlton
2 de 26 27/09/13 01:05

Na vida real
"There are only two hard
things in Computer
Science: cache
invalidation, naming
things, and off-by-one
errors". *
3 de 26 27/09/13 01:05

you give vars a bad
name.
#bonjoviprogramming
— @leobalter
4 de 26 27/09/13 01:05

JavaScript de
forma
Consistente e
Idiomática
var foo = "";
var bar = "";
var qux;
5 de 26 27/09/13 01:05

var foo = "",
bar = "",
qux;
6 de 26 27/09/13 01:05

var foo = ""
var bar = ""
var qux
7 de 26 27/09/13 01:05

Código
consistente e
consciente
var foo = ""
bar = ""
qux
bar será tratado como
global e qux vai dar
erro de referência se
for undefined.
8 de 26 27/09/13 01:05

Law of code
style
consistency
"Todo código em
qualquer aplicação
deve parecer como se
tivesse sido escrito por
uma única pessoa,
independentemente de
quantas pessoas
tenham contribuído."
9 de 26 27/09/13 01:05

Assim que você
assume o estilo de um
código ele deve se
tornar lei e todos
devem seguir o mesmo
estilo.
"Argumentos além do
estilo são inúteis. Deve
haver um guia de
estilo, e você deve
segui-lo". Rebecca
Murphey
10 de 26 27/09/13 01:05

O que deve ter
em um guia de
estilo de JS?
Whitespace
Sintaxe bonita
Nomeação de objetos
Comentários
Idiomas
11 de 26 27/09/13 01:05

Padrões de projeto
...
12 de 26 27/09/13 01:05

Whitespace
Tabs ou espaços?
Identação de quantos
espaços?
linebreaks
13 de 26 27/09/13 01:05

Sintaxe
elegante
Quem curte o ASI?
Áspas simples ou
duplas?
14 de 26 27/09/13 01:05

Nomeação de
objetos
function q(s) {
return document.querySelect
}
15 de 26 27/09/13 01:05

function query( selector ) {
}
16 de 26 27/09/13 01:05

Comentários
// retorna elementos de acord
}
}
17 de 26 27/09/13 01:05

Idiomas
// renvoie les éléments en fo
function requete( selector )
}
Se você entende
Francês e Inglês,
parabéns.
18 de 26 27/09/13 01:05

Padrões de
Projeto
Classes
Paradigmas
(programação
funcional)
etc
(function( global ) {
var Module = (function() {
var data = "secret";
19 de 26 27/09/13 01:05

return {
getData: function() {
return data;
},
setData: function( valu
return ( data = value
}
};
})();
global.Module = Module;
})( this );
20 de 26 27/09/13 01:05

Ferramentas
Plato, JSHint, JSPerf,
JSBin
Grunt, Yeoman,
Bower
QUnit, Jasmine,
Mocha
Exemplo: "Como
contribuir com um
projeto".
21 de 26 27/09/13 01:05

Qual o melhor
guia de estilos
de JS?
Nenhum.
Não há bala de prata.
O melhor estilo é o que
a sua equipe melhor se
adapta. A flexibilidade
do JS deve ser usada ao
seu favor.
22 de 26 27/09/13 01:05

Não tente estabelecer
uma única forma para
outros projetos que
não são seus. Temos
mindset diferentes.
23 de 26 27/09/13 01:05

JS Style Guides
Idiomatic.js
Google
jQuery
Airbnb
Se não quiser seguir
algum, crie um pra seu
projeto e torne ele
mandatório.
24 de 26 27/09/13 01:05

Obrigado!
25 de 26 27/09/13 01:05

26 de 26 27/09/13 01:05

JS Style Guide Choices

Recommandé

Recommandé

Contenu connexe

Plus de iMasters

Plus de iMasters (20)

JS Style Guide Choices