fix(curriculum): Read-search-ask link now point to correct url as noted in the issue (#37753)

* fix: broken Read-search-ask link now point to correct url

* fix: changed link to original forum link with more views

* fix: changed http links to correct version

* fix: link in help modal
This commit is contained in:
Mo Zargham
2019-11-19 19:54:48 -05:00
committed by Manish Giri
parent 62aa54efba
commit 437ba8b103
400 changed files with 400 additions and 401 deletions

View File

@@ -7,7 +7,7 @@ localeTitle: Encontre a diferença simétrica
---
## Descrição
<section id="description"> Crie uma função que receba dois ou mais arrays e retorne um array da <dfn>diferença simétrica</dfn> ( <code></code> ou <code></code> ) dos arrays fornecidos. Dados dois conjuntos (por exemplo, conjunto <code>A = {1, 2, 3}</code> e conjunto <code>B = {2, 3, 4}</code> ), o termo matemático &quot;diferença simétrica&quot; de dois conjuntos é o conjunto de elementos que estão em qualquer um dos dois conjuntos, mas não em ambos ( <code>A △ B = C = {1, 4}</code> ). Para cada diferença simétrica adicional que você tomar (digamos em um conjunto <code>D = {2, 3}</code> ), você deve obter o conjunto com elementos que estão em um dos dois conjuntos, mas não em ambos ( <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ). A matriz resultante deve conter apenas valores exclusivos ( <em>sem duplicatas</em> ). Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
<section id="description"> Crie uma função que receba dois ou mais arrays e retorne um array da <dfn>diferença simétrica</dfn> ( <code></code> ou <code></code> ) dos arrays fornecidos. Dados dois conjuntos (por exemplo, conjunto <code>A = {1, 2, 3}</code> e conjunto <code>B = {2, 3, 4}</code> ), o termo matemático &quot;diferença simétrica&quot; de dois conjuntos é o conjunto de elementos que estão em qualquer um dos dois conjuntos, mas não em ambos ( <code>A △ B = C = {1, 4}</code> ). Para cada diferença simétrica adicional que você tomar (digamos em um conjunto <code>D = {2, 3}</code> ), você deve obter o conjunto com elementos que estão em um dos dois conjuntos, mas não em ambos ( <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ). A matriz resultante deve conter apenas valores exclusivos ( <em>sem duplicatas</em> ). Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
## Instruções
<section id="instructions">

View File

@@ -7,7 +7,7 @@ localeTitle: Atualização de Inventário
---
## Description
<section id="description"> Compare e atualize o inventário armazenado em uma matriz 2D em relação a uma segunda matriz 2D de uma entrega nova. Atualize as quantidades atuais de itens de estoque existentes (em <code>arr1</code> ). Se um item não puder ser encontrado, adicione o novo item e a quantidade à matriz de estoque. A matriz de inventário retornada deve estar em ordem alfabética por item. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
<section id="description"> Compare e atualize o inventário armazenado em uma matriz 2D em relação a uma segunda matriz 2D de uma entrega nova. Atualize as quantidades atuais de itens de estoque existentes (em <code>arr1</code> ). Se um item não puder ser encontrado, adicione o novo item e a quantidade à matriz de estoque. A matriz de inventário retornada deve estar em ordem alfabética por item. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente emparelhar o programa. Escreva seu próprio código. </section>
## Instructions
<section id="instructions">

View File

@@ -7,7 +7,7 @@ localeTitle: Não repete por favor
---
## Description
<section id="description"> Retorne o número total de permutações da string fornecida que não possui letras consecutivas repetidas. Suponha que todos os caracteres na string fornecida sejam únicos. Por exemplo, <code>aab</code> deve retornar 2 porque tem 6 permutações totais ( <code>aab</code> , <code>aab</code> , <code>aba</code> , <code>aba</code> , <code>baa</code> , <code>baa</code> ), mas apenas 2 delas ( <code>aba</code> e <code>aba</code> ) não têm a mesma letra (neste caso <code>a</code> ) repetida. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente fazer pair programming. Escreva seu próprio código. </section>
<section id="description"> Retorne o número total de permutações da string fornecida que não possui letras consecutivas repetidas. Suponha que todos os caracteres na string fornecida sejam únicos. Por exemplo, <code>aab</code> deve retornar 2 porque tem 6 permutações totais ( <code>aab</code> , <code>aab</code> , <code>aba</code> , <code>aba</code> , <code>baa</code> , <code>baa</code> ), mas apenas 2 delas ( <code>aba</code> e <code>aba</code> ) não têm a mesma letra (neste caso <code>a</code> ) repetida. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente fazer pair programming. Escreva seu próprio código. </section>
## Instructions
<section id="instructions">

View File

@@ -7,7 +7,7 @@ localeTitle: Emparelhados
---
## Description
<section id="description"> Dado um array <code>arr</code> , encontre pares de elementos cuja soma seja igual ao segundo argumento <code>arg</code> e retorne a soma de seus índices. Você pode usar vários pares que tenham os mesmos elementos numéricos, mas índices diferentes. Cada par deve usar os menores índices disponíveis possíveis. Uma vez que um elemento tenha sido usado, ele não pode ser reutilizado para emparelhar com outro elemento. Por exemplo, <code>pairwise([1, 1, 2], 3)</code> cria um par <code>[2, 1]</code> usando o 1 no índice 0 em vez do 1 no índice 1, porque 0 + 2 &lt;1 + 2. Por exemplo, <code>pairwise([7, 9, 11, 13, 15], 20)</code> retorna <code>6</code> . Os pares que somam 20 são <code>[7, 13]</code> e <code>[9, 11]</code> . Podemos então escrever o array com seus índices e valores. <table class="table"><tbody><tr><th> <strong>Índice</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td> Valor </td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table> Abaixo, vamos pegar seus índices correspondentes e adicioná-los. 7 + 13 = 20 → Índices 0 + 3 = 3 <br> 9 + 11 = 20 → Índices 1 + 2 = 3 <br> 3 + 3 = 6 → Return <code>6</code> Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente fazer pair programming. Escreva seu próprio código. </section>
<section id="description"> Dado um array <code>arr</code> , encontre pares de elementos cuja soma seja igual ao segundo argumento <code>arg</code> e retorne a soma de seus índices. Você pode usar vários pares que tenham os mesmos elementos numéricos, mas índices diferentes. Cada par deve usar os menores índices disponíveis possíveis. Uma vez que um elemento tenha sido usado, ele não pode ser reutilizado para emparelhar com outro elemento. Por exemplo, <code>pairwise([1, 1, 2], 3)</code> cria um par <code>[2, 1]</code> usando o 1 no índice 0 em vez do 1 no índice 1, porque 0 + 2 &lt;1 + 2. Por exemplo, <code>pairwise([7, 9, 11, 13, 15], 20)</code> retorna <code>6</code> . Os pares que somam 20 são <code>[7, 13]</code> e <code>[9, 11]</code> . Podemos então escrever o array com seus índices e valores. <table class="table"><tbody><tr><th> <strong>Índice</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td> Valor </td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table> Abaixo, vamos pegar seus índices correspondentes e adicioná-los. 7 + 13 = 20 → Índices 0 + 3 = 3 <br> 9 + 11 = 20 → Índices 1 + 2 = 3 <br> 3 + 3 = 6 → Return <code>6</code> Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Tente fazer pair programming. Escreva seu próprio código. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construa um placar de campista
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https://codepen.io/freeCodeCamp/full/eZGMjp/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver uma tabela dos campistas do freeCodeCamp que ganharam mais pontos de brownie nos últimos 30 dias. <strong>História do usuário:</strong> posso ver quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos ganharam no total. <strong>História de usuário:</strong> Eu posso alternar entre ordenar a lista por quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos pontos de brownie eles ganharam no total. <strong>Dica:</strong> para obter os 100 melhores campistas nos últimos 30 dias: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/recent</a> . <strong>Dica:</strong> para obter os 100 melhores campistas de todos os tempos: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https://codepen.io/freeCodeCamp/full/eZGMjp/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver uma tabela dos campistas do freeCodeCamp que ganharam mais pontos de brownie nos últimos 30 dias. <strong>História do usuário:</strong> posso ver quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos ganharam no total. <strong>História de usuário:</strong> Eu posso alternar entre ordenar a lista por quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos pontos de brownie eles ganharam no total. <strong>Dica:</strong> para obter os 100 melhores campistas nos últimos 30 dias: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/recent</a> . <strong>Dica:</strong> para obter os 100 melhores campistas de todos os tempos: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a> . Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construa um aplicativo leve e brilhante
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https://codepen.io/freeCodeCamp/full/eyLYXE</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso clicar ou arrastar o cursor do mouse para colorir os círculos. <strong>História de usuário:</strong> posso clicar duas vezes em um círculo colorido para remover a cor. <strong>História de usuário:</strong> Eu posso clicar em um círculo colorido para mudar sua cor. <strong>História de usuário:</strong> Eu deveria ter um círculo de cores diferentes em cada clique. <strong>História do usuário:</strong> posso clicar no botão &quot;Redefinir&quot; para remover a cor recente. <strong>História do usuário:</strong> posso clicar no botão &quot;Redefinir tudo&quot; para remover todas as cores dos círculos. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https://codepen.io/freeCodeCamp/full/eyLYXE</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso clicar ou arrastar o cursor do mouse para colorir os círculos. <strong>História de usuário:</strong> posso clicar duas vezes em um círculo colorido para remover a cor. <strong>História de usuário:</strong> Eu posso clicar em um círculo colorido para mudar sua cor. <strong>História de usuário:</strong> Eu deveria ter um círculo de cores diferentes em cada clique. <strong>História do usuário:</strong> posso clicar no botão &quot;Redefinir&quot; para remover a cor recente. <strong>História do usuário:</strong> posso clicar no botão &quot;Redefinir tudo&quot; para remover todas as cores dos círculos. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construa um jogo de Pong
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https://codepen.io/satyamdev/full/pdMmBp</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso controlar uma raquete. <strong>História do Usuário:</strong> O computador pode controlar o outro remo. <strong>História do usuário:</strong> a raquete do computador é imbatível. Nunca deve perder a bola. <strong>História do usuário:</strong> O jogo acompanha o jogador e a pontuação do computador. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https://codepen.io/satyamdev/full/pdMmBp</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso controlar uma raquete. <strong>História do Usuário:</strong> O computador pode controlar o outro remo. <strong>História do usuário:</strong> a raquete do computador é imbatível. Nunca deve perder a bola. <strong>História do usuário:</strong> O jogo acompanha o jogador e a pontuação do computador. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construir um jogo Crawler Dungeon Roguelike
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https://codepen.io/freeCodeCamp/full/apLXEJ/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do Usuário:</strong> Eu tenho saúde, nível e arma. Eu posso pegar uma arma melhor. Eu posso pegar itens de saúde. <strong>História do Usuário:</strong> Todos os itens e inimigos no mapa são organizados aleatoriamente. <strong>História do usuário:</strong> posso percorrer um mapa, descobrindo itens. <strong>História do Usuário:</strong> Eu posso me mover para qualquer lugar dentro dos limites do mapa, mas não posso me mover através de um inimigo até que eu o derrube. <strong>História de usuário:</strong> Grande parte do mapa está oculto. Quando eu dou um passo, todos os espaços que estão dentro de um certo número de espaços de mim são revelados. <strong>História de usuário:</strong> Quando eu venci um inimigo, o inimigo foi embora e eu recebi XP, o que eventualmente aumenta meu nível. <strong>História do Usuário:</strong> Quando eu luto contra um inimigo, nós nos revezamos danificando um ao outro até que um de nós perca. Eu danifico com base no meu nível e na minha arma. O inimigo causa dano baseado em seu nível. O dano é um pouco aleatório dentro de um intervalo. <strong>História do Usuário:</strong> Quando encontro e vence o chefe, eu ganho. <strong>História do Usuário:</strong> O jogo deve ser desafiador, mas teoricamente vitorioso. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https://codepen.io/freeCodeCamp/full/apLXEJ/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do Usuário:</strong> Eu tenho saúde, nível e arma. Eu posso pegar uma arma melhor. Eu posso pegar itens de saúde. <strong>História do Usuário:</strong> Todos os itens e inimigos no mapa são organizados aleatoriamente. <strong>História do usuário:</strong> posso percorrer um mapa, descobrindo itens. <strong>História do Usuário:</strong> Eu posso me mover para qualquer lugar dentro dos limites do mapa, mas não posso me mover através de um inimigo até que eu o derrube. <strong>História de usuário:</strong> Grande parte do mapa está oculto. Quando eu dou um passo, todos os espaços que estão dentro de um certo número de espaços de mim são revelados. <strong>História de usuário:</strong> Quando eu venci um inimigo, o inimigo foi embora e eu recebi XP, o que eventualmente aumenta meu nível. <strong>História do Usuário:</strong> Quando eu luto contra um inimigo, nós nos revezamos danificando um ao outro até que um de nós perca. Eu danifico com base no meu nível e na minha arma. O inimigo causa dano baseado em seu nível. O dano é um pouco aleatório dentro de um intervalo. <strong>História do Usuário:</strong> Quando encontro e vence o chefe, eu ganho. <strong>História do Usuário:</strong> O jogo deve ser desafiador, mas teoricamente vitorioso. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construa um jogo de Simon
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https://codepen.io/freeCodeCamp/full/obYBjE</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu sou apresentado com uma série aleatória de pressionamentos de botão. <strong>História do Usuário:</strong> Toda vez que eu insiro uma série de pressionamentos de botão corretamente, vejo a mesma série de pressionamentos de botão, mas com uma etapa adicional. <strong>História do usuário:</strong> Eu ouço um som que corresponde a cada botão quando a série de pressionamentos de botões é executada e quando pressiono um botão. <strong>História do usuário:</strong> Se eu pressionar o botão errado, serei notificado de que o fiz, e essa série de pressionamentos de botões começa novamente para lembrar-me do padrão, para que eu possa tentar novamente. <strong>História de usuário:</strong> Eu posso ver quantos passos estão na série atual de pressionamentos de botão. <strong>História de usuário:</strong> Se eu quiser reiniciar, posso apertar um botão para fazer isso, e o jogo retornará a uma única etapa. <strong>História do Usuário:</strong> Eu posso jogar no modo estrito, onde se eu apertar um botão errado, ele me notifica que eu fiz isso, e o jogo é reiniciado em uma nova série aleatória de pressionamentos de botão. <strong>História do Usuário:</strong> Eu posso ganhar o jogo, obtendo uma série de 20 passos corretos. Eu sou notificado da minha vitória, então o jogo começa de novo. <strong>Dica:</strong> Aqui estão os mp3s que você pode usar para cada botão: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https://codepen.io/freeCodeCamp/full/obYBjE</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu sou apresentado com uma série aleatória de pressionamentos de botão. <strong>História do Usuário:</strong> Toda vez que eu insiro uma série de pressionamentos de botão corretamente, vejo a mesma série de pressionamentos de botão, mas com uma etapa adicional. <strong>História do usuário:</strong> Eu ouço um som que corresponde a cada botão quando a série de pressionamentos de botões é executada e quando pressiono um botão. <strong>História do usuário:</strong> Se eu pressionar o botão errado, serei notificado de que o fiz, e essa série de pressionamentos de botões começa novamente para lembrar-me do padrão, para que eu possa tentar novamente. <strong>História de usuário:</strong> Eu posso ver quantos passos estão na série atual de pressionamentos de botão. <strong>História de usuário:</strong> Se eu quiser reiniciar, posso apertar um botão para fazer isso, e o jogo retornará a uma única etapa. <strong>História do Usuário:</strong> Eu posso jogar no modo estrito, onde se eu apertar um botão errado, ele me notifica que eu fiz isso, e o jogo é reiniciado em uma nova série aleatória de pressionamentos de botão. <strong>História do Usuário:</strong> Eu posso ganhar o jogo, obtendo uma série de 20 passos corretos. Eu sou notificado da minha vitória, então o jogo começa de novo. <strong>Dica:</strong> Aqui estão os mp3s que você pode usar para cada botão: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> . Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construa um jogo Tic Tac Toe
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https://codepen.io/freeCodeCamp/full/KzXQgy/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso jogar um jogo de Tic Tac Toe com o computador. <strong>História do usuário:</strong> Meu jogo será redefinido assim que terminar, para que eu possa jogar novamente. <strong>História de usuário:</strong> Eu posso escolher se quero jogar como X ou O. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https://codepen.io/freeCodeCamp/full/KzXQgy/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso jogar um jogo de Tic Tac Toe com o computador. <strong>História do usuário:</strong> Meu jogo será redefinido assim que terminar, para que eu possa jogar novamente. <strong>História de usuário:</strong> Eu posso escolher se quero jogar como X ou O. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construa um visualizador da Wikipedia
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https://codepen.io/freeCodeCamp/full/wGqEga/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso pesquisar as entradas da Wikipedia em uma caixa de pesquisa e ver as entradas da Wikipedia resultantes. <strong>História de usuário:</strong> Eu posso clicar em um botão para ver uma entrada aleatória da Wikipedia. <span class="text-info">Dica # 1:</span> Aqui está uma URL que você pode usar para obter um artigo aleatório da Wikipédia: <code>https://en.wikipedia.org/wiki/Special:Random</code> . <span class="text-info">Dica # 2:</span> Aqui está uma entrada sobre o uso da API da Wikipedia: <code>https://www.mediawiki.org/wiki/API:Main_page</code> . <span class="text-info">Dica # 3:</span> use este <a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">link</a> para experimentar a API da Wikipedia. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https://codepen.io/freeCodeCamp/full/wGqEga/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> posso pesquisar as entradas da Wikipedia em uma caixa de pesquisa e ver as entradas da Wikipedia resultantes. <strong>História de usuário:</strong> Eu posso clicar em um botão para ver uma entrada aleatória da Wikipedia. <span class="text-info">Dica # 1:</span> Aqui está uma URL que você pode usar para obter um artigo aleatório da Wikipédia: <code>https://en.wikipedia.org/wiki/Special:Random</code> . <span class="text-info">Dica # 2:</span> Aqui está uma entrada sobre o uso da API da Wikipedia: <code>https://www.mediawiki.org/wiki/API:Main_page</code> . <span class="text-info">Dica # 3:</span> use este <a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">link</a> para experimentar a API da Wikipedia. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Dados de mapa em todo o mundo
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https://codepen.io/freeCodeCamp/full/mVEJag</a> . Cumpra as seguintes <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver onde todos os meteoritos pousaram em um mapa do mundo. <strong>História do Usuário:</strong> Eu posso dizer o tamanho relativo do meteorito, apenas observando a maneira como ele é representado no mapa. <strong>História de usuário:</strong> Eu posso passar o mouse sobre o ponto de dados do meteorito para dados adicionais. <strong>Dica:</strong> Aqui está um conjunto de dados que você pode usar para construir isso: <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a> Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https://codepen.io/freeCodeCamp/full/mVEJag</a> . Cumpra as seguintes <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver onde todos os meteoritos pousaram em um mapa do mundo. <strong>História do Usuário:</strong> Eu posso dizer o tamanho relativo do meteorito, apenas observando a maneira como ele é representado no mapa. <strong>História de usuário:</strong> Eu posso passar o mouse sobre o ponto de dados do meteorito para dados adicionais. <strong>Dica:</strong> Aqui está um conjunto de dados que você pode usar para construir isso: <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a> Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: P2P Video Chat Application
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://glitch.com" target="_blank">Glitch</a> que seja funcionalmente semelhante a este: <a href="https://grove-voice.glitch.me/" target="_blank">https://grove-voice.glitch.me</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> Ao chegar, o navegador solicitará que eu acesse minha câmera e meu microfone. <strong>História do usuário:</strong> depois de dar permissão, sou solicitado a digitar um nome de sala. <strong>História de usuário:</strong> Uma vez que eu digite o nome do quarto, uma sala será criada se nenhuma sala desse nome existir antes. <strong>História de usuário:</strong> Um amigo meu pode, subseqüentemente, ir ao mesmo site, digitar na mesma sala que eu inseri e entrar na mesma sala, depois entrar em um bate-papo por vídeo comigo. <strong>História do usuário:</strong> se eu digitar um nome de sala e já houver duas pessoas nessa sala, receberei uma notificação de que a sala está cheia. <strong>História de usuário:</strong> Qualquer pessoa pode criar ou participar de qualquer sala. E pode haver vários quartos, mas todos eles devem ter nomes exclusivos. <strong>História do usuário:</strong> posso optar por não permitir que o site acesse meu microfone e minha webcam. Se eu optar por não fazer isso, se ocorrer algum outro problema de driver, vejo uma mensagem de erro dizendo que isso é necessário. <strong>História de usuário:</strong> Quando eu escolho cancelar a etapa de entrada do nome da sala, ou se eu digitar sem nome, ou apenas espaços, ela deve novamente perguntar novamente para digitar um nome de sala válido. <strong>História do usuário:</strong> se uma das duas pessoas na sala for desconectada, ela poderá se reconectar à mesma sala e continuar conversando. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para seu aplicativo Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://glitch.com" target="_blank">Glitch</a> que seja funcionalmente semelhante a este: <a href="https://grove-voice.glitch.me/" target="_blank">https://grove-voice.glitch.me</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> Ao chegar, o navegador solicitará que eu acesse minha câmera e meu microfone. <strong>História do usuário:</strong> depois de dar permissão, sou solicitado a digitar um nome de sala. <strong>História de usuário:</strong> Uma vez que eu digite o nome do quarto, uma sala será criada se nenhuma sala desse nome existir antes. <strong>História de usuário:</strong> Um amigo meu pode, subseqüentemente, ir ao mesmo site, digitar na mesma sala que eu inseri e entrar na mesma sala, depois entrar em um bate-papo por vídeo comigo. <strong>História do usuário:</strong> se eu digitar um nome de sala e já houver duas pessoas nessa sala, receberei uma notificação de que a sala está cheia. <strong>História de usuário:</strong> Qualquer pessoa pode criar ou participar de qualquer sala. E pode haver vários quartos, mas todos eles devem ter nomes exclusivos. <strong>História do usuário:</strong> posso optar por não permitir que o site acesse meu microfone e minha webcam. Se eu optar por não fazer isso, se ocorrer algum outro problema de driver, vejo uma mensagem de erro dizendo que isso é necessário. <strong>História de usuário:</strong> Quando eu escolho cancelar a etapa de entrada do nome da sala, ou se eu digitar sem nome, ou apenas espaços, ela deve novamente perguntar novamente para digitar um nome de sala válido. <strong>História do usuário:</strong> se uma das duas pessoas na sala for desconectada, ela poderá se reconectar à mesma sala e continuar conversando. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para seu aplicativo Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Mostrar Contigüidade Nacional com um Gráfico de Força Direcionad
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https://codepen.io/freeCodeCamp/full/xVopBo</a> . Cumpra as seguintes <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> vejo um gráfico direcionado pela força que mostra quais países compartilham bordas. <strong>História de usuário:</strong> Eu posso ver a bandeira de cada país em seu nó. <strong>Dica:</strong> Aqui está um conjunto de dados que você pode usar para construir isso: <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a> <strong>Dica:</strong> você pode criar uma spritesheet de bandeiras nacionais em <a href="https://www.flag-sprites.com" target="_blank">https: //www.flag- sprites.com</a> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https://codepen.io/freeCodeCamp/full/xVopBo</a> . Cumpra as seguintes <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História do usuário:</strong> vejo um gráfico direcionado pela força que mostra quais países compartilham bordas. <strong>História de usuário:</strong> Eu posso ver a bandeira de cada país em seu nó. <strong>Dica:</strong> Aqui está um conjunto de dados que você pode usar para construir isso: <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a> <strong>Dica:</strong> você pode criar uma spritesheet de bandeiras nacionais em <a href="https://www.flag-sprites.com" target="_blank">https: //www.flag- sprites.com</a> . Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Mostrar o clima local
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https://codepen.io/freeCodeCamp/full/bELRjV</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver o tempo na minha localização atual. <strong>História de usuário:</strong> Eu posso ver um ícone diferente ou imagem de fundo (por exemplo, montanha nevada, deserto quente), dependendo do tempo. <strong>História de usuário:</strong> Eu posso apertar um botão para alternar entre Fahrenheit e Celsius. <strong>Nota:</strong> Muitos navegadores da Internet agora precisam de uma conexão HTTP Segura ( <code>https://</code> ) para obter a localidade de um usuário por meio da Geolocalização HTML5. Por esse motivo, recomendamos o uso do HTML5 Geolocation para obter a localização do usuário e, em seguida, usar a API do FreeCodeCamp Weather <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me,</a> que usa uma conexão HTTP segura para o clima. Além disso, certifique-se de conectar-se ao <a href="https://codepen.io" target="_blank">CodePen.io</a> via <code>https://</code> . Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https://codepen.io/freeCodeCamp/full/bELRjV</a> . <strong>Regra nº 1:</strong> não olhe o código do projeto de exemplo. Descobrir por si mesmo. <strong>Regra nº 2:</strong> Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver o tempo na minha localização atual. <strong>História de usuário:</strong> Eu posso ver um ícone diferente ou imagem de fundo (por exemplo, montanha nevada, deserto quente), dependendo do tempo. <strong>História de usuário:</strong> Eu posso apertar um botão para alternar entre Fahrenheit e Celsius. <strong>Nota:</strong> Muitos navegadores da Internet agora precisam de uma conexão HTTP Segura ( <code>https://</code> ) para obter a localidade de um usuário por meio da Geolocalização HTML5. Por esse motivo, recomendamos o uso do HTML5 Geolocation para obter a localização do usuário e, em seguida, usar a API do FreeCodeCamp Weather <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me,</a> que usa uma conexão HTTP segura para o clima. Além disso, certifique-se de conectar-se ao <a href="https://codepen.io" target="_blank">CodePen.io</a> via <code>https://</code> . Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Use a API JSON do Twitch
---
## Description
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. <strong>História de usuário:</strong> Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. <strong>História do usuário:</strong> se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. <strong>Dica:</strong> Veja um exemplo de chamada para a API JSONP do Twitch.tv em <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Dica:</strong> A documentação relevante sobre esta chamada da API está aqui: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Dica:</strong> Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> stream regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ATUALIZAÇÃO:</strong> Devido a uma alteração nas condições de uso da API, explicado <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aqui, o</a> Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api em</a> vez do URL base da API do twitch (ou seja, https://api.twitch.tv/kraken) e você ainda poderá obter informações da conta, sem precisar para se inscrever em uma chave de API. Lembre-se de usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> criar um aplicativo <a href="https://codepen.io" target="_blank">CodePen.io</a> que seja funcionalmente semelhante a este: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumpra as <a href="https://pt.wikipedia.org/wiki/História_de_usuário" target="_blank">histórias de usuários</a> abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. <strong>História de usuário:</strong> Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. <strong>História de usuário:</strong> Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. <strong>História do usuário:</strong> se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. <strong>Dica:</strong> Veja um exemplo de chamada para a API JSONP do Twitch.tv em <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Dica:</strong> A documentação relevante sobre esta chamada da API está aqui: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Dica:</strong> Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> stream regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ATUALIZAÇÃO:</strong> Devido a uma alteração nas condições de uso da API, explicado <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aqui, o</a> Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api em</a> vez do URL base da API do twitch (ou seja, https://api.twitch.tv/kraken) e você ainda poderá obter informações da conta, sem precisar para se inscrever em uma chave de API. Lembre-se de usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> se você ficar preso. Quando terminar, clique no botão &quot;Concluí este desafio&quot; e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook. </section>
## Instructions
<section id="instructions">