Creare moduli web per siti web (tutorial pratico)

Qui scoprirai di cosa tratta il corso e cosa puoi aspettarti.

Perché dovremmo usare i moduli HTML e come funziona in generale?

Qui verrà creato il progetto in cui sarà integrato il primo modulo.

Crei il tuo primo modulo semplice e impari a conoscere la struttura di base.

Esamineremo le molteplici possibilità di utilizzo dei moduli HTML nelle applicazioni web.

Stai imparando come leggere e elaborare i dati inseriti dagli utenti utilizzando JavaScript.

Parlo delle possibilità di design dei moduli e ti mostro diversi campi di inserimento.

Stai implementando una semplice validazione dell'email per assicurarti che i dati inseriti corrispondano al formato email.

Ci occupiamo di input numerici e dei relativi attributi per limitare i valori possibili.

Stai imparando come gestire gli eventi in JS che si verificano quando viene modificato il contenuto di un campo di input.

Approfondiamo l'argomento del trattamento degli eventi e utilizziamo addEventListener per reazioni più flessibili.

Un riassunto completo dei diversi tipi di input e delle loro proprietà.

Stiamo definendo i principali attributi per controllare il comportamento dei campi di input.

Impari come eseguire complesse validazioni utilizzando espressioni regolari e l'attributo required.

Ti mostreremo come attivare o disattivare il controllo ortografico nei tuoi moduli.

Scoprirai come creare campi password.

Inizieremo con le basi delle checkbox e le loro possibilità d'uso.

Stai imparando come leggere e impostare lo stato delle caselle di controllo con JavaScript.

Mostro diverse modalità per personalizzare l'aspetto delle caselle di controllo.

Spiego il funzionamento dei pulsanti di opzione e come utilizzarli nei tuoi moduli.

Stai imparando come permettere agli utenti di caricare file.

Approfondisci le tue conoscenze sull'upload di file e impari come puoi modificare il file selezionato con JavaScript.

Parlo dell'uso dei campi di input nascosti per inviare informazioni aggiuntive.

Riassumiamo le diverse modalità di inserimento dei numeri.

Impari come consentire di selezionare un determinato intervallo di valori con i Range-Sliders e come implementare uno slider.

Ti mostrerò come gestire le date e gli orari nei tuoi moduli.

Ci concentriamo sui campi di input speciali per indirizzi email e URL.

Stai imparando come far selezionare i colori tramite un campo di scelta del colore.

Ti presento i campi di input per parole chiave e numeri di telefono.

Scoprirai come implementare le inserzioni di testo su più righe con l'elemento textarea.

Spiegherò come creare elenchi selezionabili con l'elemento select.

Stai imparando come puoi raggruppare le opzioni in una lista di selezione.

Ti mostrerò come creare elenchi di suggerimenti per i campi di input.

Impari come attivare il completamento automatico degli input.

Spiegherò come strutturare i tuoi moduli con elementi fieldset.

Una completa introduzione alla validazione del modulo lato client con JavaScript.

Mostrerò come ricevere i dati del modulo inviati al server con Node.js e Express .

Stai imparando come ricevere i dati del modulo con il metodo GET.

Spiegherò come ricevere i dati del modulo utilizzando il metodo POST.

Iniziamo creando un progetto React e integrando i moduli.

Stai imparando come utilizzare diversi elementi di input in React.

Ci stiamo occupando degli elementi select e textarea in React.

Mostrerò come gestire i formulari con il framework JavaScript Alpine.js.

Spiegherò come integrare i moduli nelle applicazioni Vue.js.