diff --git a/docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md b/docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md new file mode 100644 index 0000000..65147c3 --- /dev/null +++ b/docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md @@ -0,0 +1,18 @@ +--- +title: 🟢 Navegação por Âncora +description: Desafio 21 é sobre navegação dentro de uma página por âncora +author: thomas-laforge +challengeNumber: 21 +command: angular-anchor-scrolling +sidebar: + order: 4 +--- + +## Informação + +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. + +## Declaração + +- 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`. +- Para melhorar a experiência do usuário, adicionar rolagem suave. diff --git a/docs/src/content/docs/pt/challenges/angular/22-router-input.md b/docs/src/content/docs/pt/challenges/angular/22-router-input.md new file mode 100644 index 0000000..04a851c --- /dev/null +++ b/docs/src/content/docs/pt/challenges/angular/22-router-input.md @@ -0,0 +1,26 @@ +--- +title: 🟢 @RouterInput() +description: Desafio 22 é sobre o uso do decorador @Input para recuperar parâmetros do roteador. +author: thomas-laforge +challengeNumber: 22 +command: angular-router-input +blogLink: https://medium.com/ngconf/accessing-route-params-in-angular-1f8e12770617 +sidebar: + order: 5 +--- + +## Informação + +Nesta aplicação, recuperamos 3 pedaços de informação, dentro do nosso `TestComponent`, providenciados pelo roteador: + +- Queremos recuperar `testId` encontrado nos parâmetros da URL. +- Queremos obter `user` localizado nos parâmetros query da URL. +- Queremos acessar `permission` atribuído no objeto `data` da rota. + +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. + +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). + +## Declaração + +O objetivo deste exercício é refatorar o código para usar a nova estratégia `RouterInput`. diff --git a/docs/src/content/i18n/pt.json b/docs/src/content/i18n/pt.json new file mode 100644 index 0000000..e69ee80 --- /dev/null +++ b/docs/src/content/i18n/pt.json @@ -0,0 +1,16 @@ +{ + "page.title.challenge": "Desafio", + "author.createdBy": "Criado por", + "buttons.star": "Dar uma estrela", + "buttons.sponsor": "Patrocinar", + + "challenge.footer.note": "Nota", + "challenge.footer.running": "Rode o projeto executando o comando:", + "challenge.footer.start": "O título do seu PR deve começar com", + "challenge.footer.reminder": "Não esqueça", + "challenge.footer.communityAnswers": "Solução da Comunidade", + "challenge.footer.authorAnswer": "Solução do Autor do Desafio", + "challenge.footer.blogPost": "Artigo", + + "404.text": "Página não encontrada. Verifique a URL ou tente usar a barra de busca." +}