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 bcc257dba5..627c29a629 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. Codificação feliz! 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 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.
## 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 9fd91ce548..b2e140d112 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. Codificação feliz! 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" . 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.
## 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 167fe0d85d..12f031a6b2 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. Codificação feliz! 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. 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.
## 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 c8e7c06cc6..e0e6fa35d3 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. Codificação feliz! 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! 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.
## 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 fee2875632..d146c234da 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. Codificação feliz! 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! 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.
## 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 a0438495bf..b30aecdff5 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. Codificação feliz! 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! 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.
## 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 304380ac54..e007dfe7b2 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. Codificação feliz! 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! 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.
## 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 c1e5bb9db3..76b4cb2251 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. Codificação feliz! 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! 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.
## 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 23a8072ac7..ff44c6b394 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. Codificação feliz! 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! 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.
## 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 e43d5f46b4..1c9dbad69b 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. Codificação feliz! 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! 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.
## Instructions