Da zero a Iper: impariamo insieme il web

condividendo si impara

Quaderno degli esercizi 3: mettiamo in pratica i formulari

2021-06-15 15:29:17

Oggi ritorniamo su FreeCodeCamp: la piattaforma che vi propongo di utilizzare per completare con qualche esercizio i concetti che stiamo esplorando

Come di consueto vi presenterò in italiano alcuni esercizi di questa piattaforma senza spoilerarvi le soluzioni in maniera che possiate sperimentare un po'dei concetti che abbiamo esplorato negli scorsi video e giocarci un po'risolvendo qualche quesito.
Per partecipare a questa parte più pratica del nostro percorso vi basterà iscrivervi gratuitamente a FreeCodeCamp (potete farlo da qui o dalla linkoteca in fondo a questo post).
Nello spazio dedicato ai commenti al video sarà poi possibile scambiarci le nostre esperienze e osservazioni che potrebbero essere utili e aggiungere informazioni nuove rispetto al video anche per chi arriva dopo.
Vi ricordo che ho anche impostato un canale Telegram privato chiamato Siamo Iper che per ospitare delle chat vocali regolari in cui sentirci dal vivo e per voce. 
In queste occasioni potremo approfondire qualche tema che potete propormi contattandomi personalmente oppure suggerendolo nei commenti. 

Potete accedere al canale da qui o dalla linkoteca, e una volta entrati potrete partecipare al sondaggio per decidere il momento migliore per le nostre sessioni vocali dal vivo. 
Attenzione: per poter usufruire della funzionalità delle chat vocali dovete aggiornare la vostra applicazione Telegram. 

Un po'di pratica sui form

Gli esercizi che vedremo oggi comprendono in buona parte i concetti che abbiamo incontrato negli ultimi video e che hanno a che fare coi formulari web, dalla creazione di un campo input di testo a come rendere obbligatoria la sua compilazione. 

Vedremo anche alcune cose che non abbiamo ancora incontrato come l'attributo placeholder che permette di inserire un testo informativo all'interno dei campi che dovranno essere compilati dall'utente o l'elemento button che è una soluzione migliore di quella che vi ho presentato in passato per creare un bottone di invio. 

Come contribuire allo sviluppo del nostro gruppo di studio

Se ritenete utile e interessante questo progetto potete contribuire al suo sviluppo e alla sua continuazione condividendo questo canale con chi pensate che possa essere interessato a fare questo percorso insieme a noi e imparare a creare siti web a partire da zero.

V'invito anche a valutare la possibilità di diventare finanziatori di questa spedizione nel mondo del web con un contributo a vostra scelta utilizzando gli strumenti offerti da Cam.TV, per esempio attraverso l'opzione sostieni sotto ai contenuti oppure nella pagina del canale.

Approfitto dell'occasione per ringraziare di cuore tutte le persone che hanno già contribuito!

Vi ringrazio per il tempo che avete passato con me e vi auguro un iper-buona vita online e offline!

E non dimentichiamoci che condividendo si impara!!

Linkoteca

Sito di FreeCodeCamp (il nostro quaderno degli esercizi) 

Invito a "Siamo Iper!": il nostro canale Telegram per le chat vocali di gruppo

Lo scopo e la filosofia di Iper

Come si colloca ciò che impariamo nel più vasto mondo del web

La magia dell'ipertesto

Il browser va all'asilo. Che cos'è un linguaggio di markup

Il browser va a teatro: la struttura di base di una pagina web

Qualche strumento per trasformare il canale in un gruppo di studio interattivo

Esercizi pratici: le basi dell'HTML

HTML 5 e la struttura logica delle pagine web

HTML: impariamo ad aggiungere un'immagine a una pagina web

Facciamo insieme qualche esercizio su FreeCodeCamp (attenzione! spoiler soluzioni!)

 Come funzionano i link: le ancore che ci collegano al web
HTML: come inserire delle liste nelle nostre pagine web 
Quaderno degli esercizi HTML: link liste e inserimento dati
HTML: i tipi di visualizzazione predefiniti degli elementi
HTML: esercizi pratici con soluzioni (spoiler alert!!!)
Il protocollo HTTP: il browser va all'osteria
Introduzione ai formulari web 
Input: un elemento fondamentale dei formulari web 
Formulario web: costruiamo alcuni campi di input utente
Web form: terminiamo la carrellata degli elementi principali
Trattiamo con rispetto i dati dei nostri utenti

2  
24