Corso di formazione Sviluppo di applicazioni mobili multipiattaforma con Ionic 8

Introduzione a Ionic e al panorama dello sviluppo multipiattaforma

• Cos’è Ionic e quando sceglierlo rispetto allo sviluppo nativo o a Flutter
• L’architettura basata su componenti web che sostiene l’interfaccia utente di Ionic
• I framework supportati: Angular, React e Vue
• Casi d’uso reali per applicazioni ibride e progressive web app

Configurazione dell’ambiente di sviluppo

• Installazione e configurazione di Node.js e npm
• Installazione della CLI di Ionic
• Creazione e strutturazione iniziale di un nuovo progetto Ionic
• Esecuzione dell’applicazione nel browser o su dispositivi collegati

Struttura del progetto e architettura approfondita

• Pagine, moduli e componenti riutilizzabili
• Configurazione e utilizzo del sistema di instradamento
• Implementazione dei servizi e gestione delle dipendenze
• Gestione delle risorse e configurazione dell’ambiente

Componenti UI principali e layout

• Uso di ion-header, ion-toolbar e ion-content per strutturare le pagine
• I controlli di modulo: ion-input, ion-select, ion-checkbox
• Bottoni, FAB, schede, liste e sistema a griglia
• Le convenzioni moderne per i moduli in Ionic 8
• Esercitazione pratica: realizzazione di una pagina di login e della struttura del pannello di controllo

Strategie di navigazione e instradamento

• Integrazione con Angular Router e React Router
• Pattern per la navigazione tra pagine e gestione dei collegamenti profondi
• Caricamento lazy per migliorare le prestazioni
• Gestione della navigazione tramite schede o menu laterale

Stilizzazione e tematizzazione

• Variabili CSS e sistema cromatico di Ionic
• Implementazione della modalità scura
• Personalizzazione dei caratteri e delle palette di colori in Ionic 8
• Adattamento stilistico ai diversi formati di dispositivi

Gestione moduli e validazione

• Utilizzo del framework per moduli reattivi in Angular
• Hook personalizzati e strategie di validazione in React
• Gestione degli errori e feedback visivi durante la compilazione dei moduli
• Creazione e validazione di moduli complessi su più schermate

Servizi ed integrazione con API

• Configurazione del client HTTP e dei suoi intercettori
• Esecuzione di chiamate a API RESTful e gestione delle risposte
• Pratiche ottimali per la gestione dello stato
• Gestione degli errori di rete e resilienza del sistema

Capacitor e funzionalità native dei dispositivi

• Concetti fondamentali su Capacitor, il suo ponte di comunicazione e l’ecosistema di plugin
• Configurazione di Capacitor in un progetto esistente
• Accesso alla fotocamera e al selettore immagini
• Utilizzo della geolocalizzazione e integrazione con mappe
• Gestione dell’archiviazione locale e delle impostazioni personali
• Esercitazione pratica: cattura di immagini e salvataggio dei dati sul dispositivo

Componenti UI avanzati

• Gestione di modali, popover e avvisi nella versione più recente di Ionic
• Notifiche a toast e sovrapposizioni di caricamento
• Miglioramenti introdotti in Ionic 8 riguardo agli eventi e alla struttura delle sovrapposizioni
• Considerazioni prestazionali nell’uso di elementi grafici complessi

Tecniche di ottimizzazione prestazionale

• Migliori pratiche per il code splitting e il caricamento lazy
• Riduzione della dimensione del pacchetto binario ed evitare errori comuni
• Strategie per ottimizzare il rendering in elenchi contenenti grandi volumi di dati

Progressive Web App e pipeline di compilazione

• Trasformazione dell’applicazione in una Progressive Web App
• Configurazione dei service worker e abilitazione della modalità offline
• Gestione del manifest dell’app e prompt per l’installazione come PWA

Processi di compilazione e distribuzione

• Compilazione dei progetti per la pubblicazione su Android e iOS
• Adempimento dei requisiti tecnici e dei metadati richiesti dagli store
• Gestione delle configurazioni ambientali tra fasi di sviluppo e produzione

Progetto finale: realizzazione di una mini applicazione completa

• Definizione dell’architettura generale e del flusso di navigazione
• Sviluppo della pagina di login con meccanismi di autenticazione
• Creazione di un pannello di controllo dotato di integrazione dati in tempo reale
• Integrazione della funzionalità fotocamera tramite Capacitor
• Rivedere il codice, eseguire test e preparare la distribuzione finale