You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: i18n/PT-BR.md
+20-21Lines changed: 20 additions & 21 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,21 +6,21 @@
6
6
7
7
>The [original English version](http://jpapa.me/ngstyles) is the source of truth, as it is maintained and updated first.
8
8
9
-
Se você procura por um guia de estilo opinativo para sintaxe, convenções e estruturação de aplicações AngularJS, então siga em frente! Estes estilos são baseados em minha experiência com desenvolvimento [AngularJS](//angularjs.org), apresentações, [cursos de treinamento na Plurasight](http://pluralsight.com/training/Authors/Details/john-papa) e trabalho em times.
9
+
Se você procura por um guia de estilo opinativo para sintaxe, convenções e estruturação de aplicações AngularJS, então siga em frente! Estes estilos são baseados em minha experiência com desenvolvimento com [AngularJS](//angularjs.org), apresentações, [cursos de treinamento na Plurasight](http://pluralsight.com/training/Authors/Details/john-papa) e trabalhando em equipes.
10
10
11
11
> Se você gostar deste estilo, confira meu curso [AngularJS Patterns: Clean Code](http://jpapa.me/ngclean) na Plurasight.
12
12
13
13
A proposta deste guia de estilo é fornecer uma direção na construção de aplicações AngularJS mostrando convenções que eu uso, e o mais importante, porque eu as escolhi.
14
14
15
-
## A Importância da Comunidade e Creditos
15
+
## A Importância da Comunidade e Créditos
16
16
17
-
Nunca trabalhe fechado no vácuo. Acho que a comunidade AngularJS é um grupo incrível que é apaixonado em compartilhar experiências. Dessa forma, Todd Motto, um amigo e expert em AngularJS e eu temos colaborado com vários estilos e convenções. Nós concordamos na maioria deles, e discordamos em alguns. Eu encorajo você a conferir o [guia do Todd](https://github.com/toddmotto/angularjs-styleguide) para ter uma noção sobre sua abordagem e como ela se compara a esta.
17
+
Nunca trabalhe sozinho. Acho que a comunidade AngularJS é um grupo incrível que é apaixonado em compartilhar experiências. Dessa forma, Todd Motto, um amigo e expert em AngularJS e eu temos colaborado com vários estilos e convenções. Nós concordamos na maioria deles, e discordamos em alguns. Eu encorajo você a conferir o [guia do Todd](https://github.com/toddmotto/angularjs-styleguide) para ter uma noção sobre sua abordagem e como ela se compara a esta.
18
18
19
19
Vários de meus estilos vieram de várias sessões de pair-programming que [Ward Bell](http://twitter.com/wardbell) e eu tivemos. Embora não corcordemos sempre, meu amigo Ward certamente me ajudou influenciando na última evolução deste guia.
20
20
21
21
## Veja os estilos em um aplicativo de exemplo
22
22
23
-
Embora este guia explique o **o quê**, **porque** e **como**, acho útil ver tudo isso em prática. Este guia é acompanhado de uma aplicação de amostra que segue estes estilos e padrões. Você pode encontrar a [aplicação de exemplo (chamada "modular") aqui](https://github.com/johnpapa/ng-demos) na pasta `modular`. Sinta-se livre para pegâ-la, cloná-la e *forká-la*. [Instruções de como rodar o aplicativo estão em seu README](https://github.com/johnpapa/ng-demos/tree/master/modular).
23
+
Embora este guia explique o **o quê**, **porque** e **como**, acho útil ver tudo isso em prática. Este guia é acompanhado de uma aplicação de exemplo que segue estes estilos e padrões. Você pode encontrar a [aplicação de exemplo (chamada "modular") aqui](https://github.com/johnpapa/ng-demos) na pasta `modular`. Sinta-se livre para pegá-la, cloná-la e *forká-la*. [Instruções de como rodar o aplicativo estão em seu README](https://github.com/johnpapa/ng-demos/tree/master/modular).
24
24
25
25
> **Nota de tradução**: Os títulos originais de cada seção será mantido, pois caso você queira buscar mais sobre estes assuntos futuramente, fazendo tal busca em inglês será obtido um resultado **imensamente** melhor.
26
26
>
@@ -221,7 +221,7 @@ ou Módulos
221
221
222
222
- Quando usando um módulo, evite usar as variáveis e então use o encadeamento com a sintaxe *getter*.
223
223
224
-
**Por que?** Isso produz um código mais legível e evite colisão de variáveis ou vazamentos.
224
+
**Por que?** Isso produz um código mais legível e evita colisão de variáveis ou vazamentos.
225
225
226
226
```javascript
227
227
/* evite */
@@ -254,7 +254,6 @@ ou *Definindo* vs *Obtendo*
254
254
255
255
- Use funções nomeadas ao invés de passar uma função anônima como um callback.
256
256
257
-
*Why?*: This produces more readable code, is much easier to debug, and reduces the amount of nested callback code.
258
257
**Por que?** Isso produz um código mais legível, é muito fácil de *debugar*, e reduz a quantidade de callbacks aninhados no código.
259
258
260
259
```javascript
@@ -291,48 +290,48 @@ ou *Definindo* vs *Obtendo*
291
290
292
291
### controllerAs View Syntax
293
292
294
-
-Use the [`controllerAs`](http://www.johnpapa.net/do-you-like-your-angular-controllers-with-or-without-sugar/)syntax over the `classic controller with $scope` syntax.
293
+
-Utilize a sintaxe [`controllerAs`](http://www.johnpapa.net/do-you-like-your-angular-controllers-with-or-without-sugar/)ao invés da sintaxe `clássica controller com $scope`.
295
294
296
295
*Why?*: Controllers are constructed, "newed" up, and provide a single new instance, and the `controllerAs` syntax is closer to that of a JavaScript constructor than the `classic $scope syntax`.
297
296
298
297
*Why?*: It promotes the use of binding to a "dotted" object in the View (e.g. `customer.name` instead of `name`), which is more contextual, easier to read, and avoids any reference issues that may occur without "dotting".
299
298
300
-
*Why?*: Helps avoid using `$parent` calls in Views with nested controllers.
299
+
**Por que?**: Ajuda a evitar o uso de chamadas ao `$parent` nas Views com controllers aninhados.
301
300
302
301
```html
303
-
<!--avoid-->
302
+
<!--evite-->
304
303
<divng-controller="Customer">
305
304
{{ name }}
306
305
</div>
307
306
```
308
307
309
308
```html
310
-
<!--recommended-->
309
+
<!--recomendado-->
311
310
<divng-controller="Customer as customer">
312
311
{{ customer.name }}
313
312
</div>
314
313
```
315
314
316
315
### controllerAs Controller Syntax
317
316
318
-
-Use the `controllerAs`syntax over the `classic controller with $scope` syntax.
317
+
-Utilize a sintaxe `controllerAs`ao invés invés da sintaxe `clássica controller com $scope`.
319
318
320
-
-The `controllerAs`syntax uses`this`inside controllers which gets bound to`$scope`
319
+
-A sintaxe `controllerAs`usa o`this`dentro dos controllers que fica ligado ao`$scope`.
321
320
322
-
*Why?*: `controllerAs`is syntactic sugar over `$scope`. You can still bind to the View and still access `$scope` methods.
321
+
**Por que?**: O `controllerAs`é uma forma mais simples de lidar com o `$scope`. Você ainda poderá fazer o bind para a View e ainda poderá acessar os métodos do `$scope`.
323
322
324
-
*Why?*: Helps avoid the temptation of using `$scope`methods inside a controller when it may otherwise be better to avoid them or move them to a factory. Consider using `$scope`in a factory, or if in a controller just when needed. For example when publishing and subscribing events using[`$emit`](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$emit), [`$broadcast`](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$broadcast), or[`$on`](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$on)consider moving these uses to a factory and invoke from the controller.
323
+
**Por que?**: Ajuda a evitar a tentação de usar o métodos do `$scope`dentro de um controller quando seria melhor evitá-los ou movê-los para um factory. Considere utilizar o `$scope`em um factory, ou em um controller apenas quando necessário. Por exemplo, quando publicar e subscrever eventos usando[`$emit`](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$emit), [`$broadcast`](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$broadcast), ou[`$on`](https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$on)considere mover estes casos para um factory e invocá-los a partir do controller.
325
324
326
325
```javascript
327
-
/*avoid*/
326
+
/*evite*/
328
327
functionCustomer($scope) {
329
328
$scope.name= {};
330
329
$scope.sendMessage=function() { };
331
330
}
332
331
```
333
332
334
333
```javascript
335
-
/*recommended - but see next section*/
334
+
/*recomendado - mas veja a próxima sessão*/
336
335
functionCustomer() {
337
336
this.name= {};
338
337
this.sendMessage=function() { };
@@ -341,28 +340,28 @@ ou *Definindo* vs *Obtendo*
341
340
342
341
### controllerAs with vm
343
342
344
-
-Use a capture variable for `this`when using the `controllerAs` syntax. Choose a consistent variable name such as`vm`, which stands for ViewModel.
343
+
-Utilize uma variável de captura para o `this`quando usar a sintaxe `controllerAs`. Escolha um nome de variável consistente como`vm`, que representa o ViewModel.
345
344
346
-
*Why?*: The `this`keyword is contextual and when used within a function inside a controller may change its context. Capturing the context of`this`avoids encountering this problem.
345
+
**Por que?**: A palavra-chave `this`é contextual e quando usada em uma função dentro de um controller pode mudar seu contexto. Capturando o contexto do`this`evita a ocorrência deste problema.
347
346
348
347
```javascript
349
-
/*avoid*/
348
+
/*evite*/
350
349
functionCustomer() {
351
350
this.name= {};
352
351
this.sendMessage=function() { };
353
352
}
354
353
```
355
354
356
355
```javascript
357
-
/*recommended*/
356
+
/*recomendado*/
358
357
functionCustomer() {
359
358
var vm =this;
360
359
vm.name= {};
361
360
vm.sendMessage=function() { };
362
361
}
363
362
```
364
363
365
-
Note: You can avoid any[jshint](http://www.jshint.com/) warnings by placing the comment below above the line of code.
364
+
Nota: Você pode evitar qualquer[jshint](http://www.jshint.com/) warnings colocando o comentário abaixo acima da linha de código.
0 commit comments