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: content/docs/pt-BR/getting-started/2-playground-tutorial.md
+11-11Lines changed: 11 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ title: Tutorial do Playground
3
3
contributors: [alexhiroshi]
4
4
---
5
5
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.
7
7
8
8
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).
9
9
@@ -112,7 +112,7 @@ Veja como o seu aplicativo ficará no início e no final dessa seção.
112
112
113
113
### Conceitos básicos do NativeScript
114
114
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.
116
116
117
117
O elemento `<ActionBar>` exibe uma barra de ação para o `<Page>`. Um `<Page>` não pode conter mais que um `<ActionBar>`.
118
118
@@ -161,7 +161,7 @@ Veja como o seu aplicativo ficará no início e no final dessa seção.
161
161
162
162
### Alguns princípios básicos do NativeScript
163
163
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.
165
165
166
166
### Implementação de requisitos
167
167
@@ -175,16 +175,16 @@ Use o `<ListView>` para exibir as tarefas abaixo do campo.
175
175
* Defina a largura do grid para 100% de modo que ocupe toda a largura da tela.
176
176
* Remova quaisquer configurações adicionais para o grid.
177
177
* 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.
179
179
1. Configurar o posicionamento dos elementos dentro do grid.
180
180
* Defina o `<TextField>` para habilitar a primeira coluna e a primeira linha.
181
181
* Defina o `<Button>` para habilitar a segunda coluna e a primeira linha.
182
182
* Defina o `<ListView>` para ocupar ambas as colunas na segunda linha.
183
183
1. Limpe o código de exemplo do `<TextField>` e do `<ListView>`.
184
184
1. Registre as tarefas recentes no console.
185
185
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.
188
188
189
189
```JavaScript
190
190
newVue({
@@ -196,12 +196,12 @@ new Vue({
196
196
},
197
197
methods: {
198
198
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.
200
200
},
201
201
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.
205
205
},
206
206
},
207
207
@@ -214,7 +214,7 @@ new Vue({
214
214
<TabViewItem title="To Do">
215
215
<!-- Positions an input field, a button, and the list of tasks in a grid. -->
<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. -->
Copy file name to clipboardExpand all lines: content/docs/pt-BR/introduction.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ NativeScript é um framework open source para construção de aplicativos mobile
9
9
10
10
## O que é [Vue.js](https://vuejs.org/)?
11
11
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.
13
13
14
14
## O que é NativeScript-Vue?
15
15
@@ -19,20 +19,20 @@ Se você já usou Vue.js, irá se sentir em casa com NativeScript-Vue.
19
19
20
20
## Por que você usaria isso?
21
21
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.
23
23
24
24
***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.
25
25
***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.
26
26
***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.
27
27
28
-
## What’s the catch?
28
+
## O que você precisa saber para começar a usar?
29
29
30
30
Se você já tem uma experiência com Vue, há duas grandes coisas que você precisa aprender para ter sucesso com NativeScript-Vue.
31
31
32
32
***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.
33
33
***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.
34
34
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.
0 commit comments