48 lines
2.7 KiB
Markdown
48 lines
2.7 KiB
Markdown
---
|
|
id: bd7158d8c242eddfaeb5bd13
|
|
title: Creare una pagina Web per il Portfolio Personale
|
|
challengeType: 3
|
|
forumTopicId: 301143
|
|
dashedName: build-a-personal-portfolio-webpage
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Obiettivo:** Costruire un'app [CodePen.io](https://codepen.io) funzionalmente simile a questa: <https://codepen.io/freeCodeCamp/full/zNBOYG>.
|
|
|
|
Compila le [user stories](https://en.wikipedia.org/wiki/User_story) qui sotto e fai passare tutti i test. Dalle il tuo stile personale.
|
|
|
|
Puoi utilizzare HTML, JavaScript, e CSS per completare questo progetto. CSS è raccomandato perché è l'argomento delle lezioni viste finora e dovresti fare pratica con il CSS di base. Se lo desideri puoi anche utilizzare Bootstrap o SASS. Ulteriori tecnologie (solo per esempio jQuery, React, Angular, o Vue) non sono raccomandate per questo progetto, e usarle è a tuo rischio. Altri progetti ti daranno la possibilità di lavorare con diversi stack tecnologici come React. Accetteremo e cercheremo di risolvere tutte le segnalazioni di problemi che utilizzano lo stack tecnologico suggerito per questo progetto. Happy coding!
|
|
|
|
**User Story #1:** Il mio portfolio dovrebbe avere una sezione di benvenuto con un id di `welcome-section`.
|
|
|
|
**User Story #2:** La sezione di benvenuto dovrebbe avere un elemento `h1` che contiene testo.
|
|
|
|
**User Story #3:** Il mio portfolio dovrebbe avere una sezione progetti con un id di `projects`.
|
|
|
|
**User Story #4:** La sezione progetti dovrebbe contenere almeno un elemento con una classe `project-tile` che contenga un progetto.
|
|
|
|
**User Story #5:** La sezione progetti dovrebbe contenere almeno un link a un progetto.
|
|
|
|
**User Story #6:** Il mio portfolio dovrebbe avere una navbar con un id di `navbar`.
|
|
|
|
**User Story #7:** La barra di navigazione dovrebbe contenere almeno un link su cui posso cliccare per navigare in diverse sezioni della pagina.
|
|
|
|
**User Story #8:** Il mio portfolio dovrebbe avere un link con un id di `profile-link`, che apre il mio profilo GitHub o FCC in una nuova scheda.
|
|
|
|
**User Story #9:** Il mio portfolio dovrebbe avere almeno una media query.
|
|
|
|
**User Story #10:** L'altezza della sezione di benvenuto dovrebbe essere uguale all'altezza della viewport.
|
|
|
|
**User Story #11:** La barra di navigazione dovrebbe sempre essere in cima alla viewport.
|
|
|
|
Puoi costruire il tuo progetto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando questo modello CodePen</a> e facendo clic su `Save` per creare il tuo pen. Oppure puoi usare questo link CDN per eseguire i test in qualsiasi ambiente tu voglia: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
|
|
|
|
Una volta fatto, invia l'URL del tuo progetto di lavoro con tutti i suoi test superati.
|
|
|
|
# --solutions--
|
|
|
|
```html
|
|
// solution required
|
|
```
|