condividendo si impara
Quaderno degli esercizi 3: mettiamo in pratica i formulari
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
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