Skip to content

Commit 54ad09a

Browse files
committed
Merge pull request johnpapa#113 from jlcarvalho/patch-1
Update PT-BR.md
2 parents 6642c45 + 8df1868 commit 54ad09a

File tree

1 file changed

+20
-21
lines changed

1 file changed

+20
-21
lines changed

i18n/PT-BR.md

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -6,21 +6,21 @@
66

77
>The [original English version](http://jpapa.me/ngstyles) is the source of truth, as it is maintained and updated first.
88
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.
1010

1111
> Se você gostar deste estilo, confira meu curso [AngularJS Patterns: Clean Code](http://jpapa.me/ngclean) na Plurasight.
1212
1313
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.
1414

15-
## A Importância da Comunidade e Creditos
15+
## A Importância da Comunidade e Créditos
1616

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.
1818

1919
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.
2020

2121
## Veja os estilos em um aplicativo de exemplo
2222

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).
2424

2525
> **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.
2626
>
@@ -221,7 +221,7 @@ ou Módulos
221221

222222
- Quando usando um módulo, evite usar as variáveis e então use o encadeamento com a sintaxe *getter*.
223223

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.
225225

226226
```javascript
227227
/* evite */
@@ -254,7 +254,6 @@ ou *Definindo* vs *Obtendo*
254254

255255
- Use funções nomeadas ao invés de passar uma função anônima como um callback.
256256

257-
*Why?*: This produces more readable code, is much easier to debug, and reduces the amount of nested callback code.
258257
**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.
259258

260259
```javascript
@@ -291,48 +290,48 @@ ou *Definindo* vs *Obtendo*
291290

292291
### controllerAs View Syntax
293292

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`.
295294

296295
*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`.
297296

298297
*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".
299298

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.
301300

302301
```html
303-
<!-- avoid -->
302+
<!-- evite -->
304303
<div ng-controller="Customer">
305304
{{ name }}
306305
</div>
307306
```
308307

309308
```html
310-
<!-- recommended -->
309+
<!-- recomendado -->
311310
<div ng-controller="Customer as customer">
312311
{{ customer.name }}
313312
</div>
314313
```
315314

316315
### controllerAs Controller Syntax
317316

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`.
319318

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`.
321320

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`.
323322

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.
325324

326325
```javascript
327-
/* avoid */
326+
/* evite */
328327
function Customer($scope) {
329328
$scope.name = {};
330329
$scope.sendMessage = function() { };
331330
}
332331
```
333332

334333
```javascript
335-
/* recommended - but see next section */
334+
/* recomendado - mas veja a próxima sessão */
336335
function Customer() {
337336
this.name = {};
338337
this.sendMessage = function() { };
@@ -341,28 +340,28 @@ ou *Definindo* vs *Obtendo*
341340

342341
### controllerAs with vm
343342

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.
345344

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.
347346

348347
```javascript
349-
/* avoid */
348+
/* evite */
350349
function Customer() {
351350
this.name = {};
352351
this.sendMessage = function() { };
353352
}
354353
```
355354

356355
```javascript
357-
/* recommended */
356+
/* recomendado */
358357
function Customer() {
359358
var vm = this;
360359
vm.name = {};
361360
vm.sendMessage = function() { };
362361
}
363362
```
364363

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.
366365

367366
```javascript
368367
/* jshint validthis: true */

0 commit comments

Comments
 (0)