condividendo si impara
Introduzione ai formulari web
Comincia oggi una serie di approfondimenti su come sono strutturati e come funzionano i form: degli strumenti potentissimi per la relazione con gli utenti
Un caro saluto e un iper-benvenuto a tutte e tutti voi!
Oggi vi propongo di iniziare una serie di video in cui esploreremo uno degli elementi più interessanti e utili per facilitare al nostro utente la ricerca di risorse all'interno del nostro sito e per dargli modo di contattarci e inviarci comodamente informazioni: il formulario web.
Perché imparare a creare dei formulari nelle nostre pagine web
Vedremo innanzitutto quali sono i vantaggi e gli usi dei formulari e perché dovrebbe interessarci imparare come sono strutturati e come funzionano.
Spoiler: sono degli strumenti potentissimi sia per permettere agli utenti del nostro sito di trovare facilmente ciò che interessa loro sia per stabilire velocemente un contatto per ottenerlo. Due funzioni essenziali per un sito veramente efficace!
Un discorso che completeremo più avanti
Per ora ci concentreremo su come avviene la raccolta e l'invio dei dati ma non ci occuperemo del loro trattamento che sarà un tema importante da approfondire più in là nel nostro percorso.
Gli attributi action e method: come fa un formulario a capire dove e come inviare i dati
Vedremo la struttura di base dell'elemento form e impareremo i due attributi action e method, necessari rispettivamente per identificare il programma nel nostro server che dovrà trattare i dati immessi e per scegliere il metodo di comunicazione http con cui tali dati verranno trasmessi.
Form: il contenitore di tutti gli elementi che vedremo nei prossimi video
Quello che vedremo oggi è il contenitore all'interno del quale piazzeremo tutti gli elementi che permetteranno al nostro utente di inserire delle informazioni nel nostro formulario.
Approfondiremo i più importanti di questi elementi e dei loro attributi nei prossimi video.
Condividiamo le nostre esperienze
Per rendere più interattivo questo canale vi propongo di condividere ciò che impariamo e le cose che vorremmo approfondire o capire meglio assieme nei seguenti modi:
- scrivendo le vostre domande o le vostre osservazioni nei commenti in maniera da avviare una conversazione sotto al video che possa aggiungere valore e portare ancora più informazioni a chi arriverà dopo
- Incontrandoci regolarmente sul canale Telegram "Siamo Iper!", in cui ho previsto di organizzare delle discussioni di gruppo in chat vocali che ci permettano di aiutarci a vicenda, approfondire argomenti e scambiarci esperienze come in un vero e proprio gruppo di studio.
Trovate il link d'invito alle chat vocali su Telegram qui o nella linkoteca in fondo al post.
Una volta iscritti potrete rispondere al sondaggio su quale momento della settimana è il migliore per voi per partecipare agli incontri dal vivo.
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