Skip to content

[Para Revisão] - Capítulo 2 - Components - Badges #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 11 commits into
base: readme-update
Choose a base branch
from
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
####2. Componentes
2.1 [Overview](chapters/02-componentes/2a-overview.md)
2.2 [Action Sheets](chapters/02-componentes/2b-action-sheets.md)
2.3 Alerts
2.3 [Alerts](chapters/02-componentes/2c-alerts.md)
2.4 Badges
2.5 Buttons
2.6 Cards
Expand Down
85 changes: 85 additions & 0 deletions chapters/02-componentes/2c-alerts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
Alerts (Alertas)
-----------

Alertas são uma ótima maneira de oferecer ao usuário a capacidade de escolher uma ação específica ou uma lista de ações. Alerts também podem fornecer ao usuário informações importantes, ou obrigá-los a tomar uma decisão (ou várias decisões).

Do ponto de vista da UI(interface do usuário) , você pode pensar em Alerts como um tipo de modal "flutuante", que abrange apenas uma parte da tela.
Isto significa que, alerts só devem ser usados para ações rápidas, como verificação de senha, notificações de aplicativos pequenos, ou opções rápidas. Para uso de fluxos mais profundos, devem ser reservadas para Modais em tela cheia.

Alerts são bastante flexíveis e podem ser facilmente personalizados. Confira a documentação da API para obter mais informações.

Contents
Basic Alerts
Prompt Alerts
Confirmation Alerts
Radio Alerts
Checkbox Alerts


### Uso Básico

Alerts básicos, são geralmente usados ​​para notificar o usuário sobre novas informações (uma mudança no aplicativo ou um novo recurso), uma situação de urgência que exiga confirmação, ou como uma confirmação ao usuário que uma ação foi bem-sucedida ou não.

doAlert() {
let alert = Alert.create({
title: 'Amigo Novo!',
subTitle: 'Seu amigo, Obi Wan Kenobi, apenas aceitou o seu pedido de amizade!',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remover a palavra apenas, a frase acaba ficando um pouco estranha se traduzir o just ;)

buttons: ['Ok']
});
this.nav.present(alert);
}


### Prompt Alerts (Alertas de prompt)


Prompts oferecem aos usuários uma maneira de dados ou informações de entrada. Por exemplo, muitas vezes Alerts Prompt será utilizado para pedir a confirmação do usuário e senha, como um meio de segurança antes de avançar no fluxo UX(User Experience) de um aplicativo.

let prompt = Alert.create({
title: 'Login',
message: "Digite um nome para este novo álbum, que você está tão interessado em adicionar",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A recomendação é sempre usar aspas simples para código JavaScript

inputs: [
{
name: 'title',
placeholder: 'Title'
},
],
buttons: [
{
text: 'Cancel',
handler: data => {
console.log('Cancel clicked');
}
},
{
text: 'Save',
handler: data => {
console.log('Saved clicked');
}
}
]
});

### Confirmation Alerts (Confirmação Alertas)

Confirmação de Alertas são usados ​​quando é necessário que o usuário confirme expressamente uma escolha particular antes de ir adiante no aplicativo. Um exemplo comum do confirmation alert, é verificando se um usuário quer excluir ou remover um contato de sua lista de endereços.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Uma outra tática que costumo usar é não usar o termo em inglês em alguns trecho, por exemplo, na frase: Um exemplo comum do confirmation alert, é verificando se um usuário quer excluir... eu sugiro colocar assim: Um exemplo comum é verificar se um usuário quer excluir...


let confirm = Alert.create({
title: 'Utilize este sabre de luz?',
message: 'Você concorda em usar este sabre de luz para fazer o bem através da galáxia intergaláctica?',
buttons: [
{
text: 'Disagree',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Traduziu a frase acima, precisa atualizar os textos dos botões e dos console.log()

handler: () => {
console.log('Disagree clicked');
}
},
{
text: 'Agree',
handler: () => {
console.log('Agree clicked');
}
}
]
});

2 changes: 1 addition & 1 deletion chapters/02-componentes/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
2. Componentes
2.1 [Overview](2a-orverview.md)
2.2 [Action Sheets](2b-action-sheets.md)
2.3 > Alerts
2.3 [Alerts](2c-alerts.md)
2.4 > Badges
2.5 > Buttons
2.6 > Cards
Expand Down