Skip to content

Commit 63786b9

Browse files
brunokunacerigor789
authored andcommitted
Pt br Docs Correction (#130)
* correcting words on introduction * correcting words on getting-started - 2-playground-tutorial
1 parent 0dd8f6a commit 63786b9

File tree

2 files changed

+15
-15
lines changed

2 files changed

+15
-15
lines changed

content/docs/pt-BR/getting-started/2-playground-tutorial.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Tutorial do Playground
33
contributors: [alexhiroshi]
44
---
55

6-
O [Playground do NativeScript](https://play.nativescript.org?template=play-vue) é um lugar na nuvem onde você pode apenas brincar com NativeScript e Vue.js no seu navegador até descobrir o báscio. Acesse o link e comece arrastando e soltando os componentes na parte de códigos.
6+
O [Playground do NativeScript](https://play.nativescript.org?template=play-vue) é um lugar na nuvem onde você pode apenas brincar com NativeScript e Vue.js no seu navegador até descobrir o básico. Acesse o link e comece arrastando e soltando os componentes na parte de códigos.
77

88
Você pode trabalhar no Playground por quanto tempo quiser. Pode usar para ter um gostinho do desenvolvimento com NativeScript ou desenvolver todo o seu projeto. Contudo, quando você estiver pronto para publicar o seu aplicativo, precisará ir para a parte mais avançada e [instalar as ferramentas do NativeScript localmente](/pt-BR/docs/getting-started/installation) e então [escolher um template para começar](/pt-BR/docs/getting-started/templates).
99

@@ -112,7 +112,7 @@ Veja como o seu aplicativo ficará no início e no final dessa seção.
112112

113113
### Conceitos básicos do NativeScript
114114

115-
O elemento `<Page>` é o elemnto de nível superior da interface de todos os aplicativos NativeScript+Vue.js. Todos os outros elementos são aninhados dentro.
115+
O elemento `<Page>` é o elemento de nível superior da interface de todos os aplicativos NativeScript+Vue.js. Todos os outros elementos são aninhados dentro.
116116

117117
O elemento `<ActionBar>` exibe uma barra de ação para o `<Page>`. Um `<Page>` não pode conter mais que um `<ActionBar>`.
118118

@@ -161,7 +161,7 @@ Veja como o seu aplicativo ficará no início e no final dessa seção.
161161

162162
### Alguns princípios básicos do NativeScript
163163

164-
Os componentes de layout deixam você organizar vários widgets de UI para o seu aplicativo. Sempre que precisar adicionar mais de um widget na tela do aplicativo, provavelmente você use as opções disponíveis de layout. O `<StackLayout>` e `<GridLayout>` são básicos, mas opções versáteis, deixando você posicionar os elementos na vertical ou em um layout semelhante a uma tabela, repectivamente. Enquanto o `<StackLayout>` lida com elementos em sua sequência natural, o `<GridLayout>` deixa você escolher o posicionamento exato dos seus elementos no grid.
164+
Os componentes de layout deixam você organizar vários widgets de UI para o seu aplicativo. Sempre que precisar adicionar mais de um widget na tela do aplicativo, provavelmente usará as opções de layout disponíveis. O `<StackLayout>` e `<GridLayout>` são básicos, mas opções versáteis, deixando você posicionar os elementos na vertical ou em um layout semelhante a uma tabela, repectivamente. Enquanto o `<StackLayout>` lida com elementos em sua sequência natural, o `<GridLayout>` deixa você escolher o posicionamento exato dos seus elementos no grid.
165165

166166
### Implementação de requisitos
167167

@@ -175,16 +175,16 @@ Use o `<ListView>` para exibir as tarefas abaixo do campo.
175175
* Defina a largura do grid para 100% de modo que ocupe toda a largura da tela.
176176
* Remova quaisquer configurações adicionais para o grid.
177177
* Remova todos elementos `<Label>` de dentro do bloco `<GridLayout>`.
178-
1. Remova o componente `<Label>` do `<TabViewItem>`. Arraste e solte um componente `<TextField>`, um `<Button>` e um `<ListView>` dentro do bloco `<GridLayout>`.<br/>O Playground adicionar código JavaScript no seu código pela primeira vez. Note o bloco `data()` e `methods` adicionado em cima do bloco `template`. Nas próximas etapas de implementação, você precisará adicionar código a essas seções para criar alguma funcionalidade do aplicativo.
178+
1. Remova o componente `<Label>` do `<TabViewItem>`. Arraste e solte um componente `<TextField>`, um `<Button>` e um `<ListView>` dentro do bloco `<GridLayout>`.<br/>O Playground vai adicionar código JavaScript no seu código pela primeira vez. Note o bloco `data()` e `methods` adicionado em cima do bloco `template`. Nas próximas etapas de implementação, você precisará adicionar código a essas seções, para criar alguma funcionalidade do aplicativo.
179179
1. Configurar o posicionamento dos elementos dentro do grid.
180180
* Defina o `<TextField>` para habilitar a primeira coluna e a primeira linha.
181181
* Defina o `<Button>` para habilitar a segunda coluna e a primeira linha.
182182
* Defina o `<ListView>` para ocupar ambas as colunas na segunda linha.
183183
1. Limpe o código de exemplo do `<TextField>` e do `<ListView>`.
184184
1. Registre as tarefas recentes no console.
185185
1. Adicione as tarefas recentes no array de tarefas.
186-
1. Limpe o campo texto depois da entreda.
187-
1. Lista o nome e o status das tarefas na tela.
186+
1. Limpe o campo texto depois da entrada.
187+
1. Liste os nomes das tarefas na tela.
188188

189189
```JavaScript
190190
new Vue({
@@ -196,12 +196,12 @@ new Vue({
196196
},
197197
methods: {
198198
onToDoTap: function (args) {
199-
console.log('Task with index: ' + args.index + ' tapped'); // Logs tapped tasks in the console for debugging.
199+
console.log('Task with index: ' + args.index + ' tapped'); // Registra log das tarefas tocadas no console para debug.
200200
},
201201
onButtonTap() {
202-
console.log("New task added: " + this.textFieldValue + "."); // Logs the newly added task in the console for debugging.
203-
this.todos.push({ name: this.textFieldValue, status: "NEW" }); // Adds tasks in the ToDo array. Newly added tasks are immediately shown on the screen.
204-
this.textFieldValue = ""; // Clears the text field so that users can start adding new tasks immediately.
202+
console.log("New task added: " + this.textFieldValue + "."); // Registra log da nova tarefa no console para debug.
203+
this.todos.push({ name: this.textFieldValue, status: "NEW" }); // Adiciona a nova tarefa no array `todos[]`. Novas tarefas são imediatamente exibidas na tela.
204+
this.textFieldValue = ""; // Limpa o input de texto, desta forma o usuário está apto a adicionar novas tarefas imediatamente.
205205
},
206206
},
207207

@@ -214,7 +214,7 @@ new Vue({
214214
<TabViewItem title="To Do">
215215
<!-- Positions an input field, a button, and the list of tasks in a grid. -->
216216
<GridLayout columns="3*,*" rows="auto,auto" width="100%">
217-
<TextField row="0" col="0" v-model="textFieldValue" hint="Enter text..." editable="true" @returnPress="onButtonTap" /> <!-- Configures the text field and ensures that pressing Return on the keyboard produces the same result as tapping the button. -->
217+
<TextField row="0" col="0" v-model="textFieldValue" hint="Enter text..." editable="true" @returnPress="onButtonTap" /> <!-- Configura o input de texto e garante que pressionar o Return no teclado produz o mesmo resultado que tocar no botão. -->
218218
<Button row="0" col="1" text="Add task" @tap="onButtonTap" />
219219
220220
<ListView row="1" col="0" colspan="2" for="todo in todos" @itemTap="onToDoTap">

content/docs/pt-BR/introduction.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ NativeScript é um framework open source para construção de aplicativos mobile
99

1010
## O que é [Vue.js](https://vuejs.org/)?
1111

12-
Vue (pronuncia-se /vjuː/, como view, em inglês) é um framework progressivo para construção de interface do usuário. O core da bibliotera está focada somente na camada de visualização e é muito fácil pegar e integrar com outras bibliotecas ou projetos existentes.
12+
Vue (pronuncia-se /vjuː/, como view, em inglês) é um framework progressivo para construção de interface do usuário. O core da biblioteca está focada somente na camada de visualização e é muito fácil pegar e integrar com outras bibliotecas ou projetos existentes.
1313

1414
## O que é NativeScript-Vue?
1515

@@ -19,20 +19,20 @@ Se você já usou Vue.js, irá se sentir em casa com NativeScript-Vue.
1919

2020
## Por que você usaria isso?
2121

22-
Há muitas opções para construir aplicativos mobile. Aqui estão agumas situações onde nós achamos que o NativeScript-Vue se encaixa bem.
22+
Há muitas opções para construir aplicativos mobile. Aqui estão algumas situações onde nós achamos que o NativeScript-Vue se encaixa bem.
2323

2424
* **Você precisa de um verdadeiro aplicativo nativo iOS e Android**: NativeScript cria seus aplicativos usando componentes nativos da interface do iOS e Android. Os aplicativos que você cria não são baseados na web, portando, não estão sujeitos às limitações inerentes de um aplicativo criado com framework baseado na WebView. Além disso, NativeScript fornece [uma extensa coleção de plugins](http://market.nativescript.org/) para conectar com recursos nativos do dispositivo. Então, se você precisar conectar com uma API iOS ou Android, ou um recurso como parte do seu aplicativo, poderá fazer com NativeScript.
2525
* **Você gosta de JavaScript**: Com NativeScript você escreve seus aplicativos com JavaScript - não com Objective-C, Swift ou Java. Se você gosta de JavaScript, irá gostar de escrever aplicativos nativos iOS e Android com a mesma linguagem que você usa na Web e/ou aplicativos Node.
2626
* **Você gosta de Vue**: Vue é conhecido por ter uma abordagem simples na camada de visualização. Se você gosta de criar aplicativos web com Vue, irá se sentir em casa com NativeScript-Vue usando a mesma sintaxe para lidar com tarefas comuns, como data binding e manipulação de eventos.
2727

28-
## What’s the catch?
28+
## O que você precisa saber para começar a usar?
2929

3030
Se você já tem uma experiência com Vue, há duas grandes coisas que você precisa aprender para ter sucesso com NativeScript-Vue.
3131

3232
* **Trabalhando com o CLI do NativeScript**: NativeScript é um framework para construir aplicativos iOS e Android, não aplicativos web. Você precisará aprender alguns comandos do CLI do NativeScript e o básico de como os simuladores e os dispositivos virtuais do iOS e do Android, respectivamente, funcionam.
3333
* **Aprendendo os componentes de UI do NativeScript**: Como NativeScript usa interfaces de componentes nativos, controles HTML como `<div>` e `<span>` não existem no NativeScript. Em vez disso, você precisará aprender [um novo conjunto de componentes](https://docs.nativescript.org/ui/components) para poder usar e renderizar suas inferfaces.
3434

35-
Não se preocupe. Apesar de ter uma curva de aprendizado para trabalhar com NativeScript-Vue, você deve achar coisas muito mais fáceis do que aparender iOS e Android do zero. Afinal, você ainda estará escrevendo seus códigos com JavaScript e Vue.
35+
Não se preocupe. Apesar de ter uma curva de aprendizado para trabalhar com NativeScript-Vue, você deve achar coisas muito mais fáceis do que aprender iOS e Android do zero. Afinal, você ainda estará escrevendo seus códigos com JavaScript e Vue.
3636

3737
## Quer se envolver?
3838

0 commit comments

Comments
 (0)