Corso su Wix Studio

Lezione 1 • Configurazione dell'account

Guida lo studente attraverso la creazione dell'account, la configurazione dell'area di lavoro e le nozioni di base sulla fatturazione. Definisce l'ambiente di lavoro necessario per tutte le esercitazioni pratiche successive.

Lezione 2 • Creazione del primo sito

Illustra la selezione del template, la configurazione da tela bianca e la pubblicazione iniziale. Genera un URL attivo che lo studente utilizzerà come sandbox durante tutto il corso.

Lezione 3 • Che cos'è Wix Studio

Illustra l'identità di Wix Studio come piattaforma professionale di creazione web distinta da Wix classico. Imposta il contesto dell'intero corso, chiarendo il pubblico di riferimento e i casi d'uso.

Lezione 1 • Immagini, icone e media

Mostra come caricare, ottimizzare e posizionare le risorse visive nell'editor. Una corretta gestione dei media previene i problemi di performance affrontati nei capitoli avanzati.

Lezione 2 • Lavorare con la tela e la griglia

Spiega la tela responsive, il sistema a griglia e il comportamento di aggancio. L'uso corretto della griglia è la base per i layout coerenti realizzati nei capitoli successivi.

Lezione 3 • Palette di colori e temi

Insegna la creazione di palette di colori, l'applicazione di temi e i token di colore globali. Le modifiche al tema si propagano all'intero sito, rafforzando flussi di lavoro di design efficienti.

Lezione 4 • Gestione della tipografia e dei font

Tratta l'abbinamento dei font, gli stili di testo e il caricamento di font personalizzati. Una tipografia coerente supporta direttamente il lavoro sull'identità del marchio introdotto nel Capitolo 1.

Lezione 1 • Adattare i layout per il mobile

Tratta l'impilamento, l'occultamento e il ridimensionamento degli elementi per schermi piccoli. Le tecniche qui apprese si applicano direttamente a ogni progetto realizzato nei capitoli successivi.

Lezione 2 • Comprendere i principi del design responsive

Introduce layout fluidi, unità relative e il pensiero mobile-first. Questa base concettuale previene gli errori di layout comuni incontrati durante la modifica dei breakpoint.

Lezione 3 • Sistema di breakpoint di Wix Studio

Mappa i breakpoint predefiniti e spiega come gli stili si propagano tra di essi. Lo studente impara a cambiare breakpoint e a comprendere le regole di ereditarietà.

Lezione 1 • Pagine dinamiche e routing URL

Introduce i modelli di pagina dinamica guidati dalle collezioni CMS. Questa sezione collega le competenze di design statico ai contenuti basati sui dati trattati nel Capitolo 5.

Lezione 2 • Creazione di menu di navigazione

Mostra come creare menu di intestazione, menu a discesa e link di ancoraggio. La progettazione della navigazione influisce direttamente sull'usabilità ed è citata nel capitolo supplementare sulla UX.

Lezione 3 • Intestazioni e piè di pagina

Spiega la creazione di intestazioni e piè di pagina globali, il comportamento sticky e gli effetti di scorrimento. Intestazioni e piè di pagina coerenti unificano l'identità del sito stabilita nel Capitolo 2.

Lezione 1 • Introduzione a Wix CMS

Definisce collezioni, campi e il pannello CMS all'interno di Wix Studio. Comprendere il modello dati è essenziale prima di collegare il contenuto a qualsiasi elemento di design.

Lezione 2 • Moduli e raccolta dati

Insegna la configurazione dei widget modulo, la validazione dei campi e l'invio dei dati al CMS o via email. I moduli sono il principale strumento di acquisizione contatti per i siti aziendali realizzati nel Capitolo 7.

Lezione 3 • Ripetitori e widget galleria

Tratta la configurazione dei ripetitori e i widget galleria per visualizzare elenchi di collezioni. Questi componenti sono il principale meccanismo di output per i contenuti guidati da CMS.

Lezione 4 • Permessi e ruoli CMS

Spiega i permessi di lettura, scrittura e amministrazione sulle collezioni e chi può inviare contenuti. Permessi corretti proteggono i dati del cliente e abilitano i contenuti generati dai membri.

Lezione 1 • Animazioni di entrata e uscita

Mostra animazioni di entrata con dissolvenza, scorrimento e scala, attivate allo scorrimento o al caricamento. Animazioni mirate guidano l'attenzione e supportano la narrazione nelle landing page.

Lezione 2 • Effetti di scorrimento e parallasse

Spiega la parallasse, gli elementi sticky e gli effetti di rivelazione legati alla posizione di scorrimento. Questi effetti aggiungono profondità alle sezioni hero e alle pagine a scorrimento lungo realizzate nel Capitolo 7.

Lezione 3 • CSS personalizzato per uno stile avanzato

Introduce il pannello CSS personalizzato per personalizzazioni che vanno oltre l'editor visivo. La conoscenza dei CSS qui acquisita prepara lo studente al capitolo successivo sulla programmazione con Velo.

Lezione 1 • Lavorare con l'API Wix Data

Mostra come interrogare, inserire e aggiornare i record delle collezioni CMS tramite codice. L'accesso programmatico ai dati sblocca funzionalità dinamiche impossibili con il solo editor visivo.

Lezione 2 • Integrazione di API di terze parti

Mostra come chiamare API REST esterne dalle funzioni backend di Velo usando fetch. Lo studente realizza un'integrazione funzionante che dimostra l'estensibilità in scenari reali.

Lezione 3 • Introduzione allo sviluppo con Velo

Spiega l'IDE Velo, la struttura dei file e la differenza tra codice frontend e backend. Questo orientamento previene errori comuni di ambito negli esercizi di codifica successivi.

Lezione 4 • Funzioni backend e funzioni HTTP

Insegna i moduli web, le funzioni backend e l'esposizione di endpoint HTTP. La logica lato server sicura protegge le chiavi API e abilita l'integrazione con servizi di terze parti.

Lezione 1 • SEO tecnica in Wix Studio

Spiega le sitemap, robots.txt, i tag canonici e il markup dei dati strutturati. La SEO tecnica assicura che i motori di ricerca eseguano la scansione e indicizzino il sito correttamente.

Lezione 2 • Checklist pre-lancio e pubblicazione

Fornisce una revisione sistematica di link, moduli, viste mobile e analytics prima del lancio. Un processo di lancio strutturato previene errori post-pubblicazione che danneggiano la fiducia del cliente.

Lezione 3 • Collegamento di un dominio personalizzato

Illustra l'acquisto del dominio, la configurazione dei DNS e l'attivazione del SSL. Un dominio personalizzato è necessario per la consegna professionale al cliente e la credibilità del marchio.

Lezione 4 • Ottimizzazione delle performance del sito

Insegna la compressione delle immagini, il lazy loading e le strategie di miglioramento dei Core Web Vitals. I siti a caricamento rapido si posizionano meglio e convertono più dei concorrenti lenti.