Creare una pagina che simuli il vostro curriculum (a vostra discrezione il CSS, ma mi raccomando occhi a non perdeteci ore però, è importante che cominciate ad assegnare le giuste priorità e a gestire il tempo a disposizione!)
Fondamentalmente la pagina è divisa in due:
- una parte superiore, che ospita il vostro nome e cognome e il toggle per la DarkMode
- una parte inferiore, che ospita il vostri interessi e le competenze (scrivete pure ciò che apprenderete nel bootcamp!)
-
La pagina deve presentare in alto a destra un button con la funzionalità 'DarkMode' PICCOLO TIP: date un'occhiata al metodo
toggle! -
Una sezione hobby. Create un button accanto che ne illumini la sezione al click! (fate in modo che la classe predente venga rimpizzata da un'altra)
-
Una sezione a scelta, che si comporta in modo dinamico (qui siate creativi voi sul comportamento da assegnarle)
-
Infine scrivete una funzione che, al click, in qualunque posto della pagina, faccia il
console.logdel numero di elementi paragrafo<p>utilizzati.
Esercizio AVANZATO!!
-
Un bottone centrale che una volta premuto faccia comparire una immagine (prendetela pure da qui: https://picsum.photos/500/300) la immagine deve essere incorniciata (scegliete quindi un bel effetto cornice (css!))
-
Se il bottone non viene cliccato l'immagine non verrà visualizzata
-
Il comportamento dovrà essere di tipo toggle!
PICCOLO TIP: vi ricordo che potete nascondere un elemento HTML applicando la proprietà CSS display: none;