From 27458c89c9dda29c082e2c970d72485fc89c3600 Mon Sep 17 00:00:00 2001 From: Lucas Cazeto Date: Sun, 26 May 2019 03:18:14 +0200 Subject: [PATCH] adjusted phrase to be more clear and meaningful (#31288) --- .../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 +- 5 files changed, 5 insertions(+), 5 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 f51bd3aa9d..a54999bef4 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 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.
+
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 o seu projeto, já com todos os testes aprovados. 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 2f3778b0b6..276276f3c8 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" . 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.
+
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 do seu projeto, já com todos os testes aprovados. 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 9598feb3f8..d2da8d7806 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. 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.
+
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 do seu projeto, já com todos os testes aprovados. 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 d31d6e1439..0133472439 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! 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.
+
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 do seu projeto, já com todos os testes 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 8b0292e877..361be1ba4e 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! 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.
+
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 do seu projeto, já com todos os testes aprovados. Lembre-se de usar o método Read-Search-Ask se você ficar preso.
## Instructions