Skip to content

Commit 6cc084f

Browse files
authored
Merge pull request tomalaforge#458 from kabrunko-dev/translation-ptbr
docs(pt): add more challenge transations and ui i18n schema
2 parents e7f68df + 9d62ec4 commit 6cc084f

File tree

3 files changed

+60
-0
lines changed

3 files changed

+60
-0
lines changed
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
title: 🟢 Navegação por Âncora
3+
description: Desafio 21 é sobre navegação dentro de uma página por âncora
4+
author: thomas-laforge
5+
challengeNumber: 21
6+
command: angular-anchor-scrolling
7+
sidebar:
8+
order: 4
9+
---
10+
11+
## Informação
12+
13+
Você começa com uma aplicação que tem uma navegação básica e navegação por âncora no `HomeComponent`. No entanto, usando `href` recria o caminho toda vez e recarrega a página.
14+
15+
## Declaração
16+
17+
- Sua tarefa é refatorar essa aplicação para usar a ferramenta nativa de navegação para melhor ajuste com o framework Angular. Você pode explorar o roteador, mas é melhor permanecer dentro do template e usar a diretiva `RouterLink`.
18+
- Para melhorar a experiência do usuário, adicionar rolagem suave.
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
---
2+
title: 🟢 @RouterInput()
3+
description: Desafio 22 é sobre o uso do decorador @Input para recuperar parâmetros do roteador.
4+
author: thomas-laforge
5+
challengeNumber: 22
6+
command: angular-router-input
7+
blogLink: https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617
8+
sidebar:
9+
order: 5
10+
---
11+
12+
## Informação
13+
14+
Nesta aplicação, recuperamos 3 pedaços de informação, dentro do nosso `TestComponent`, providenciados pelo roteador:
15+
16+
- Queremos recuperar `testId` encontrado nos parâmetros da URL.
17+
- Queremos obter `user` localizado nos parâmetros query da URL.
18+
- Queremos acessar `permission` atribuído no objeto `data` da rota.
19+
20+
Na versão 15 ou mais recente do Angular, usamos `ActivatedRoute` para obter todas as informações e recebê-las através de observables para escutarmos mudanças na URL.
21+
22+
Na versão 16, Angular introduziu um novo `Input` que pode ouvir os dados da rota. Você pode ler mais sobre [aqui](https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617).
23+
24+
## Declaração
25+
26+
O objetivo deste exercício é refatorar o código para usar a nova estratégia `RouterInput`.

docs/src/content/i18n/pt.json

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"page.title.challenge": "Desafio",
3+
"author.createdBy": "Criado por",
4+
"buttons.star": "Dar uma estrela",
5+
"buttons.sponsor": "Patrocinar",
6+
7+
"challenge.footer.note": "Nota",
8+
"challenge.footer.running": "Rode o projeto executando o comando:",
9+
"challenge.footer.start": "O título do seu PR deve começar com",
10+
"challenge.footer.reminder": "Não esqueça",
11+
"challenge.footer.communityAnswers": "Solução da Comunidade",
12+
"challenge.footer.authorAnswer": "Solução do Autor do Desafio",
13+
"challenge.footer.blogPost": "Artigo",
14+
15+
"404.text": "Página não encontrada. Verifique a URL ou tente usar a barra de busca."
16+
}

0 commit comments

Comments
 (0)