2.7 KiB
id, title, challengeType, forumTopicId, dashedName
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
bd7158d8c242eddfaeb5bd13 | Creare una pagina Web per il Portfolio Personale | 3 | 301143 | build-a-personal-portfolio-webpage |
--description--
Obiettivo: Costruire un'app CodePen.io funzionalmente simile a questa: https://codepen.io/freeCodeCamp/full/zNBOYG.
Compila le user stories 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 usando questo modello CodePen 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--
// solution required