freeCodeCamp

3.6 KiB

Raw Blame History

id	title	isRequired	challengeType	videoUrl	localeTitle
bd7158d8c242eddfaeb5bd13	Build a Personal Portfolio Webpage	true	3		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 puro é recomendado porque é isso que as lições cobriram até agora e você deve praticar com o CSS puro. 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

Tests

tests: []

Challenge Seed

Solution

// solution required

3.6 KiB Raw Blame History