Tecnico per lo sviluppo di interfacce web

Di /

Per la parte dedicata al web development il corso si svolgerà principalmente qui e qui saranno raccolti i materiali

Informazioni sul corso

Anno: 2025

Docente Corso

Niccolò Perazza Niccolò Perazza Autore

Onboarding

Benvenuto
Lesson 1 of 6 within section Onboarding.
Metodo
Lesson 2 of 6 within section Onboarding.
I software per la progettazione
Lesson 3 of 6 within section Onboarding.
Iscriversi a questa dispensa
Lesson 4 of 6 within section Onboarding.
Che argomenti tratteremo?
Lesson 5 of 6 within section Onboarding. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Introduzione alla psicologia dell’utente NEL Design digitale
Lesson 6 of 6 within section Onboarding. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

Introduzione ai metalinguaggi HTML e CSS

Introduzione ai metadati
Lesson 1 of 4 within section Introduzione ai metalinguaggi HTML e CSS.
Has Quiz
HTML cos’è, cenni storici e come evolve
Lesson 2 of 4 within section Introduzione ai metalinguaggi HTML e CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
CSS e fogli di stile
Lesson 3 of 4 within section Introduzione ai metalinguaggi HTML e CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Metodo per imparare
Lesson 4 of 4 within section Introduzione ai metalinguaggi HTML e CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

La progettazione dell’interfaccia-utente

Definizione di interfaccia
Lesson 1 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Analisi preliminare
Lesson 2 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
La User Journey
Lesson 3 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Le Personas (modelli di utente)
Lesson 4 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Organizzare l’informazione (es. StoryBoard)
Lesson 5 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Sistemi di navigazione
Lesson 6 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Sistemi di ricerca diretta
Lesson 7 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
La presentazione dei Dati
Lesson 8 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Palette colori
Lesson 9 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Logo e brand guidelines
Lesson 10 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Fonts
Lesson 11 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Design system
Lesson 12 of 12 within section La progettazione dell'interfaccia-utente. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

L’usabilità e la progettazione dell’utente-sistema

Principi di Nielsen
Lesson 1 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Test di usabilità
Lesson 2 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Analisi euristiche
Lesson 3 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Griglia di Valutazione Euristiche
Lesson 4 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Standard WCAG 2.1 e conformità legale
Lesson 5 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Il workflow per la creazione di un sito web con l’utilizzo di un CMS (WordPress)
Lesson 6 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Progettare un sito web accessibile
Lesson 7 of 7 within section L'usabilità e la progettazione dell'utente-sistema. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

Le tecnologie per il web

Architettura dell’informazione, Esempio pratico con ACF
Lesson 1 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
L’architettura di WordPress
Lesson 2 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Functions.php e gli snippets
Lesson 3 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Customizer WordPress
Lesson 4 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Le parti del template
Lesson 5 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Sicurezza e ottimizzazione
Lesson 6 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
La scelta del tema
Lesson 7 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Come creare un tema figlio
Lesson 8 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Come creare dei tipi di post personalizzati e dei campi personalizzati
Lesson 9 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
WordPress (come trasferire un sito da locale a server)
Lesson 10 of 10 within section Le tecnologie per il web. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

HTML

il tag ‘html’
Lesson 1 of 5 within section HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
‘head’ e ‘body’
Lesson 2 of 5 within section HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Has Quiz
i tag fondamentali
Lesson 3 of 5 within section HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
i tag obsoleti
Lesson 4 of 5 within section HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
XHTML: cos’è?
Lesson 5 of 5 within section HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

CSS

usare i fogli di stile
Lesson 1 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Struttura di un file CSS
Lesson 2 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Has Quiz
CSS interni ed esterni
Lesson 3 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
I tipi di selettori
Lesson 4 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Le pseudoclassi
Lesson 5 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
il Box Model
Lesson 6 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Ereditarietà, cascade, conflitti tra stili
Lesson 7 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Gestione del testo: proprietà di base e avanzate
Lesson 8 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Gestione delle dimensioni: altezza e larghezza
Lesson 9 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Posizionare gli elementi nella pagina:display, float,clear, position, z-index
Lesson 10 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
I Margini, padding, bordi, liste
Lesson 11 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Gestione del colore
Lesson 12 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
CSS per la stampa: paged media styles
Lesson 13 of 13 within section CSS. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

HTML5

Compatibilità con i vecchi browser
Lesson 1 of 6 within section HTML5. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
I nuovi elementi semantici dell’html5
Lesson 2 of 6 within section HTML5. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Content model e outline della pagina
Lesson 3 of 6 within section HTML5. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
I form: nuovi attributi e tipi di input
Lesson 4 of 6 within section HTML5. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Migliorare l’indicizzazione con i microdati (vedi sito schema.org)
Lesson 5 of 6 within section HTML5. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Utilizzo dei tag audio e video
Lesson 6 of 6 within section HTML5. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

CSS3

Impariamo ad usare il nuovo box model con l’utilizzo della proprietà box-sizing
Lesson 1 of 5 within section CSS3. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Esercitarsi con Flexbox Froggy
Lesson 2 of 5 within section CSS3. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Creazione di layout responsive con le Media Queries
Lesson 3 of 5 within section CSS3. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Creazione di transizioni personalizzate
Lesson 4 of 5 within section CSS3. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Creazione di animazioni personalizzate e gestione degli eventi
Lesson 5 of 5 within section CSS3. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

Javascript

Cos’è javascript?
Lesson 1 of 3 within section Javascript. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Inclusione nelle pagine
Lesson 2 of 3 within section Javascript. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
jQuery
Lesson 3 of 3 within section Javascript. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

Test di metà corso

Verifica teorica
Lesson 1 of 1 within section Test di metà corso. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Has Quiz

PHP

Setup di LocalWP come playground per l’esercitazione su PHP
Lesson 1 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Cos’è PHP?
Lesson 2 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Variabili e tipi di dato
Lesson 3 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Controlli condizionali con il costrutto if
Lesson 4 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Gli array
Lesson 5 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
MySQL creazione e preparazione del DataBase
Lesson 6 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Collegamento a database MySQL ed esposizione dei dati
Lesson 7 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Inserimento di dati sul DB MySQL attraverso un form
Lesson 8 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Le funzioni
Lesson 9 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Operatori di assegnazione, matematici, di stringa, di confronto, logici e speciali
Lesson 10 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Altri costrutti di programmazione: switch, while e clicli for
Lesson 11 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Programmazione ad oggetti
Lesson 12 of 12 within section PHP. Devi essere iscritto a questo corso per accedere ai suoi contenuti.

Editors HTML

Una panoramica tra i diversi editor html
Lesson 1 of 4 within section Editors HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Focus su VS Code
Lesson 2 of 4 within section Editors HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Emmet (abbreviazioni)
Lesson 3 of 4 within section Editors HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Struttura delle cartelle di progetto
Lesson 4 of 4 within section Editors HTML. Devi essere iscritto a questo corso per accedere ai suoi contenuti.
Torna in alto