48 lines
3.0 KiB
Markdown
48 lines
3.0 KiB
Markdown
|
---
|
||
|
|
id: bd7158d8c242eddfaeb5bd13
|
||
|
|
title: Crie uma página de portfólio pessoal
|
||
|
|
challengeType: 3
|
||
|
|
forumTopicId: 301143
|
||
|
|
dashedName: build-a-personal-portfolio-webpage
|
||
|
|
---
|
||
|
|
|
||
|
|
# --description--
|
||
|
|
|
||
|
|
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/zNBOYG>.
|
||
|
|
|
||
|
|
Atenda às [especificações de usuário](https://en.wikipedia.org/wiki/User_story) abaixo para passar em todos os testes. Dê à página o seu próprio estilo pessoal.
|
||
|
|
|
||
|
|
Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomendado utilizar CSS puro, pois é disso que trataram as lições até agora. É bom você adquirir alguma prática com CSS. Você pode usar Bootstrap ou SASS se quiser. Outras tecnologias (como, por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto. Use-as por sua conta e risco. Outros projetos te darão uma chance de trabalhar com diferentes bibliotecas, como o React. Vamos aceitar e tentar corrigir todos os relatórios de problemas que usem a stack de tecnologias sugerida para esse projeto. Boa programação!
|
||
|
|
|
||
|
|
**Especificação de usuário nº 1:** o portfólio deve ter uma seção de boas-vindas com um id de `welcome-section`.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 2:** a seção de boas-vindas deve ter um elemento `h1` que contenha algum texto.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 3:** o portfólio deve ter uma seção de projetos com um id de `projects`.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 4:** a seção de projetos deve conter pelo menos um elemento com uma classe de `project-tile` para armazenar um projeto.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 5:** a seção de projetos deve conter pelo menos um link para um projeto.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 6:** o portfólio deve ter uma seção de projetos com um id de `navbar`.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 7:** a barra de navegação deve conter pelo menos um link clicável para navegar por diferentes seções na página.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 8:** o portfólio deve ter um link com id `profile-link`, que abre um perfil do GitHub ou do FCC em uma nova aba.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 9:** o portfólio deve ter pelo menos uma media query.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 10:** a altura da seção de boas-vindas deve ser igual à altura da viewport.
|
||
|
|
|
||
|
|
**Especificação de usuário nº 11:** a barra de navegação deve estar sempre na parte superior da viewport.
|
||
|
|
|
||
|
|
Você pode fazer o seu projeto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando este modelo da CodePen</a> e, logo após, clicar em `Save` para criar seu próprio projeto. Como alternativa, use este link da nossa CDN para executar os testes em qualquer ambiente que você preferir: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
|
||
|
|
|
||
|
|
Quando tiver terminado, envie a URL do seu projeto depois de ele haver passado em todos os testes.
|
||
|
|
|
||
|
|
# --solutions--
|
||
|
|
|
||
|
|
```html
|
||
|
|
// solution required
|
||
|
|
```
|