Corso su Bubble (no-code)

Lezione 1 • Creazione dell'account Bubble

Guida alla configurazione dell'account, alla selezione del piano e alla configurazione iniziale dell'area di lavoro. Assicura che ogni studente disponga di un ambiente funzionante prima di iniziare a costruire.

Lezione 2 • Navigare nell'editor di Bubble

Introduce tutti i principali pannelli dell'editor e le loro funzioni. Gli studenti acquisiscono familiarità spaziale per individuare rapidamente gli strumenti durante il corso.

Lezione 3 • Comprendere i concetti fondamentali di Bubble

Spiega i tre pilastri — UI, dati e logica — e come interagiscono. Fornisce un modello mentale a cui gli studenti faranno riferimento in ogni capitolo successivo.

Lezione 1 • Lavorare con gli elementi UI di base

Copre testi, immagini, pulsanti, input e icone come elementi costitutivi di ogni pagina. Gli studenti si esercitano a posizionare e configurare ogni tipo di elemento.

Lezione 2 • Stili e coerenza del design

Spiega la scheda Stili per creare e applicare regole visive condivise. Gli studenti stabiliscono un sistema di design che garantisce la coerenza del marchio in tutta l'app.

Lezione 3 • Popup, gruppi fluttuanti e overlay

Copre i pattern UI di overlay essenziali per modali, drawer e tooltip. Gli studenti implementano pattern di interazione comuni utilizzati nelle app in produzione.

Lezione 4 • Elementi riutilizzabili e componenti

Introduce gli elementi riutilizzabili per evitare di duplicare l'interfaccia utente tra le pagine. Gli studenti costruiscono un'intestazione e una modale condivise per mettere in pratica la progettazione a componenti.

Lezione 1 • Fondamenti di database in Bubble

Spiega i tipi di dati, i campi e i record come modello dati di Bubble. Gli studenti comprendono come il database si differenzia dai sistemi relazionali tradizionali.

Lezione 2 • Progettare tipi di campo e relazioni

Copre tutti i tipi di campo inclusi testo, numero, data, file e riferimenti a Thing. Gli studenti modellano correttamente le relazioni uno-a-molti e molti-a-molti.

Lezione 3 • Popolare e gestire i dati dell'app

Insegna l'inserimento manuale dei dati, l'importazione CSV e la scheda App Data per l'ispezione. Gli studenti popolano un set di dati di test da utilizzare durante il corso.

Lezione 1 • Fondamenti di workflow

Spiega eventi, azioni e il modello di esecuzione sequenziale dei workflow. Gli studenti costruiscono il loro primo workflow end-to-end collegando un pulsante a una scrittura sul database.

Lezione 2 • Workflow di pagina e navigazione

Copre le azioni di navigazione, i parametri URL e gli eventi di caricamento pagina. Gli studenti implementano flussi multi-pagina che passano correttamente i dati tra le pagine.

Lezione 3 • Azioni di database nei workflow

Copre le azioni Crea una Thing, Apporta modifiche a una Thing ed Elimina una Thing per CRUD completo. Gli studenti collegano gli input dei form alle scritture sul database e verificano i risultati in App Data.

Lezione 4 • Workflow riutilizzabili e Workflow di backend

Introduce i workflow riutilizzabili e i workflow di backend lato server per una logica scalabile. Gli studenti rifattorizzano la logica ripetuta in workflow condivisi e pianificano attività ricorrenti.

Lezione 1 • Espressioni dinamiche di dati

Insegna l'editor delle espressioni di Bubble per fare riferimento ai campi del database e al contesto utente. Gli studenti sostituiscono il testo statico con dati in tempo reale su più tipi di elementi.

Lezione 2 • Ordinamento e impaginazione

Copre l'ordine di ordinamento, gli operatori di lista e i controlli di impaginazione dei gruppi ripetuti. Gli studenti implementano l'ordinamento controllato dall'utente e lo scroll infinito o la navigazione basata su pagine.

Lezione 3 • Operazioni avanzate sulle liste

Introduce il filtraggio, l'unione, l'intersezione e le espressioni di aggregazione delle liste. Gli studenti calcolano riepiloghi e costruiscono visualizzazioni dati complesse da più fonti.

Lezione 4 • Gruppi ripetuti per le liste

Copre la configurazione dei gruppi ripetuti come elemento principale per il rendering delle liste. Gli studenti visualizzano, stilizzano e interagiscono con liste di record del database.

Lezione 1 • Social login e OAuth

Integra fornitori OAuth di terze parti utilizzando l'ecosistema di plugin di Bubble. Gli studenti configurano almeno un'opzione di social login e gestiscono il collegamento degli account.

Lezione 2 • Reimpostazione della password e conferma email

Implementa i flussi di password dimenticata e verifica email utilizzando le azioni email di Bubble. Gli studenti configurano i template di email transazionali e testano l'intero ciclo di reimpostazione.

Lezione 3 • Il sistema utente integrato di Bubble

Spiega il tipo di dato User, i campi riservati e come Bubble gestisce le sessioni. Gli studenti comprendono il modello di autenticazione prima di creare qualsiasi flusso di login.

Lezione 4 • Flussi di registrazione e login

Copre le azioni di workflow Registra l'utente e Accedi l'utente con la convalida. Gli studenti costruiscono una pagina completa di registrazione e login con gestione degli errori.

Lezione 1 • Integrazioni di servizi di pagamento ed email

Copre l'integrazione di un processore di pagamento e un servizio di email transazionali. Gli studenti implementano un flusso di checkout e una notifica email attivata.

Lezione 2 • Webhook e dati in ingresso

Insegna i workflow di backend come endpoint webhook per ricevere dati esterni. Gli studenti configurano un ricevitore webhook ed elaborano i payload in ingresso.

Lezione 3 • Installare e utilizzare i plugin

Copre il marketplace dei plugin di Bubble, l'installazione e la configurazione. Gli studenti aggiungono e configurano almeno due plugin per estendere le funzionalità dell'app.

Lezione 4 • Fondamenti del connettore API

Introduce il plugin API Connector per connettersi a qualsiasi API REST. Gli studenti configurano l'autenticazione, gli header e una chiamata GET di base.

Lezione 1 • Deploy in live

Spiega il modello di versione di sviluppo vs. versione live e il processo di deployment. Gli studenti eseguono un deployment completo e verificano che l'app live si comporti correttamente.

Lezione 2 • Gestione degli errori e monitoraggio

Copre i log di Bubble, gli avvisi di errore e le integrazioni di monitoraggio di terze parti. Gli studenti impostano notifiche di errore e interpretano le voci di log lato server.

Lezione 3 • Opzioni di capacità e scalabilità

Spiega il modello di unità di capacità di Bubble e come scalare sotto carico. Gli studenti configurano le impostazioni di auto-scaling e comprendono i limiti di capacità a livello di piano.

Lezione 4 • Impostazioni app e dominio personalizzato

Copre la scheda Impostazioni per configurare i metadati dell'app, le basi SEO e il dominio personalizzato. Gli studenti collegano un dominio personalizzato e verificano la propagazione DNS.