From dd74305cdeb5a7c8bf443cc80356df1f9f38b653 Mon Sep 17 00:00:00 2001 From: Lucas Cazeto Date: Sun, 26 May 2019 02:48:28 +0200 Subject: [PATCH] added missing translations (#31233) --- .../build-a-personal-portfolio-webpage.portuguese.md | 2 +- .../build-a-product-landing-page.portuguese.md | 2 +- .../build-a-survey-form.portuguese.md | 2 +- .../build-a-technical-documentation-page.portuguese.md | 2 +- .../build-a-tribute-page.portuguese.md | 2 +- .../build-a-drum-machine.portuguese.md | 2 +- .../build-a-javascript-calculator.portuguese.md | 2 +- .../build-a-markdown-previewer.portuguese.md | 2 +- .../build-a-pomodoro-clock.portuguese.md | 2 +- .../build-a-random-quote-machine.portuguese.md | 2 +- .../visualize-data-with-a-bar-chart.portuguese.md | 2 +- .../visualize-data-with-a-choropleth-map.portuguese.md | 2 +- .../visualize-data-with-a-heat-map.portuguese.md | 2 +- .../visualize-data-with-a-scatterplot-graph.portuguese.md | 2 +- .../visualize-data-with-a-treemap-diagram.portuguese.md | 2 +- .../take-home-projects/build-a-camper-leaderboard.portuguese.md | 2 +- .../take-home-projects/build-a-light-bright-app.portuguese.md | 2 +- .../build-a-nightlife-coordination-app.portuguese.md | 2 +- .../take-home-projects/build-a-pinterest-clone.portuguese.md | 2 +- .../take-home-projects/build-a-pong-game.portuguese.md | 2 +- .../take-home-projects/build-a-recipe-box.portuguese.md | 2 +- .../build-a-roguelike-dungeon-crawler-game.portuguese.md | 2 +- .../take-home-projects/build-a-simon-game.portuguese.md | 2 +- .../take-home-projects/build-a-tic-tac-toe-game.portuguese.md | 2 +- .../take-home-projects/build-a-voting-app.portuguese.md | 2 +- .../take-home-projects/build-a-wikipedia-viewer.portuguese.md | 2 +- .../take-home-projects/build-the-game-of-life.portuguese.md | 2 +- .../take-home-projects/chart-the-stock-market.portuguese.md | 2 +- .../take-home-projects/manage-a-book-trading-club.portuguese.md | 2 +- .../take-home-projects/map-data-across-the-globe.portuguese.md | 2 +- .../take-home-projects/p2p-video-chat-application.portuguese.md | 2 +- ...ational-contiguity-with-a-force-directed-graph.portuguese.md | 2 +- .../take-home-projects/show-the-local-weather.portuguese.md | 2 +- .../take-home-projects/use-the-twitch-json-api.portuguese.md | 2 +- 34 files changed, 34 insertions(+), 34 deletions(-) diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md index 627c29a629..f51bd3aa9d 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Criar uma página da Web de portfólio pessoal --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/zNBOYG . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História do Usuário # 1: Meu portfólio deve ter uma seção de welcome-section com um id de welcome-section de welcome-section . História do Usuário # 2: A seção de boas-vindas deve ter um elemento h1 que contenha texto. História do Usuário # 3: Meu portfólio deve ter uma seção de projetos com um id de projects . História do Usuário # 4: A seção de projetos deve conter pelo menos um elemento com uma classe de project-tile de project-tile para manter um projeto. História do Usuário # 5: A seção de projetos deve conter pelo menos um link para um projeto. História do Usuário # 6: Meu portfólio deve ter uma barra de navegação com um id de navbar . História do Usuário # 7: A barra de navegação deve conter pelo menos um link no qual eu possa clicar para navegar em diferentes seções da página. História do Usuário # 8: Meu portfólio deve ter um link com um id de profile-link , que abre meu perfil do GitHub ou FCC em uma nova guia. História do Usuário # 9: Meu portfólio deve ter pelo menos uma consulta de mídia. História do Usuário # 10: A altura da seção de boas vindas deve ser igual à altura da viewport. História do Usuário # 11: A barra de navegação deve estar sempre no topo da viewport. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/zNBOYG . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História do Usuário # 1: Meu portfólio deve ter uma seção de welcome-section com um id de welcome-section de welcome-section . História de usuário # 2: A seção de boas-vindas deve ter um elemento h1 que contenha texto. História de usuário # 3: Meu portfólio deve ter uma seção de projetos com um id de projects . História de usuário # 4: A seção de projetos deve conter pelo menos um elemento com uma classe de project-tile de project-tile para manter um projeto. História de usuário # 5: A seção de projetos deve conter pelo menos um link para um projeto. História de usuário # 6: Meu portfólio deve ter uma barra de navegação com um id de navbar . História de usuário # 7: A barra de navegação deve conter pelo menos um link no qual eu possa clicar para navegar em diferentes seções da página. História de usuário # 8: Meu portfólio deve ter um link com um id de profile-link , que abre meu perfil do GitHub ou FCC em uma nova guia. História de usuário # 9: Meu portfólio deve ter pelo menos uma consulta de mídia. História de usuário # 10: A altura da seção de boas vindas deve ser igual à altura da viewport. História de usuário # 11: A barra de navegação deve estar sempre no topo da viewport. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md index b2e140d112..2f3778b0b6 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma página de destino do produto --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/RKRbwL . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História do usuário nº 1: a página de destino do meu produto deve ter um elemento de header com um id="header" . User Story # 2: Eu posso ver uma imagem dentro do elemento header com um id="header-img" . Um logotipo da empresa faria uma boa imagem aqui. User Story # 3: Dentro do elemento #header eu posso ver um elemento nav com uma id="nav-bar" . História do usuário nº 4: posso ver pelo menos três elementos clicáveis ​​dentro do elemento nav , cada um com o nav-link class. User Story # 5: Quando eu clico em um botão .nav-link no elemento nav , sou levado para a seção correspondente da página de destino. História do usuário nº 6: posso assistir a um vídeo do produto incorporado com id="video" . User Story # 7: Minha landing page tem um elemento form com um id="form" . User Story # 8: Dentro do formulário, há um campo de input com id="email" onde posso inserir um endereço de email. User Story # 9: O campo de entrada #email deve ter um texto de espaço reservado para que o usuário saiba para que serve o campo. User Story # 10: O campo de entrada #email usa a validação HTML5 para confirmar que o texto digitado é um endereço de e-mail. User Story # 11: Dentro do formulário, há uma input envio com um id="submit" . User Story # 12: Quando clico no elemento #submit , o email é enviado para uma página estática (use este URL de simulação: https://www.freecodecamp.com/email-submit ) que confirma que o endereço de email foi digitado e que postou com sucesso. User Story # 13: A barra de navegação deve estar sempre no topo da viewport. História do usuário nº 14: a página de destino do meu produto deve ter pelo menos uma consulta de mídia. User Story # 15: A página de destino do meu produto deve utilizar o flexbox CSS pelo menos uma vez. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/RKRbwL . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História do usuário nº 1: a página de destino do meu produto deve ter um elemento de header com um id="header" . História de usuário # 2: Eu posso ver uma imagem dentro do elemento header com um id="header-img" . Um logotipo da empresa faria uma boa imagem aqui. História de usuário # 3: Dentro do elemento #header eu posso ver um elemento nav com uma id="nav-bar" . História do usuário nº 4: posso ver pelo menos três elementos clicáveis ​​dentro do elemento nav , cada um com o nav-link class. História de usuário # 5: Quando eu clico em um botão .nav-link no elemento nav , sou levado para a seção correspondente da página de destino. História do usuário nº 6: posso assistir a um vídeo do produto incorporado com id="video" . História de usuário # 7: Minha landing page tem um elemento form com um id="form" . História de usuário # 8: Dentro do formulário, há um campo de input com id="email" onde posso inserir um endereço de email. História de usuário # 9: O campo de entrada #email deve ter um texto de espaço reservado para que o usuário saiba para que serve o campo. História de usuário # 10: O campo de entrada #email usa a validação HTML5 para confirmar que o texto digitado é um endereço de e-mail. História de usuário # 11: Dentro do formulário, há uma input envio com um id="submit" . História de usuário # 12: Quando clico no elemento #submit , o email é enviado para uma página estática (use este URL de simulação: https://www.freecodecamp.com/email-submit ) que confirma que o endereço de email foi digitado e que postou com sucesso. História de usuário # 13: A barra de navegação deve estar sempre no topo da viewport. História do usuário nº 14: a página de destino do meu produto deve ter pelo menos uma consulta de mídia. História de usuário # 15: A página de destino do meu produto deve utilizar o flexbox CSS pelo menos uma vez. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md index 12f031a6b2..9598feb3f8 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Criar um formulário de pesquisa --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/VPaoNP . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História do usuário 1: posso ver um título com id="title" em tamanho de texto H1. User Story # 2: Eu posso ver uma breve explicação com id="description" em P tamanho do texto. User Story # 3: posso ver um form com id="survey-form" . User Story # 4: Dentro do elemento form, eu tenho que inserir meu nome em um campo com id="name" . User Story # 5: Dentro do elemento form, eu tenho que inserir um email em um campo com id="email" . História do usuário nº 6: se eu inserir um e-mail que não esteja formatado corretamente, verei um erro de validação do HTML5. User Story # 7: Dentro do formulário, posso inserir um número em um campo com id="number" . História do usuário nº 8: se eu inserir números diferentes na entrada do número, verei um erro de validação do HTML5. User Story # 9: Se eu inserir números fora do intervalo da entrada do número, que são definidos pelos atributos min e max , verei um erro de validação HTML5. User Story # 10: Para os campos de entrada de nome, email e número dentro do formulário, posso ver rótulos correspondentes que descrevem o objetivo de cada campo com os seguintes IDs: id="name-label" , id="email-label" e id="number-label" . História do usuário nº 11: para os campos de entrada de nome, e-mail e número, posso ver o texto do marcador de posição que fornece uma descrição ou instruções para cada campo. User Story # 12: Dentro do elemento form, posso selecionar uma opção em um menu suspenso que tenha um id="dropdown" . User Story # 13: Dentro do elemento form, posso selecionar um campo de um ou mais grupos de botões de opção. Cada grupo deve ser agrupado usando o atributo name . User Story # 14: Dentro do elemento form, posso selecionar vários campos de uma série de checkboxes, cada um dos quais deve ter um atributo value . User Story # 15: Dentro do elemento form, é apresentada uma textarea no final para comentários adicionais. User Story # 16: Dentro do elemento form, eu recebi um botão com id="submit" para enviar todas as minhas entradas. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/VPaoNP . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História do usuário 1: posso ver um título com id="title" em tamanho de texto H1. História de usuário # 2: Eu posso ver uma breve explicação com id="description" em P tamanho do texto. História de usuário # 3: posso ver um form com id="survey-form" . História de usuário # 4: Dentro do elemento form, eu tenho que inserir meu nome em um campo com id="name" . História de usuário # 5: Dentro do elemento form, eu tenho que inserir um email em um campo com id="email" . História do usuário nº 6: se eu inserir um e-mail que não esteja formatado corretamente, verei um erro de validação do HTML5. História de usuário # 7: Dentro do formulário, posso inserir um número em um campo com id="number" . História do usuário nº 8: se eu inserir números diferentes na entrada do número, verei um erro de validação do HTML5. História de usuário # 9: Se eu inserir números fora do intervalo da entrada do número, que são definidos pelos atributos min e max , verei um erro de validação HTML5. História de usuário # 10: Para os campos de entrada de nome, email e número dentro do formulário, posso ver rótulos correspondentes que descrevem o objetivo de cada campo com os seguintes IDs: id="name-label" , id="email-label" e id="number-label" . História do usuário nº 11: para os campos de entrada de nome, e-mail e número, posso ver o texto do marcador de posição que fornece uma descrição ou instruções para cada campo. História de usuário # 12: Dentro do elemento form, posso selecionar uma opção em um menu suspenso que tenha um id="dropdown" . História de usuário # 13: Dentro do elemento form, posso selecionar um campo de um ou mais grupos de botões de opção. Cada grupo deve ser agrupado usando o atributo name . História de usuário # 14: Dentro do elemento form, posso selecionar vários campos de uma série de checkboxes, cada um dos quais deve ter um atributo value . História de usuário # 15: Dentro do elemento form, é apresentada uma textarea no final para comentários adicionais. História de usuário # 16: Dentro do elemento form, eu recebi um botão com id="submit" para enviar todas as minhas entradas. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md index e0e6fa35d3..d31d6e1439 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma Página de Documentação Técnica --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/NdrKKL . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Eu posso ver um elemento main com um id="main-doc" correspondente, que contém o conteúdo principal da página (documentação técnica). User Story # 2: Dentro do elemento #main-doc , posso ver vários elementos de section , cada um com uma classe de main-section . Deve haver um mínimo de 5. User Story # 3: O primeiro elemento dentro de cada .main-section deve ser um elemento de header que contém texto que descreve o tópico dessa seção. User Story # 4: Cada elemento de section com a classe de main-section também deve ter um id que corresponda ao texto de cada header contido nele. Quaisquer espaços devem ser substituídos por sublinhados (por exemplo, a section que contém o cabeçalho "Javascript e Java" deve ter um id="Javascript_and_Java" ). User Story # 5: Os elementos de .main-section devem conter pelo menos 10 elementos p (não cada um). User Story # 6: Os elementos .main-section devem conter pelo menos 5 elementos de code total (não cada um). User Story # 7: Os elementos .main-section devem conter no mínimo 5 itens li (não cada um). User Story # 8: Eu posso ver um elemento nav com um id="navbar" . User Story # 9: O elemento navbar deve conter um elemento de header que contenha texto que descreva o tópico da documentação técnica. User Story # 10: Além disso, a barra de navegação deve conter elementos link ( a ) com a classe de nav-link . Deve haver um para cada elemento com a main-section da classe. User Story # 11: O elemento de header na barra de navegação deve vir antes de qualquer elemento de link ( a ) na barra de navegação. User Story # 12: Cada elemento com a classe de nav-link deve conter texto que corresponda ao texto do header dentro de cada section (por exemplo, se você tiver uma seção / cabeçalho "Hello world", sua barra de navegação deve ter um elemento que contenha o texto "Olá Mundo"). User Story # 13: Quando eu clico em um elemento navbar, a página deve navegar para a seção correspondente do elemento main-doc (por exemplo, se eu clicar em um elemento nav-link que contém o texto "Hello world", a página navega a uma section elemento que tem que id e contém o correspondente header User Story # 14:. no regulares dispositivos do tamanho (laptops, desktops), o elemento com id="navbar" deve ser mostrado no lado esquerdo da tela e deve sempre User Story # 15: Minha página de Documentação Técnica deve usar pelo menos uma consulta de mídia. Você pode criar seu projeto ao bifurcar essa caneta CodePen ou usar esse link CDN para executar os testes em qualquer ambiente que desejar : https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o Read-Search-Ask método se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/NdrKKL . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Eu posso ver um elemento main com um id="main-doc" correspondente, que contém o conteúdo principal da página (documentação técnica). História de usuário # 2: Dentro do elemento #main-doc , posso ver vários elementos de section , cada um com uma classe de main-section . Deve haver um mínimo de 5. História de usuário # 3: O primeiro elemento dentro de cada .main-section deve ser um elemento de header que contém texto que descreve o tópico dessa seção. História de usuário # 4: Cada elemento de section com a classe de main-section também deve ter um id que corresponda ao texto de cada header contido nele. Quaisquer espaços devem ser substituídos por sublinhados (por exemplo, a section que contém o cabeçalho "Javascript e Java" deve ter um id="Javascript_and_Java" ). História de usuário # 5: Os elementos de .main-section devem conter pelo menos 10 elementos p (não cada um). História de usuário # 6: Os elementos .main-section devem conter pelo menos 5 elementos de code total (não cada um). História de usuário # 7: Os elementos .main-section devem conter no mínimo 5 itens li (não cada um). História de usuário # 8: Eu posso ver um elemento nav com um id="navbar" . História de usuário # 9: O elemento navbar deve conter um elemento de header que contenha texto que descreva o tópico da documentação técnica. História de usuário # 10: Além disso, a barra de navegação deve conter elementos link ( a ) com a classe de nav-link . Deve haver um para cada elemento com a main-section da classe. História de usuário # 11: O elemento de header na barra de navegação deve vir antes de qualquer elemento de link ( a ) na barra de navegação. História de usuário # 12: Cada elemento com a classe de nav-link deve conter texto que corresponda ao texto do header dentro de cada section (por exemplo, se você tiver uma seção / cabeçalho "Hello world", sua barra de navegação deve ter um elemento que contenha o texto "Olá Mundo"). História de usuário # 13: Quando eu clico em um elemento navbar, a página deve navegar para a seção correspondente do elemento main-doc (por exemplo, se eu clicar em um elemento nav-link que contém o texto "Hello world", a página navega a uma section elemento que tem que id e contém o correspondente header História de usuário # 14:. no regulares dispositivos do tamanho (laptops, desktops), o elemento com id="navbar" deve ser mostrado no lado esquerdo da tela e deve sempre História de usuário # 15: Minha página de Documentação Técnica deve usar pelo menos uma consulta de mídia. Você pode criar seu projeto ao bifurcar essa caneta CodePen ou usar esse link CDN para executar os testes em qualquer ambiente que desejar : https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o Read-Search-Ask método se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md index d146c234da..8b0292e877 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma página de homenagem --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/zNqgVx . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Minha página de tributo deve ter um elemento com um id="main" , que contém todos os outros elementos. User Story # 2: Eu deveria ver um elemento com um id="title" , que contém uma string (ou seja, texto) que descreve o assunto da página do tributo (por exemplo, "Dr. Norman Borlaug"). User Story # 3: Eu deveria ver um elemento div com um id="img-div" . User Story # 4: Dentro do elemento img-div , eu deveria ver um elemento img com uma id="image" . User Story # 5: Dentro do elemento img-div , eu deveria ver um elemento com um id="img-caption" que contém conteúdo textual descrevendo a imagem mostrada em img-div . User Story # 6: Eu deveria ver um elemento com um correspondente id="tribute-info" , que contém conteúdo textual descrevendo o assunto da página de tributo. User Story # 7: Eu deveria ver a elemento com um id="tribute-link" , que direciona para um site externo que contém informações adicionais sobre o assunto da página do tributo. DICA: Você deve dar ao seu elemento um atributo de target e configurá-lo para _blank para que seu link seja aberto em uma nova guia (ou seja, target="_blank" ). User Story # 8: O elemento img deve redimensionar responsavelmente, em relação à largura de seu elemento pai, sem exceder seu tamanho original. User Story # 9: O elemento img deve estar centrado dentro de seu elemento pai. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js . Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/zNqgVx . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript e CSS para concluir este projeto. CSS simples é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS simples. Você pode usar o Bootstrap ou o SASS, se desejar. Tecnologias adicionais (por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto, e usá-las é por sua conta e risco. Outros projetos lhe darão a chance de trabalhar com diferentes pilhas de tecnologia, como o React. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Minha página de tributo deve ter um elemento com um id="main" , que contém todos os outros elementos. História de usuário # 2: Eu deveria ver um elemento com um id="title" , que contém uma string (ou seja, texto) que descreve o assunto da página do tributo (por exemplo, "Dr. Norman Borlaug"). História de usuário # 3: Eu deveria ver um elemento div com um id="img-div" . História de usuário # 4: Dentro do elemento img-div , eu deveria ver um elemento img com uma id="image" . História de usuário # 5: Dentro do elemento img-div , eu deveria ver um elemento com um id="img-caption" que contém conteúdo textual descrevendo a imagem mostrada em img-div . História de usuário # 6: Eu deveria ver um elemento com um correspondente id="tribute-info" , que contém conteúdo textual descrevendo o assunto da página de tributo. História de usuário # 7: Eu deveria ver a elemento com um id="tribute-link" , que direciona para um site externo que contém informações adicionais sobre o assunto da página do tributo. DICA: Você deve dar ao seu elemento um atributo de target e configurá-lo para _blank para que seu link seja aberto em uma nova guia (ou seja, target="_blank" ). História de usuário # 8: O elemento img deve redimensionar responsavelmente, em relação à largura de seu elemento pai, sem exceder seu tamanho original. História de usuário # 9: O elemento img deve estar centrado dentro de seu elemento pai. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js . Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md index b30aecdff5..c51b303fc6 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma máquina de ritmos --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/MJyNMd . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Eu deveria ser capaz de ver um container externo com um id="drum-machine" que contém todos os outros elementos. User Story # 2: Dentro de #drum-machine eu posso ver um elemento com um id="display" . User Story # 3: Dentro de #drum-machine eu posso ver 9 elementos de drum pad clicáveis, cada um com um nome de classe de drum-pad , um id único que descreve o clipe de áudio que o drum pad será configurado para acionar e um inner texto que corresponde a uma das seguintes teclas no teclado: Q, W, E, A, S, D, Z, X, C. Os pads de bateria DEVEM estar nesta ordem. User Story # 4: Dentro de cada .drum-pad , deve haver um elemento de audio HTML5 que tenha um atributo src apontando para um clipe de áudio, um nome de classe de clip e um id correspondente ao texto interno de seu pai .drum-pad (por exemplo, id="Q" , id="W" , id="E" etc.). User Story # 5: Quando clico em um elemento .drum-pad , o clipe de áudio contido em seu elemento de audio filho deve ser acionado. User Story # 6: Quando eu pressiono a tecla trigger associada a cada .drum-pad , o clipe de áudio contido em seu elemento filho de audio deve ser acionado (por exemplo, pressionar a tecla Q deve acionar o bloco de percussão que contém a string "Q" pressionar a tecla W deve acionar o bloco de percussão que contém a string "W", etc.). User Story # 7: Quando um .drum-pad é acionado, uma string descrevendo o clipe de áudio associado é exibida como o texto interno do elemento #display (cada string deve ser única). Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/MJyNMd . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Eu deveria ser capaz de ver um container externo com um id="drum-machine" que contém todos os outros elementos. História de usuário # 2: Dentro de #drum-machine eu posso ver um elemento com um id="display" . História de usuário # 3: Dentro de #drum-machine eu posso ver 9 elementos de drum pad clicáveis, cada um com um nome de classe de drum-pad , um id único que descreve o clipe de áudio que o drum pad será configurado para acionar e um inner texto que corresponde a uma das seguintes teclas no teclado: Q, W, E, A, S, D, Z, X, C. Os pads de bateria DEVEM estar nesta ordem. História de usuário # 4: Dentro de cada .drum-pad , deve haver um elemento de audio HTML5 que tenha um atributo src apontando para um clipe de áudio, um nome de classe de clip e um id correspondente ao texto interno de seu pai .drum-pad (por exemplo, id="Q" , id="W" , id="E" etc.). História de usuário # 5: Quando clico em um elemento .drum-pad , o clipe de áudio contido em seu elemento de audio filho deve ser acionado. História de usuário # 6: Quando eu pressiono a tecla trigger associada a cada .drum-pad , o clipe de áudio contido em seu elemento filho de audio deve ser acionado (por exemplo, pressionar a tecla Q deve acionar o bloco de percussão que contém a string "Q" pressionar a tecla W deve acionar o bloco de percussão que contém a string "W", etc.). História de usuário # 7: Quando um .drum-pad é acionado, uma string descrevendo o clipe de áudio associado é exibida como o texto interno do elemento #display (cada string deve ser única). Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md index e007dfe7b2..ec3be12982 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma calculadora JavaScript --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/wgGVVX . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Minha calculadora deve conter um elemento clicável contendo um = (sinal de igual) com um id="equals" . User Story # 2: Minha calculadora deve conter 10 elementos clicáveis ​​contendo um número cada de 0 a 9, com os seguintes IDs correspondentes: id="zero" , id="one" , id="two" , id="three" , id="four" , id="five" , id="six" , id="seven" , id="eight" e id="nine" . User Story # 3: Minha calculadora deve conter 4 elementos clicáveis, cada um contendo um dos 4 principais operadores matemáticos com as seguintes IDs correspondentes: id="add" , id="subtract" , id="multiply" , id="divide" . História do usuário nº 4: minha calculadora deve conter um elemento clicável contendo um . (ponto decimal) símbolo com um id="decimal" correspondente id="decimal" . História do usuário nº 5: minha calculadora deve conter um elemento clicável com um id="clear" . User Story # 6: Minha calculadora deve conter um elemento para exibir valores com um id="display" . User Story # 7: A qualquer momento, pressionar o botão Limpar apaga os valores de entrada e saída e retorna a calculadora ao estado inicializado; 0 deve ser mostrado no elemento com o id de display . User Story # 8: Como eu insiro números, eu deveria ser capaz de ver minha entrada no elemento com o id de display . User Story # 9: Em qualquer ordem, eu deveria ser capaz de adicionar, subtrair, multiplicar e dividir uma cadeia de números de qualquer tamanho, e quando eu pressionar = , o resultado correto deve ser mostrado no elemento com o ID de display . User Story # 10: Ao inserir números, minha calculadora não deve permitir que um número comece com vários zeros. User Story # 11: Quando o elemento decimal é clicado, a . deve anexar ao valor exibido atualmente; dois . em um número não deve ser aceito. User Story # 12: Eu deveria ser capaz de executar qualquer operação (+, -, *, /) em números que contenham pontos decimais. História do usuário nº 13: Se dois ou mais operadores forem inseridos consecutivamente, a operação realizada deve ser o último operador inserido. User Story # 14: Pressionando um operador imediatamente após = deve iniciar um novo cálculo que opera no resultado da avaliação anterior. User Story # 15: Minha calculadora deve ter várias casas decimais de precisão quando se trata de arredondamento (note que não existe um padrão exato, mas você deve ser capaz de lidar com cálculos como 2 / 7 com precisão razoável para pelo menos 4 casas decimais) . Nota Na lógica da calculadora: Deve-se notar que existem duas principais escolas de pensamento na lógica de entrada da calculadora: lógica de execução imediata e lógica de fórmula . Nosso exemplo utiliza lógica de fórmula e observa a ordem de precedência de operação, a execução imediata não. Qualquer um é aceitável, mas observe que, dependendo de qual escolher, sua calculadora pode produzir resultados diferentes dos nossos para certas equações (veja o exemplo abaixo). Contanto que sua matemática possa ser verificada por outra calculadora de produção, por favor, não considere isso um bug. EXEMPLO: 3 + 5 x 6 - 2 / 4 =
  • Lógica de Execução Imediata: 11.5
  • Fórmula / Expressão Lógica: 32.5
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/wgGVVX . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Minha calculadora deve conter um elemento clicável contendo um = (sinal de igual) com um id="equals" . História de usuário # 2: Minha calculadora deve conter 10 elementos clicáveis ​​contendo um número cada de 0 a 9, com os seguintes IDs correspondentes: id="zero" , id="one" , id="two" , id="three" , id="four" , id="five" , id="six" , id="seven" , id="eight" e id="nine" . História de usuário # 3: Minha calculadora deve conter 4 elementos clicáveis, cada um contendo um dos 4 principais operadores matemáticos com as seguintes IDs correspondentes: id="add" , id="subtract" , id="multiply" , id="divide" . História do usuário nº 4: minha calculadora deve conter um elemento clicável contendo um . (ponto decimal) símbolo com um id="decimal" correspondente id="decimal" . História do usuário nº 5: minha calculadora deve conter um elemento clicável com um id="clear" . História de usuário # 6: Minha calculadora deve conter um elemento para exibir valores com um id="display" . História de usuário # 7: A qualquer momento, pressionar o botão Limpar apaga os valores de entrada e saída e retorna a calculadora ao estado inicializado; 0 deve ser mostrado no elemento com o id de display . História de usuário # 8: Como eu insiro números, eu deveria ser capaz de ver minha entrada no elemento com o id de display . História de usuário # 9: Em qualquer ordem, eu deveria ser capaz de adicionar, subtrair, multiplicar e dividir uma cadeia de números de qualquer tamanho, e quando eu pressionar = , o resultado correto deve ser mostrado no elemento com o ID de display . História de usuário # 10: Ao inserir números, minha calculadora não deve permitir que um número comece com vários zeros. História de usuário # 11: Quando o elemento decimal é clicado, a . deve anexar ao valor exibido atualmente; dois . em um número não deve ser aceito. História de usuário # 12: Eu deveria ser capaz de executar qualquer operação (+, -, *, /) em números que contenham pontos decimais. História do usuário nº 13: Se dois ou mais operadores forem inseridos consecutivamente, a operação realizada deve ser o último operador inserido. História de usuário # 14: Pressionando um operador imediatamente após = deve iniciar um novo cálculo que opera no resultado da avaliação anterior. História de usuário # 15: Minha calculadora deve ter várias casas decimais de precisão quando se trata de arredondamento (note que não existe um padrão exato, mas você deve ser capaz de lidar com cálculos como 2 / 7 com precisão razoável para pelo menos 4 casas decimais) . Nota Na lógica da calculadora: Deve-se notar que existem duas principais escolas de pensamento na lógica de entrada da calculadora: lógica de execução imediata e lógica de fórmula . Nosso exemplo utiliza lógica de fórmula e observa a ordem de precedência de operação, a execução imediata não. Qualquer um é aceitável, mas observe que, dependendo de qual escolher, sua calculadora pode produzir resultados diferentes dos nossos para certas equações (veja o exemplo abaixo). Contanto que sua matemática possa ser verificada por outra calculadora de produção, por favor, não considere isso um bug. EXEMPLO: 3 + 5 x 6 - 2 / 4 =
  • Lógica de Execução Imediata: 11.5
  • Fórmula / Expressão Lógica: 32.5
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md index 76b4cb2251..e2ff844698 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Criar um visualizador de markdown --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/GrZVVO . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Eu posso ver um elemento textarea com um id="editor" . User Story # 2: Eu posso ver um elemento com um id="preview" . História do usuário nº 3: quando eu #editor texto no elemento #editor , o elemento #preview é atualizado enquanto digito para exibir o conteúdo da área de texto. User Story # 4: Quando eu #editor o markdown com sabor do GitHub no elemento #editor , o texto é renderizado como HTML no elemento #preview enquanto digito (DICA: você não precisa analisar o Markdown por conta própria - você pode importar a biblioteca Marked para isso: https://cdnjs.com/libraries/marked ). User Story # 5: Quando meu visualizador de markdown é carregado pela primeira vez, o texto padrão no campo #editor deve conter um markdown válido que represente pelo menos um de cada um dos seguintes elementos: um cabeçalho (tamanho H1), um sub cabeçalho (tamanho H2) , um link, um código embutido, um bloco de código, um item de lista, um blockquote, uma imagem e um texto em negrito. User Story # 6: quando meu visualizador de markdown é carregado pela primeira vez, o markdown padrão no campo #editor deve ser renderizado como HTML no elemento #preview . Bônus opcional (você não precisa fazer esse teste passar): Meu visualizador de marcação interpreta os retornos de carro e os renderiza como elementos br (quebra de linha). Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/GrZVVO . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Eu posso ver um elemento textarea com um id="editor" . História de usuário # 2: Eu posso ver um elemento com um id="preview" . História do usuário nº 3: quando eu #editor texto no elemento #editor , o elemento #preview é atualizado enquanto digito para exibir o conteúdo da área de texto. História de usuário # 4: Quando eu #editor o markdown com sabor do GitHub no elemento #editor , o texto é renderizado como HTML no elemento #preview enquanto digito (DICA: você não precisa analisar o Markdown por conta própria - você pode importar a biblioteca Marked para isso: https://cdnjs.com/libraries/marked ). História de usuário # 5: Quando meu visualizador de markdown é carregado pela primeira vez, o texto padrão no campo #editor deve conter um markdown válido que represente pelo menos um de cada um dos seguintes elementos: um cabeçalho (tamanho H1), um sub cabeçalho (tamanho H2) , um link, um código embutido, um bloco de código, um item de lista, um blockquote, uma imagem e um texto em negrito. História de usuário # 6: quando meu visualizador de markdown é carregado pela primeira vez, o markdown padrão no campo #editor deve ser renderizado como HTML no elemento #preview . Bônus opcional (você não precisa fazer esse teste passar): Meu visualizador de marcação interpreta os retornos de carro e os renderiza como elementos br (quebra de linha). Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md index ff44c6b394..7a4ec55e81 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um relógio Pomodoro --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/XpKrrW . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Eu posso ver um elemento com id="break-label" que contém uma string (por exemplo, "Break Length"). User Story # 2: Eu posso ver um elemento com id="session-label" que contém uma string (por exemplo, "Session Length"). User Story # 3: Eu posso ver dois elementos clicáveis ​​com IDs correspondentes: id="break-decrement" e id="session-decrement" . User Story # 4: Eu posso ver dois elementos clicáveis ​​com IDs correspondentes: id="break-increment" e id="session-increment" . User Story # 5: Eu posso ver um elemento com um id="break-length" , que por padrão (on load) exibe um valor de 5. User Story # 6: Eu posso ver um elemento com um id="session-length" correspondente id="session-length" , que por padrão exibe um valor de 25. User Story # 7: Eu posso ver um elemento com um id="timer-label" , que contém uma string indicando que uma sessão foi inicializada (por exemplo," Session ") . User Story # 8: Eu posso ver um elemento com id="time-left" . NOTA: Pausado ou em execução, o valor nesse campo sempre deve ser exibido no formato mm:ss (ou seja, 25:00). História do usuário nº 9: posso ver um elemento clicável com um id="start_stop" . User Story # 10: Eu posso ver um elemento clicável com um id="reset" . User Story # 11: Quando eu clico no elemento com o id de reset , qualquer timer em execução deve ser parado, o valor em id="break-length" deve retornar para 5 , o valor em id="session-length" deve retornar para 25, e o elemento com id="time-left" deve redefinir para seu estado padrão. User Story # 12: Quando eu clico no elemento com o id de break-decrement , o valor dentro de id="break-length" diminui por um valor de 1, e eu posso ver o valor atualizado. User Story # 13: Quando eu clico no elemento com o id de break-increment , o valor dentro de id="break-length" incrementado por um valor de 1, e eu posso ver o valor atualizado. User Story # 14: Quando eu clico no elemento com o id de session-decrement de session-decrement , o valor dentro de id="session-length" diminui por um valor de 1, e eu posso ver o valor atualizado. História do usuário # 15: quando eu clico no elemento com o id de session-increment de session-increment , o valor dentro de id="session-length" incrementado pelo valor de 1, e eu posso ver o valor atualizado. User Story # 16: Eu não deveria ser capaz de definir uma sessão ou quebrar a duração para <= 0. User Story # 17: Eu não deveria ser capaz de definir uma sessão ou break length para> 60. User Story # 18: Quando eu primeiro clique no elemento com id="start_stop" , o cronômetro deve começar a ser executado a partir do valor exibido no id="session-length" , mesmo que o valor tenha sido incrementado ou decrementado em relação ao valor original de 25. User Story # 19 : Se o temporizador estiver em execução, o elemento com o id de time-left deverá exibir o tempo restante no formato mm:ss (diminuindo por um valor de 1 e atualizando a exibição a cada 1000ms). User Story # 20: Se o cronômetro estiver em execução e eu clicar no elemento com id="start_stop" , a contagem regressiva deverá ser pausada. História do usuário nº 21: se o cronômetro estiver pausado e eu clicar no elemento com id="start_stop" , a contagem regressiva deverá voltar a ser executada a partir do ponto em que ela foi pausada. User Story # 22: Quando uma contagem regressiva da sessão atingir zero (NOTA: o timer DEVE chegar às 00:00), e uma nova contagem regressiva começar, o elemento com o id do timer-label do timer-label deverá exibir uma string indicando que uma quebra começou. User Story # 23: Quando uma contagem regressiva da sessão atingir zero (NOTA: o timer DEVE chegar às 00:00), uma nova contagem regressiva da pausa deve começar, contando a partir do valor exibido atualmente no elemento id="break-length" . História do usuário nº 24: Quando uma contagem regressiva da quebra atingir zero (NOTA: o cronômetro DEVE chegar às 00:00), e uma nova contagem regressiva começar, o elemento com o id do timer-label do timer-label deverá exibir uma cadeia indicando que uma sessão começou. User Story # 25: Quando uma contagem regressiva da quebra chegar a zero (NOTA: o timer DEVE chegar às 00:00), uma nova contagem regressiva da sessão deve começar, contando a partir do valor exibido no elemento id="session-length" . User Story # 26: Quando uma contagem regressiva chegar a zero (NOTA: o temporizador DEVE chegar às 00:00), um som indicando que o tempo acabou deve ser reproduzido. Isso deve utilizar uma tag de audio HTML5 e ter um id="beep" correspondente a id="beep" . User Story # 27: O elemento de áudio com id="beep" deve ser de 1 segundo ou mais. User Story # 28: O elemento audio com id de beep deve parar de tocar e ser rebobinado para o começo quando o elemento com o id de reset é clicado. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/XpKrrW . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Eu posso ver um elemento com id="break-label" que contém uma string (por exemplo, "Break Length"). História de usuário # 2: Eu posso ver um elemento com id="session-label" que contém uma string (por exemplo, "Session Length"). História de usuário # 3: Eu posso ver dois elementos clicáveis ​​com IDs correspondentes: id="break-decrement" e id="session-decrement" . História de usuário # 4: Eu posso ver dois elementos clicáveis ​​com IDs correspondentes: id="break-increment" e id="session-increment" . História de usuário # 5: Eu posso ver um elemento com um id="break-length" , que por padrão (on load) exibe um valor de 5. História de usuário # 6: Eu posso ver um elemento com um id="session-length" correspondente id="session-length" , que por padrão exibe um valor de 25. História de usuário # 7: Eu posso ver um elemento com um id="timer-label" , que contém uma string indicando que uma sessão foi inicializada (por exemplo," Session ") . História de usuário # 8: Eu posso ver um elemento com id="time-left" . NOTA: Pausado ou em execução, o valor nesse campo sempre deve ser exibido no formato mm:ss (ou seja, 25:00). História do usuário nº 9: posso ver um elemento clicável com um id="start_stop" . História de usuário # 10: Eu posso ver um elemento clicável com um id="reset" . História de usuário # 11: Quando eu clico no elemento com o id de reset , qualquer timer em execução deve ser parado, o valor em id="break-length" deve retornar para 5 , o valor em id="session-length" deve retornar para 25, e o elemento com id="time-left" deve redefinir para seu estado padrão. História de usuário # 12: Quando eu clico no elemento com o id de break-decrement , o valor dentro de id="break-length" diminui por um valor de 1, e eu posso ver o valor atualizado. História de usuário # 13: Quando eu clico no elemento com o id de break-increment , o valor dentro de id="break-length" incrementado por um valor de 1, e eu posso ver o valor atualizado. História de usuário # 14: Quando eu clico no elemento com o id de session-decrement de session-decrement , o valor dentro de id="session-length" diminui por um valor de 1, e eu posso ver o valor atualizado. História do usuário # 15: quando eu clico no elemento com o id de session-increment de session-increment , o valor dentro de id="session-length" incrementado pelo valor de 1, e eu posso ver o valor atualizado. História de usuário # 16: Eu não deveria ser capaz de definir uma sessão ou quebrar a duração para <= 0. História de usuário # 17: Eu não deveria ser capaz de definir uma sessão ou break length para> 60. História de usuário # 18: Quando eu primeiro clique no elemento com id="start_stop" , o cronômetro deve começar a ser executado a partir do valor exibido no id="session-length" , mesmo que o valor tenha sido incrementado ou decrementado em relação ao valor original de 25. História de usuário # 19 : Se o temporizador estiver em execução, o elemento com o id de time-left deverá exibir o tempo restante no formato mm:ss (diminuindo por um valor de 1 e atualizando a exibição a cada 1000ms). História de usuário # 20: Se o cronômetro estiver em execução e eu clicar no elemento com id="start_stop" , a contagem regressiva deverá ser pausada. História do usuário nº 21: se o cronômetro estiver pausado e eu clicar no elemento com id="start_stop" , a contagem regressiva deverá voltar a ser executada a partir do ponto em que ela foi pausada. História de usuário # 22: Quando uma contagem regressiva da sessão atingir zero (NOTA: o timer DEVE chegar às 00:00), e uma nova contagem regressiva começar, o elemento com o id do timer-label do timer-label deverá exibir uma string indicando que uma quebra começou. História de usuário # 23: Quando uma contagem regressiva da sessão atingir zero (NOTA: o timer DEVE chegar às 00:00), uma nova contagem regressiva da pausa deve começar, contando a partir do valor exibido atualmente no elemento id="break-length" . História do usuário nº 24: Quando uma contagem regressiva da quebra atingir zero (NOTA: o cronômetro DEVE chegar às 00:00), e uma nova contagem regressiva começar, o elemento com o id do timer-label do timer-label deverá exibir uma cadeia indicando que uma sessão começou. História de usuário # 25: Quando uma contagem regressiva da quebra chegar a zero (NOTA: o timer DEVE chegar às 00:00), uma nova contagem regressiva da sessão deve começar, contando a partir do valor exibido no elemento id="session-length" . História de usuário # 26: Quando uma contagem regressiva chegar a zero (NOTA: o temporizador DEVE chegar às 00:00), um som indicando que o tempo acabou deve ser reproduzido. Isso deve utilizar uma tag de audio HTML5 e ter um id="beep" correspondente a id="beep" . História de usuário # 27: O elemento de áudio com id="beep" deve ser de 1 segundo ou mais. História de usuário # 28: O elemento audio com id de beep deve parar de tocar e ser rebobinado para o começo quando o elemento com o id de reset é clicado. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md index 1c9dbad69b..cbfcf92521 100644 --- a/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md +++ b/curriculum/challenges/portuguese/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma máquina de cotação aleatória --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/qRZeGZ . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! User Story # 1: Eu posso ver um elemento wrapper com um id="quote-box" . User Story # 2: Dentro de #quote-box , posso ver um elemento com um id="text" . User Story # 3: dentro de #quote-box , posso ver um elemento com um id="author" . User Story # 4: dentro de #quote-box , posso ver um elemento clicável com um id="new-quote" . User Story # 5: dentro de #quote-box , posso ver um clicável elemento com um correspondente id="tweet-quote" . User Story # 6: No primeiro carregamento, minha máquina de cotação exibe uma cotação aleatória no elemento com id="text" . User Story # 7: No primeiro carregamento, minha máquina de cotação exibe o autor da citação aleatória no elemento com id="author" . User Story # 8: Quando o botão #new-quote é clicado, minha máquina de cotação deve buscar uma nova cotação e exibi-la no elemento #text . User Story # 9: Minha máquina de cotação deve buscar o autor da nova cotação quando o botão #new-quote for clicado e exibi-lo no elemento #author . User Story # 10: Eu posso twittar a citação atual clicando no elemento #tweet-quote a . Este a elemento deve incluir o "twitter.com/intent/tweet" caminho em que é href atributo para twittar a cotação atual. User Story # 11: O elemento wrapper #quote-box deve ser centrado horizontalmente. Por favor, execute testes com o nível de zoom do navegador em 100% e a página maximizada. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/qRZeGZ . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar qualquer combinação de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux e jQuery para concluir este projeto. Você deve usar um framework frontend (como o React, por exemplo), porque esta seção é sobre o aprendizado de frameworks frontend. Tecnologias adicionais não listadas acima não são recomendadas e usá-las é por sua conta e risco. Estamos procurando dar suporte a outros frameworks frontend como Angular e Vue, mas eles não são suportados atualmente. Aceitaremos e tentaremos corrigir todos os relatórios de problemas que usam a pilha de tecnologia sugerida para este projeto. Bom divertimento! História de usuário # 1: Eu posso ver um elemento wrapper com um id="quote-box" . História de usuário # 2: Dentro de #quote-box , posso ver um elemento com um id="text" . História de usuário # 3: dentro de #quote-box , posso ver um elemento com um id="author" . História de usuário # 4: dentro de #quote-box , posso ver um elemento clicável com um id="new-quote" . História de usuário # 5: dentro de #quote-box , posso ver um clicável elemento com um correspondente id="tweet-quote" . História de usuário # 6: No primeiro carregamento, minha máquina de cotação exibe uma cotação aleatória no elemento com id="text" . História de usuário # 7: No primeiro carregamento, minha máquina de cotação exibe o autor da citação aleatória no elemento com id="author" . História de usuário # 8: Quando o botão #new-quote é clicado, minha máquina de cotação deve buscar uma nova cotação e exibi-la no elemento #text . História de usuário # 9: Minha máquina de cotação deve buscar o autor da nova cotação quando o botão #new-quote for clicado e exibi-lo no elemento #author . História de usuário # 10: Eu posso twittar a citação atual clicando no elemento #tweet-quote a . Este a elemento deve incluir o "twitter.com/intent/tweet" caminho em que é href atributo para twittar a cotação atual. História de usuário # 11: O elemento wrapper #quote-box deve ser centrado horizontalmente. Por favor, execute testes com o nível de zoom do navegador em 100% e a página maximizada. Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md index 7f03507759..c86be3de93 100644 --- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md +++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Visualize dados com um gráfico de barras --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/GrZVaM . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em https://github.com/d3/d3/blob/master/API.md#axes-d3-axis . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário 1: meu gráfico deve ter um título com um id="title" . História do usuário # 2: Meu gráfico deve ter um eixo x do elemento g com um id="x-axis" . User Story # 3: Meu gráfico deve ter um eixo y do elemento g com um id="y-axis" . User Story # 4: Os dois eixos devem conter vários rótulos de ticks, cada um com a class="tick" correspondente class="tick" . User Story # 5: Meu gráfico deve ter um elemento rect para cada ponto de dados com uma class="bar" exibindo os dados. User Story # 6: Cada barra deve ter as propriedades data-date e data-gdp contendo data e valores do PIB. User Story # 7: As propriedades data-date dos elementos da barra devem corresponder à ordem dos dados fornecidos. User Story # 8: As propriedades do data-gdp dos elementos da barra devem corresponder à ordem dos dados fornecidos. História do usuário nº 9: a altura de cada elemento da barra deve representar com precisão o PIB correspondente dos dados. User Story # 10: O atributo data-date e seu elemento de barra correspondente devem estar alinhados com o valor correspondente no eixo x. User Story # 11: O atributo data-gdp e seu elemento de barra correspondente devem estar alinhados com o valor correspondente no eixo y. User Story # 12: Eu posso passar o mouse sobre uma área e ver uma dica com uma id="tooltip" que exibe mais informações sobre a área. User Story # 13: Minha dica de ferramenta deve ter uma propriedade data-date que corresponda à data-date da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js . Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/GrZVaM . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em https://github.com/d3/d3/blob/master/API.md#axes-d3-axis . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário 1: meu gráfico deve ter um título com um id="title" . História do usuário # 2: Meu gráfico deve ter um eixo x do elemento g com um id="x-axis" . História de usuário # 3: Meu gráfico deve ter um eixo y do elemento g com um id="y-axis" . História de usuário # 4: Os dois eixos devem conter vários rótulos de ticks, cada um com a class="tick" correspondente class="tick" . História de usuário # 5: Meu gráfico deve ter um elemento rect para cada ponto de dados com uma class="bar" exibindo os dados. História de usuário # 6: Cada barra deve ter as propriedades data-date e data-gdp contendo data e valores do PIB. História de usuário # 7: As propriedades data-date dos elementos da barra devem corresponder à ordem dos dados fornecidos. História de usuário # 8: As propriedades do data-gdp dos elementos da barra devem corresponder à ordem dos dados fornecidos. História do usuário nº 9: a altura de cada elemento da barra deve representar com precisão o PIB correspondente dos dados. História de usuário # 10: O atributo data-date e seu elemento de barra correspondente devem estar alinhados com o valor correspondente no eixo x. História de usuário # 11: O atributo data-gdp e seu elemento de barra correspondente devem estar alinhados com o valor correspondente no eixo y. História de usuário # 12: Eu posso passar o mouse sobre uma área e ver uma dica com uma id="tooltip" que exibe mais informações sobre a área. História de usuário # 13: Minha dica de ferramenta deve ter uma propriedade data-date que corresponda à data-date da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js . Quando terminar, envie o URL para o seu projeto de trabalho com todos os testes sendo aprovados. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md index 7e8615e459..9962f03985 100644 --- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md +++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Visualize dados com um mapa coroplético --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/EZKqza . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário nº 1: Meu choropleth deve ter um título com um id="title" . História do usuário nº 2: Meu choropleth deve ter um elemento de descrição com um id="description" . História do usuário nº 3: Meu choropleth deve ter condados com uma class="county" correspondente class="county" que represente os dados. História do usuário nº 4: deve haver pelo menos quatro cores de preenchimento diferentes usadas para os municípios. História do usuário # 5: Meus municípios devem ter propriedades de data-fips e data-education contendo seus valores de educação e fips correspondentes. História do Usuário # 6: Meu coroplópio deve ter um condado para cada ponto de dados fornecido. História do usuário nº 7: os municípios devem ter dados-fips e valores de dados-educação que correspondam aos dados da amostra. História do usuário nº 8: Meu choropleth deve ter uma legenda com um id="legend" . História do usuário nº 9: Deve haver pelo menos 4 cores de preenchimento diferentes usadas para a legenda. História do usuário nº 10: Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com um id="tooltip" que exibe mais informações sobre a área. História do usuário nº 11: Minha dica de ferramenta deve ter uma propriedade de data-education que corresponda à data-education da área ativa. Aqui estão os conjuntos de dados necessários para concluir este projeto:
  • Dados educacionais dos EUA: https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json
  • Dados do Condado dos EUA: https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/EZKqza . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário nº 1: Meu choropleth deve ter um título com um id="title" . História do usuário nº 2: Meu choropleth deve ter um elemento de descrição com um id="description" . História do usuário nº 3: Meu choropleth deve ter condados com uma class="county" correspondente class="county" que represente os dados. História do usuário nº 4: deve haver pelo menos quatro cores de preenchimento diferentes usadas para os municípios. História do usuário # 5: Meus municípios devem ter propriedades de data-fips e data-education contendo seus valores de educação e fips correspondentes. História do Usuário # 6: Meu coroplópio deve ter um condado para cada ponto de dados fornecido. História do usuário nº 7: os municípios devem ter dados-fips e valores de dados-educação que correspondam aos dados da amostra. História do usuário nº 8: Meu choropleth deve ter uma legenda com um id="legend" . História do usuário nº 9: Deve haver pelo menos 4 cores de preenchimento diferentes usadas para a legenda. História do usuário nº 10: Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com um id="tooltip" que exibe mais informações sobre a área. História do usuário nº 11: Minha dica de ferramenta deve ter uma propriedade de data-education que corresponda à data-education da área ativa. Aqui estão os conjuntos de dados necessários para concluir este projeto:
  • Dados educacionais dos EUA: https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json
  • Dados do Condado dos EUA: https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md index 0bc9a878a3..ea586917ed 100644 --- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md +++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Visualize dados com um mapa de calor --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/JEXgeY . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário nº 1: Meu heat map deve ter um título com um id="title" . História do usuário nº 2: Meu heat map deve ter uma descrição com um id="description" . História do usuário nº 3: Meu mapa de calor deve ter um eixo x com um id="x-axis" . História do Usuário # 4: Meu mapa de calor deve ter um eixo y com um id="y-axis" . História do usuário nº 5: Meu heat map deve ter elementos rect com uma class="cell" que representa os dados. História do usuário nº 6: Deve haver pelo menos 4 cores de preenchimento diferentes usadas para as células. História do usuário nº 7: Cada célula terá as propriedades data-month , data-year , data-temp contendo seus valores correspondentes de mês, ano e temperatura. História do usuário nº 8: O data-month , data-year de cada célula deve estar dentro do intervalo dos dados. História do usuário nº 9: Meu mapa de calor deve ter células alinhadas com o mês correspondente no eixo y. História do usuário nº 10: Meu mapa de calor deve ter células alinhadas com o ano correspondente no eixo x. História do usuário nº 11: Meu mapa de calor deve ter vários marcadores de escala no eixo y com o nome completo do mês. História do usuário nº 12: Meu heat map deve ter vários rótulos de ticks no eixo x com os anos entre 1754 e 2015. História do usuário nº 13: Meu heat map deve ter uma legenda com um id="legend" . História do usuário nº 14: Minha legenda deve conter elementos rect . História do usuário nº 15: Os elementos rect na legenda devem usar pelo menos 4 cores de preenchimento diferentes. História do usuário nº 16: Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com uma id="tooltip" que exibe mais informações sobre a área. História do usuário nº 16: Minha dica de ferramenta deve ter uma propriedade data-year que corresponda ao data-year da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/JEXgeY . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário nº 1: Meu heat map deve ter um título com um id="title" . História do usuário nº 2: Meu heat map deve ter uma descrição com um id="description" . História do usuário nº 3: Meu mapa de calor deve ter um eixo x com um id="x-axis" . História do Usuário # 4: Meu mapa de calor deve ter um eixo y com um id="y-axis" . História do usuário nº 5: Meu heat map deve ter elementos rect com uma class="cell" que representa os dados. História do usuário nº 6: Deve haver pelo menos 4 cores de preenchimento diferentes usadas para as células. História do usuário nº 7: Cada célula terá as propriedades data-month , data-year , data-temp contendo seus valores correspondentes de mês, ano e temperatura. História do usuário nº 8: O data-month , data-year de cada célula deve estar dentro do intervalo dos dados. História do usuário nº 9: Meu mapa de calor deve ter células alinhadas com o mês correspondente no eixo y. História do usuário nº 10: Meu mapa de calor deve ter células alinhadas com o ano correspondente no eixo x. História do usuário nº 11: Meu mapa de calor deve ter vários marcadores de escala no eixo y com o nome completo do mês. História do usuário nº 12: Meu heat map deve ter vários rótulos de ticks no eixo x com os anos entre 1754 e 2015. História do usuário nº 13: Meu heat map deve ter uma legenda com um id="legend" . História do usuário nº 14: Minha legenda deve conter elementos rect . História do usuário nº 15: Os elementos rect na legenda devem usar pelo menos 4 cores de preenchimento diferentes. História do usuário nº 16: Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com uma id="tooltip" que exibe mais informações sobre a área. História do usuário nº 16: Minha dica de ferramenta deve ter uma propriedade data-year que corresponda ao data-year da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md index 018d4d55cd..28334cea4f 100644 --- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md +++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Visualize dados com um gráfico de gráfico de dispersão --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/bgpXyK . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em https://github.com/d3/d3/blob/master/API.md#axes-d3-axis . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário nº 1: Eu posso ver um elemento título que tem um id="title" . História do usuário nº 2: Eu posso ver um eixo x que tem um id="x-axis" . História do usuário nº 3: Eu posso ver um eixo y que tem um id="y-axis" . História do usuário nº 4: Eu posso ver pontos, cada um com uma classe de dot , que representa os dados sendo plotados. História do Usuário # 5: Cada ponto deve ter as propriedades data-xvalue e data-yvalue contendo seus valores x e y correspondentes. História do usuário nº 6: O valor data-xvalue data-yvalue e o data-xvalue y de data-yvalue de cada ponto devem estar dentro do intervalo dos dados reais e no formato de dados correto. Para data-xvalue , inteiros (anos completos) ou objetos Date são aceitáveis ​​para avaliação de teste. Para data-yvalue (minutos), use objetos Date. História do Usuário # 7: O data-xvalue e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo x. História do usuário # 8: O valor de y dos data-yvalue e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo y. História do usuário nº 9: posso ver vários rótulos de escala no eixo y com o formato de hora %M:%S História do usuário nº 10: posso ver vários rótulos de escala no eixo x que mostram o ano. História do usuário nº 11: Eu posso ver que o intervalo dos rótulos do eixo x estão dentro do intervalo dos dados reais do eixo x. História do usuário nº 12: Eu posso ver que o intervalo dos rótulos do eixo y estão dentro do intervalo dos dados reais do eixo y. História do usuário nº 13: Eu posso ver uma legenda contendo um texto descritivo que possui id="legend" . História do usuário nº 14: Eu posso passar o mouse sobre uma área e ver uma dica com uma id="tooltip" que exibe mais informações sobre a área. História do usuário nº 15: Minha dica de ferramenta deve ter uma propriedade data-year que corresponda ao valor data-xvalue da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/bgpXyK . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em https://github.com/d3/d3/blob/master/API.md#axes-d3-axis . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História do usuário nº 1: Eu posso ver um elemento título que tem um id="title" . História do usuário nº 2: Eu posso ver um eixo x que tem um id="x-axis" . História do usuário nº 3: Eu posso ver um eixo y que tem um id="y-axis" . História do usuário nº 4: Eu posso ver pontos, cada um com uma classe de dot , que representa os dados sendo plotados. História do Usuário # 5: Cada ponto deve ter as propriedades data-xvalue e data-yvalue contendo seus valores x e y correspondentes. História do usuário nº 6: O valor data-xvalue data-yvalue e o data-xvalue y de data-yvalue de cada ponto devem estar dentro do intervalo dos dados reais e no formato de dados correto. Para data-xvalue , inteiros (anos completos) ou objetos Date são aceitáveis ​​para avaliação de teste. Para data-yvalue (minutos), use objetos Date. História do Usuário # 7: O data-xvalue e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo x. História do usuário # 8: O valor de y dos data-yvalue e seu ponto correspondente devem estar alinhados com o ponto / valor correspondente no eixo y. História do usuário nº 9: posso ver vários rótulos de escala no eixo y com o formato de hora %M:%S História do usuário nº 10: posso ver vários rótulos de escala no eixo x que mostram o ano. História do usuário nº 11: Eu posso ver que o intervalo dos rótulos do eixo x estão dentro do intervalo dos dados reais do eixo x. História do usuário nº 12: Eu posso ver que o intervalo dos rótulos do eixo y estão dentro do intervalo dos dados reais do eixo y. História do usuário nº 13: Eu posso ver uma legenda contendo um texto descritivo que possui id="legend" . História do usuário nº 14: Eu posso passar o mouse sobre uma área e ver uma dica com uma id="tooltip" que exibe mais informações sobre a área. História do usuário nº 15: Minha dica de ferramenta deve ter uma propriedade data-year que corresponda ao valor data-xvalue da área ativa. Aqui está o conjunto de dados necessário para concluir este projeto: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md index cad49ccef4..71cdfa4d5f 100644 --- a/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md +++ b/curriculum/challenges/portuguese/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Visualize dados com um diagrama de mapa de árvore --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/KaNGNR . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em https://github.com/d3/d3/blob/master/API.md#axes-d3-axis . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. User Story # 1: Meu mapa da árvore deve ter um título com um id="title" . User Story # 2: Meu mapa de árvore deve ter uma descrição com um id="description" . User Story # 3: Meu mapa de árvore deve ter elementos rect com uma class="tile" que representa os dados. História do usuário nº 4: deve haver pelo menos duas cores de preenchimento diferentes usadas para as peças. História do usuário nº 5: Cada bloco deve ter as propriedades data-name , data-category e data-value contendo seu nome, categoria e valor correspondentes. História do usuário nº 6: a área de cada bloco deve corresponder ao valor do valor dos dados: blocos com um valor de dados maior devem ter uma área maior. User Story # 7: Meu mapa da árvore deve ter uma legenda com id="legend" . User Story # 8: Minha legenda deve ter elementos rect com uma class="legend-item" . User Story # 9: Os elementos rect na legenda devem usar pelo menos 2 cores de preenchimento diferentes. User Story # 10: Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com um id="tooltip" que exibe mais informações sobre a área. User Story # 11: minha dica de ferramenta deve ter uma propriedade de data-value que corresponda ao data-value de data-value da área ativa. Para este projeto, você pode usar qualquer um dos seguintes conjuntos de dados:
  • Promessas do Kickstarter: https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json
  • Vendas de filmes: https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json
  • Vendas de videogames: https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/KaNGNR . Cumpra as histórias de usuário abaixo e faça todos os testes para passar. Dê seu estilo pessoal. Você pode usar HTML, JavaScript, CSS e a biblioteca de visualização baseada em svg D3. Os testes exigem que os eixos sejam gerados usando a propriedade do eixo D3, que gera automaticamente marcações ao longo do eixo. Esses tiques são necessários para passar nos testes D3, porque suas posições são usadas para determinar o alinhamento dos elementos gráficos. Você encontrará informações sobre como gerar eixos em https://github.com/d3/d3/blob/master/API.md#axes-d3-axis . Elementos DOM (não virtuais) requeridos são consultados no momento de cada teste. Se você usar uma estrutura frontend (como o Vue, por exemplo), os resultados do teste podem ser imprecisos para o conteúdo dinâmico. Esperamos acomodá-los eventualmente, mas esses frameworks não são suportados atualmente para projetos D3. História de usuário # 1: Meu mapa da árvore deve ter um título com um id="title" . História de usuário # 2: Meu mapa de árvore deve ter uma descrição com um id="description" . História de usuário # 3: Meu mapa de árvore deve ter elementos rect com uma class="tile" que representa os dados. História do usuário nº 4: deve haver pelo menos duas cores de preenchimento diferentes usadas para as peças. História do usuário nº 5: Cada bloco deve ter as propriedades data-name , data-category e data-value contendo seu nome, categoria e valor correspondentes. História do usuário nº 6: a área de cada bloco deve corresponder ao valor do valor dos dados: blocos com um valor de dados maior devem ter uma área maior. História de usuário # 7: Meu mapa da árvore deve ter uma legenda com id="legend" . História de usuário # 8: Minha legenda deve ter elementos rect com uma class="legend-item" . História de usuário # 9: Os elementos rect na legenda devem usar pelo menos 2 cores de preenchimento diferentes. História de usuário # 10: Eu posso passar o mouse sobre uma área e ver uma dica de ferramenta com um id="tooltip" que exibe mais informações sobre a área. História de usuário # 11: minha dica de ferramenta deve ter uma propriedade de data-value que corresponda ao data-value de data-value da área ativa. Para este projeto, você pode usar qualquer um dos seguintes conjuntos de dados:
  • Promessas do Kickstarter: https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json
  • Vendas de filmes: https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json
  • Vendas de videogames: https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json
Você pode criar seu projeto, bifurcando essa caneta CodePen . Ou você pode usar este link CDN para executar os testes em qualquer ambiente que desejar: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Quando terminar, envie a URL para o seu trabalho. projeto com todos os seus testes passando. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md index 46708d80cd..c40a619d2c 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um placar de campista --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/eZGMjp/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do Usuário: Eu posso ver uma tabela dos campistas do freeCodeCamp que ganharam mais pontos de brownie nos últimos 30 dias. História do Usuário: posso ver quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos ganharam no total. História do Usuário: 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. Dica: para obter os 100 melhores campistas nos últimos 30 dias: https://fcctop100.herokuapp.com/api/fccusers/top/recent . Dica: para obter os 100 melhores campistas de todos os tempos: https://fcctop100.herokuapp.com/api/fccusers/top/alltime . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/eZGMjp/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu posso ver uma tabela dos campistas do freeCodeCamp que ganharam mais pontos de brownie nos últimos 30 dias. História do usuário: posso ver quantos pontos de brownie eles ganharam nos últimos 30 dias e quantos ganharam no total. História de usuário: 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. Dica: para obter os 100 melhores campistas nos últimos 30 dias: https://fcctop100.herokuapp.com/api/fccusers/top/recent . Dica: para obter os 100 melhores campistas de todos os tempos: https://fcctop100.herokuapp.com/api/fccusers/top/alltime . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md index 80118aac4e..8a40395d00 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-light-bright-app.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um aplicativo leve e brilhante --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/eyLYXE . Regra nº 1: não olhe o código do projeto de exemplo. Descobrir por si mesmo. Regra nº 2: Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. User Story: Eu posso clicar ou arrastar o cursor do mouse para colorir os círculos. User Story: posso clicar duas vezes em um círculo colorido para remover a cor. User Story: Eu posso clicar em um círculo colorido para mudar sua cor. User Story: Eu deveria ter um círculo de cores diferentes em cada clique. História do usuário: posso clicar no botão "Redefinir" para remover a cor recente. História do usuário: posso clicar no botão "Redefinir tudo" para remover todas as cores dos círculos. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/eyLYXE . Regra nº 1: não olhe o código do projeto de exemplo. Descobrir por si mesmo. Regra nº 2: Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu posso clicar ou arrastar o cursor do mouse para colorir os círculos. História de usuário: posso clicar duas vezes em um círculo colorido para remover a cor. História de usuário: Eu posso clicar em um círculo colorido para mudar sua cor. História de usuário: Eu deveria ter um círculo de cores diferentes em cada clique. História do usuário: posso clicar no botão "Redefinir" para remover a cor recente. História do usuário: posso clicar no botão "Redefinir tudo" para remover todas as cores dos círculos. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md index 8e66036d46..edee4e32bb 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um aplicativo de coordenação de vida noturna --- ## Description -
Objetivo: criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: http://whatsgoinontonight.herokuapp.com/ e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects . Estas são as histórias de usuário específicas que você deve implementar para este projeto: User Story: como usuário não autenticado, posso visualizar todas as barras na minha área. User Story: Como um usuário autenticado, posso me adicionar a uma barra para indicar que vou para lá hoje à noite. User Story: Como usuário autenticado, posso me remover de uma barra se não quiser mais ir para lá. User Story: Como usuário não autenticado, quando eu fizer login, não precisarei pesquisar novamente. Dica: tente usar a API do Yelp para encontrar locais nas cidades pesquisadas pelos usuários. Se você usa a API do Yelp, mencione isso no seu aplicativo. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: http://whatsgoinontonight.herokuapp.com/ e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects . Estas são as histórias de usuário específicas que você deve implementar para este projeto: História de usuário: como usuário não autenticado, posso visualizar todas as barras na minha área. História de usuário: Como um usuário autenticado, posso me adicionar a uma barra para indicar que vou para lá hoje à noite. História de usuário: Como usuário autenticado, posso me remover de uma barra se não quiser mais ir para lá. História de usuário: Como usuário não autenticado, quando eu fizer login, não precisarei pesquisar novamente. Dica: tente usar a API do Yelp para encontrar locais nas cidades pesquisadas pelos usuários. Se você usa a API do Yelp, mencione isso no seu aplicativo. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md index 3e3b310107..20694c10ff 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pinterest-clone.portuguese.md @@ -7,7 +7,7 @@ localeTitle: Construa um clone do Pinterest --- ## Description -
Objetivo: criar um aplicativo Glitch que seja funcionalmente semelhante a este: https://wild-song.glitch.me . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: Como usuário não autenticado, posso fazer login com o GitHub. História do usuário: como um usuário autenticado, posso vincular a imagens. História do usuário: como um usuário autenticado, posso excluir as imagens às quais me vinculei. História do usuário: como um usuário autenticado, posso ver uma parede no estilo Pinterest de todas as imagens às quais vinculei. História do usuário: como usuário não autenticado, posso procurar paredes de imagens de outros usuários. História do usuário: como um usuário autenticado, se eu fizer upload de uma imagem que esteja corrompida, ela será substituída por uma imagem de espaço reservado. (pode usar a detecção de imagem quebrada do jQuery) Dica: O Masonry.js é uma biblioteca que permite grades de imagens no estilo do Pinterest. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo Glitch que seja funcionalmente semelhante a este: https://wild-song.glitch.me . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: Como usuário não autenticado, posso fazer login com o GitHub. História do usuário: como um usuário autenticado, posso vincular a imagens. História do usuário: como um usuário autenticado, posso excluir as imagens às quais me vinculei. História do usuário: como um usuário autenticado, posso ver uma parede no estilo Pinterest de todas as imagens às quais vinculei. História do usuário: como usuário não autenticado, posso procurar paredes de imagens de outros usuários. História do usuário: como um usuário autenticado, se eu fizer upload de uma imagem que esteja corrompida, ela será substituída por uma imagem de espaço reservado. (pode usar a detecção de imagem quebrada do jQuery) Dica: O Masonry.js é uma biblioteca que permite grades de imagens no estilo do Pinterest. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md index 44cebe95af..5435f57499 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-pong-game.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um jogo de Pong --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/satyamdev/full/pdMmBp . Regra nº 1: não olhe o código do projeto de exemplo. Descobrir por si mesmo. Regra nº 2: Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso controlar uma raquete. História do Usuário: O computador pode controlar o outro remo. História do usuário: a raquete do computador é imbatível. Nunca deve perder a bola. História do usuário: O jogo acompanha o jogador e a pontuação do computador. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/satyamdev/full/pdMmBp . Regra nº 1: não olhe o código do projeto de exemplo. Descobrir por si mesmo. Regra nº 2: Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso controlar uma raquete. História do Usuário: O computador pode controlar o outro remo. História do usuário: a raquete do computador é imbatível. Nunca deve perder a bola. História do usuário: O jogo acompanha o jogador e a pontuação do computador. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md index 5292d88673..99e714444d 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-recipe-box.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa uma caixa de receita --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/dNVazZ/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso criar receitas com nomes e ingredientes. User Story: Eu posso ver uma visualização de índice em que os nomes de todas as receitas estão visíveis. História do usuário: posso clicar em qualquer uma dessas receitas para visualizá-la. História do usuário: posso editar essas receitas. História do usuário: posso excluir essas receitas. História do usuário: todas as novas receitas adicionadas são salvas no armazenamento local do meu navegador. Se eu atualizar a página, essas receitas ainda estarão lá. Dica: você deve prefixar suas chaves de armazenamento local no CodePen, ou seja, _username_recipes Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/dNVazZ/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso criar receitas com nomes e ingredientes. História de usuário: Eu posso ver uma visualização de índice em que os nomes de todas as receitas estão visíveis. História do usuário: posso clicar em qualquer uma dessas receitas para visualizá-la. História do usuário: posso editar essas receitas. História do usuário: posso excluir essas receitas. História do usuário: todas as novas receitas adicionadas são salvas no armazenamento local do meu navegador. Se eu atualizar a página, essas receitas ainda estarão lá. Dica: você deve prefixar suas chaves de armazenamento local no CodePen, ou seja, _username_recipes Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md index 61e7ecdcb7..3daf3c725d 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construir um jogo Crawler Dungeon Roguelike --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/apLXEJ/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do Usuário: Eu tenho saúde, nível e arma. Eu posso pegar uma arma melhor. Eu posso pegar itens de saúde. História do Usuário: Todos os itens e inimigos no mapa são organizados aleatoriamente. História do usuário: posso percorrer um mapa, descobrindo itens. História do Usuário: 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. User Story: 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. User Story: Quando eu venci um inimigo, o inimigo foi embora e eu recebi XP, o que eventualmente aumenta meu nível. História do Usuário: 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. História do Usuário: Quando encontro e vence o chefe, eu ganho. História do Usuário: O jogo deve ser desafiador, mas teoricamente vitorioso. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/apLXEJ/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do Usuário: Eu tenho saúde, nível e arma. Eu posso pegar uma arma melhor. Eu posso pegar itens de saúde. História do Usuário: Todos os itens e inimigos no mapa são organizados aleatoriamente. História do usuário: posso percorrer um mapa, descobrindo itens. História do Usuário: 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. História de usuário: 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. História de usuário: Quando eu venci um inimigo, o inimigo foi embora e eu recebi XP, o que eventualmente aumenta meu nível. História do Usuário: 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. História do Usuário: Quando encontro e vence o chefe, eu ganho. História do Usuário: O jogo deve ser desafiador, mas teoricamente vitorioso. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md index 6edeba498e..00b0a41e38 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-simon-game.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um jogo de Simon --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/obYBjE . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. User Story: Eu sou apresentado com uma série aleatória de pressionamentos de botão. História do Usuário: 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. História do usuário: 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. História do usuário: 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. User Story: Eu posso ver quantos passos estão na série atual de pressionamentos de botão. User Story: Se eu quiser reiniciar, posso apertar um botão para fazer isso, e o jogo retornará a uma única etapa. História do Usuário: 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. História do Usuário: 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. Dica: Aqui estão os mp3s que você pode usar para cada botão: https://s3.amazonaws.com/freecodecamp/simonSound1.mp3 , https://s3.amazonaws.com/freecodecamp/simonSound2.mp3 , https://s3.amazonaws.com/freecodecamp/simonSound3.mp3 , https://s3.amazonaws.com/freecodecamp/simonSound4.mp3 . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/obYBjE . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu sou apresentado com uma série aleatória de pressionamentos de botão. História do Usuário: 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. História do usuário: 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. História do usuário: 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. História de usuário: Eu posso ver quantos passos estão na série atual de pressionamentos de botão. História de usuário: Se eu quiser reiniciar, posso apertar um botão para fazer isso, e o jogo retornará a uma única etapa. História do Usuário: 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. História do Usuário: 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. Dica: Aqui estão os mp3s que você pode usar para cada botão: https://s3.amazonaws.com/freecodecamp/simonSound1.mp3 , https://s3.amazonaws.com/freecodecamp/simonSound2.mp3 , https://s3.amazonaws.com/freecodecamp/simonSound3.mp3 , https://s3.amazonaws.com/freecodecamp/simonSound4.mp3 . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md index 684d3d4e5d..e6a69795dc 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um jogo Tic Tac Toe --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/KzXQgy/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. User Story: Eu posso jogar um jogo de Tic Tac Toe com o computador. História do usuário: Meu jogo será redefinido assim que terminar, para que eu possa jogar novamente. User Story: Eu posso escolher se quero jogar como X ou O. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/KzXQgy/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu posso jogar um jogo de Tic Tac Toe com o computador. História do usuário: Meu jogo será redefinido assim que terminar, para que eu possa jogar novamente. História de usuário: Eu posso escolher se quero jogar como X ou O. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md index 06dcf8a67b..0b5e4d7aec 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-voting-app.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um aplicativo de votação --- ## Description -
Objetivo: criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: https://fcc-voting-arthow4n.herokuapp.com/ e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects . Aqui estão as histórias de usuário específicas que você deve implementar para este projeto: User Story: Como um usuário autenticado, posso manter minhas pesquisas e voltar mais tarde para acessá-las. User Story: Como usuário autenticado, posso compartilhar minhas pesquisas com meus amigos. História do usuário: como um usuário autenticado, posso ver os resultados agregados das minhas pesquisas. User Story: Como um usuário autenticado, posso excluir pesquisas que eu decido que não quero mais. História do usuário: como um usuário autenticado, posso criar uma pesquisa com qualquer número de itens possíveis. História do usuário: como usuário não autenticado ou autenticado, posso ver e votar nas pesquisas de todos. História do usuário: como um usuário não autenticado ou autenticado, posso ver os resultados das pesquisas em forma de gráfico. (Isso pode ser implementado usando o Chart.js ou o Google Charts.) User Story: Como um usuário autenticado, se eu não gostar das opções em uma pesquisa, posso criar uma nova opção. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: https://fcc-voting-arthow4n.herokuapp.com/ e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects . Aqui estão as histórias de usuário específicas que você deve implementar para este projeto: História de usuário: Como um usuário autenticado, posso manter minhas pesquisas e voltar mais tarde para acessá-las. História de usuário: Como usuário autenticado, posso compartilhar minhas pesquisas com meus amigos. História do usuário: como um usuário autenticado, posso ver os resultados agregados das minhas pesquisas. História de usuário: Como um usuário autenticado, posso excluir pesquisas que eu decido que não quero mais. História do usuário: como um usuário autenticado, posso criar uma pesquisa com qualquer número de itens possíveis. História do usuário: como usuário não autenticado ou autenticado, posso ver e votar nas pesquisas de todos. História do usuário: como um usuário não autenticado ou autenticado, posso ver os resultados das pesquisas em forma de gráfico. (Isso pode ser implementado usando o Chart.js ou o Google Charts.) História de usuário: Como um usuário autenticado, se eu não gostar das opções em uma pesquisa, posso criar uma nova opção. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md index af24a83dd0..4dccc84e18 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa um visualizador da Wikipedia --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/wGqEga/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso pesquisar as entradas da Wikipedia em uma caixa de pesquisa e ver as entradas da Wikipedia resultantes. User Story: Eu posso clicar em um botão para ver uma entrada aleatória da Wikipedia. Dica # 1: Aqui está uma URL que você pode usar para obter um artigo aleatório da Wikipédia: https://en.wikipedia.org/wiki/Special:Random . Dica # 2: Aqui está uma entrada sobre o uso da API da Wikipedia: https://www.mediawiki.org/wiki/API:Main_page . Dica # 3: use este link para experimentar a API da Wikipedia. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/wGqEga/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso pesquisar as entradas da Wikipedia em uma caixa de pesquisa e ver as entradas da Wikipedia resultantes. História de usuário: Eu posso clicar em um botão para ver uma entrada aleatória da Wikipedia. Dica # 1: Aqui está uma URL que você pode usar para obter um artigo aleatório da Wikipédia: https://en.wikipedia.org/wiki/Special:Random . Dica # 2: Aqui está uma entrada sobre o uso da API da Wikipedia: https://www.mediawiki.org/wiki/API:Main_page . Dica # 3: use este link para experimentar a API da Wikipedia. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md index ceb74dac65..892edf2782 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/build-the-game-of-life.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Construa o Jogo da Vida --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/BpwMZv/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: Quando eu chego ao jogo, ele gera aleatoriamente uma placa e começa a jogar. User Story: Eu posso começar e parar o fórum. História do usuário: posso configurar o quadro. História do usuário: posso limpar o quadro. User Story: Quando eu pressiono start, o jogo vai se esgotar. História do Usuário: Cada vez que o quadro muda, posso ver quantas gerações passaram. Dica: Aqui está uma explicação do Jogo da Vida de Conway do próprio John Conway: https://www.youtube.com/watch?v=E8kUJL04ELA Dica: Aqui está uma visão geral do Jogo da Vida de Conway com regras para sua referência: https: // en.wikipedia.org/wiki/Conway%27s_Game_of_Life Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/BpwMZv/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: Quando eu chego ao jogo, ele gera aleatoriamente uma placa e começa a jogar. História de usuário: Eu posso começar e parar o fórum. História do usuário: posso configurar o quadro. História do usuário: posso limpar o quadro. História de usuário: Quando eu pressiono start, o jogo vai se esgotar. História do Usuário: Cada vez que o quadro muda, posso ver quantas gerações passaram. Dica: Aqui está uma explicação do Jogo da Vida de Conway do próprio John Conway: https://www.youtube.com/watch?v=E8kUJL04ELA Dica: Aqui está uma visão geral do Jogo da Vida de Conway com regras para sua referência: https: // en.wikipedia.org/wiki/Conway%27s_Game_of_Life Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md index a6830cbc87..c26e03f818 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/chart-the-stock-market.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Gráfico do mercado de ações --- ## Description -
Objetivo: criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: http://watchstocks.herokuapp.com/ e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects . Aqui estão as histórias de usuário específicas que você deve implementar para este projeto: User Story: Eu posso visualizar um gráfico exibindo as linhas de tendência recentes para cada estoque adicionado. User Story: Eu posso adicionar novas ações pelo seu nome de símbolo. História do usuário: posso remover estoques. História do usuário: posso ver alterações em tempo real quando qualquer outro usuário adiciona ou remove um estoque. Para isso, você precisará usar Web Sockets. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo JavaScript de pilha completa que seja funcionalmente semelhante a este: http://watchstocks.herokuapp.com/ e implante-o no Heroku. Note que para cada projeto, você deve criar um novo repositório GitHub e um novo projeto Heroku. Se você não consegue lembrar como fazer isso, visite https://freecodecamp.com/challenges/get-set-for-our-dynamic-web-application-projects . Aqui estão as histórias de usuário específicas que você deve implementar para este projeto: História de usuário: Eu posso visualizar um gráfico exibindo as linhas de tendência recentes para cada estoque adicionado. História de usuário: Eu posso adicionar novas ações pelo seu nome de símbolo. História do usuário: posso remover estoques. História do usuário: posso ver alterações em tempo real quando qualquer outro usuário adiciona ou remove um estoque. Para isso, você precisará usar Web Sockets. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md index 5478c98e96..a5635ff0e7 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/manage-a-book-trading-club.portuguese.md @@ -7,7 +7,7 @@ localeTitle: Gerenciar um Clube de Negociação de Livros --- ## Description -
Objetivo: criar um aplicativo Glitch que seja funcionalmente semelhante a este: https://chrome-delivery.glitch.me . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso ver todos os livros postados por todos os usuários. User Story: posso adicionar um novo livro. História do usuário: posso atualizar minhas configurações para armazenar meu nome completo, cidade e estado. User Story: Eu posso propor uma negociação e esperar que o outro usuário aceite a negociação. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo Glitch que seja funcionalmente semelhante a este: https://chrome-delivery.glitch.me . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: posso ver todos os livros postados por todos os usuários. História de usuário: posso adicionar um novo livro. História do usuário: posso atualizar minhas configurações para armazenar meu nome completo, cidade e estado. História de usuário: Eu posso propor uma negociação e esperar que o outro usuário aceite a negociação. Quando terminar de implementar essas histórias de usuários, clique no botão "Concluí este desafio" e insira os URLs do repositório do GitHub e do aplicativo ao vivo em execução no Heroku. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md index b3c5b39e94..bef7cb8eca 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/map-data-across-the-globe.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Dados de mapa em todo o mundo --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/mVEJag . Cumpra as seguintes histórias de usuários . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. User Story: Eu posso ver onde todos os meteoritos pousaram em um mapa do mundo. História do Usuário: Eu posso dizer o tamanho relativo do meteorito, apenas observando a maneira como ele é representado no mapa. User Story: Eu posso passar o mouse sobre o ponto de dados do meteorito para dados adicionais. Dica: Aqui está um conjunto de dados que você pode usar para construir isso: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json Lembre-se de usar Read-Search-Ask se ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/mVEJag . Cumpra as seguintes histórias de usuários . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu posso ver onde todos os meteoritos pousaram em um mapa do mundo. História do Usuário: Eu posso dizer o tamanho relativo do meteorito, apenas observando a maneira como ele é representado no mapa. História de usuário: Eu posso passar o mouse sobre o ponto de dados do meteorito para dados adicionais. Dica: Aqui está um conjunto de dados que você pode usar para construir isso: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json Lembre-se de usar Read-Search-Ask se ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md index 3204a9ed75..75de8324fe 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/p2p-video-chat-application.portuguese.md @@ -8,7 +8,7 @@ localeTitle: P2P Video Chat Application --- ## Description -
Objetivo: criar um aplicativo Glitch que seja funcionalmente semelhante a este: https://grove-voice.glitch.me . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: Ao chegar, o navegador solicitará que eu acesse minha câmera e meu microfone. História do usuário: depois de dar permissão, sou solicitado a digitar um nome de sala. User Story: Uma vez que eu digite o nome do quarto, uma sala será criada se nenhuma sala desse nome existir antes. User Story: 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. História do usuário: se eu digitar um nome de sala e já houver duas pessoas nessa sala, receberei uma notificação de que a sala está cheia. User Story: Qualquer pessoa pode criar ou participar de qualquer sala. E pode haver vários quartos, mas todos eles devem ter nomes exclusivos. História do usuário: 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. User Story: 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. História do usuário: se uma das duas pessoas na sala for desconectada, ela poderá se reconectar à mesma sala e continuar conversando. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para seu aplicativo Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo Glitch que seja funcionalmente semelhante a este: https://grove-voice.glitch.me . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: Ao chegar, o navegador solicitará que eu acesse minha câmera e meu microfone. História do usuário: depois de dar permissão, sou solicitado a digitar um nome de sala. História de usuário: Uma vez que eu digite o nome do quarto, uma sala será criada se nenhuma sala desse nome existir antes. História de usuário: 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. História do usuário: se eu digitar um nome de sala e já houver duas pessoas nessa sala, receberei uma notificação de que a sala está cheia. História de usuário: Qualquer pessoa pode criar ou participar de qualquer sala. E pode haver vários quartos, mas todos eles devem ter nomes exclusivos. História do usuário: 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. História de usuário: 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. História do usuário: se uma das duas pessoas na sala for desconectada, ela poderá se reconectar à mesma sala e continuar conversando. Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para seu aplicativo Glitch. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md index 11427e81f2..99614194fc 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Mostrar Contigüidade Nacional com um Gráfico de Força Direcionad --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/xVopBo . Cumpra as seguintes histórias de usuários . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: vejo um gráfico direcionado pela força que mostra quais países compartilham bordas. User Story: Eu posso ver a bandeira de cada país em seu nó. Dica: Aqui está um conjunto de dados que você pode usar para construir isso: https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json Dica: você pode criar uma spritesheet de bandeiras nacionais em https: //www.flag- sprites.com . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/xVopBo . Cumpra as seguintes histórias de usuários . Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História do usuário: vejo um gráfico direcionado pela força que mostra quais países compartilham bordas. História de usuário: Eu posso ver a bandeira de cada país em seu nó. Dica: Aqui está um conjunto de dados que você pode usar para construir isso: https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json Dica: você pode criar uma spritesheet de bandeiras nacionais em https: //www.flag- sprites.com . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md index 0931b2e926..5cf2d4ee74 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/show-the-local-weather.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Mostrar o clima local --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/bELRjV . Regra nº 1: não olhe o código do projeto de exemplo. Descobrir por si mesmo. Regra nº 2: Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. User Story: Eu posso ver o tempo na minha localização atual. User Story: Eu posso ver um ícone diferente ou imagem de fundo (por exemplo, montanha nevada, deserto quente), dependendo do tempo. User Story: Eu posso apertar um botão para alternar entre Fahrenheit e Celsius. Nota: Muitos navegadores da Internet agora precisam de uma conexão HTTP Segura ( https:// ) 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 https://fcc-weather-api.glitch.me, que usa uma conexão HTTP segura para o clima. Além disso, certifique-se de conectar-se ao CodePen.io via https:// . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/bELRjV . Regra nº 1: não olhe o código do projeto de exemplo. Descobrir por si mesmo. Regra nº 2: Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu posso ver o tempo na minha localização atual. História de usuário: Eu posso ver um ícone diferente ou imagem de fundo (por exemplo, montanha nevada, deserto quente), dependendo do tempo. História de usuário: Eu posso apertar um botão para alternar entre Fahrenheit e Celsius. Nota: Muitos navegadores da Internet agora precisam de uma conexão HTTP Segura ( https:// ) 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 https://fcc-weather-api.glitch.me, que usa uma conexão HTTP segura para o clima. Além disso, certifique-se de conectar-se ao CodePen.io via https:// . Lembre-se de usar Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions
diff --git a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md index 95e540c3ec..0063579e8b 100644 --- a/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md +++ b/curriculum/challenges/portuguese/08-coding-interview-prep/take-home-projects/use-the-twitch-json-api.portuguese.md @@ -8,7 +8,7 @@ localeTitle: Use a API JSON do Twitch --- ## Description -
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/Myvqmo/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. User Story: Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. User Story: Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. História do usuário: se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. Dica: Veja um exemplo de chamada para a API JSONP do Twitch.tv em http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541 . Dica: A documentação relevante sobre esta chamada da API está aqui: https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user . Dica: Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"] stream regularmente: ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"] ATUALIZAÇÃO: Devido a uma alteração nas condições de uso da API, explicado aqui, o Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use https://wind-bow.glitch.me/twitch-api em 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 Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
+
Objetivo: criar um aplicativo CodePen.io que seja funcionalmente semelhante a este: https://codepen.io/freeCodeCamp/full/Myvqmo/ . Cumpra as histórias de usuários abaixo. Use as bibliotecas ou APIs de que você precisa. Dê seu estilo pessoal. História de usuário: Eu posso ver se freeCodeCamp está atualmente transmitindo no Twitch.tv. História de usuário: Eu posso clicar na saída de status e ser enviado diretamente para o canal Twitch.tv do freeCodeCamp. História do usuário: se um usuário do Twitch estiver fazendo streaming no momento, posso ver detalhes adicionais sobre o que está sendo transmitido. Dica: Veja um exemplo de chamada para a API JSONP do Twitch.tv em http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541 . Dica: A documentação relevante sobre esta chamada da API está aqui: https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user . Dica: Aqui está uma matriz dos nomes de usuários do Twitch.tv de pessoas que ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"] stream regularmente: ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"] ATUALIZAÇÃO: Devido a uma alteração nas condições de uso da API, explicado aqui, o Twitch.tv agora requer uma chave de API, mas criamos uma solução alternativa. Use https://wind-bow.glitch.me/twitch-api em 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 Read-Search-Ask se você ficar preso. Quando terminar, clique no botão "Concluí este desafio" e inclua um link para o seu CodePen. Você pode obter feedback sobre o seu projeto, compartilhando-o com seus amigos no Facebook.
## Instructions