Introduzione
  • Introduzione
  • Navigare nel corso e fare delle domande
Installare nodejs e ionic
  • Installare nodejs con nvm in windows
  • Installare nodejs con nvm in mac
  • Installare @ionic/cli e creare la prima app
  • Installare visualcode
IONIC WEB COMPONENTS: Usare ionic components con javascript puro
  • Includere web components
  • Web components. Extencil
App: Body Mass Index
  • App BMI: Creare campi input per peso e altezza
  • App BMI: Aggiungere bottoni e calcolo
  • App BMI: Mostrare i risultati con una ion-card
Creare un'app con la ionic/cli e navigazione tra pagine
  • Struttura di un'app ionic
  • Creazione app : Users
  • Ion-list. Mostrare elenco utenti
  • Routerlink. Dettaglio utente
  • ion-back. Tornare indietro dal dettaglio alla lista
  • Lazy loading. Creare pagina per dettaglio utente
  • ion-back-button. Tornare all'elenco
  • ActivateRoute. Leggere parametri dalla rotta
Consumare api.Creare un servizio e uso di httpclientmodule
  • Creare servizio user
  • Api httpclient. Tipificare la risposta dell'API
  • Api. Leggere dati dettaglio utenti
  • Mostrare lista dati utenti
  • Ion-grid per il dettaglio utente
  • Installazione di IonicStorageModule per rendere i dati offline
  • Leggere i dati dalla cache sia per elenco utenti che per dettaglio
POKEMON APP. IONIC 4 O SUPERIORE
  • Creare una tab application
  • Chiamare pokemon api e mostrare elenco pokemon
  • Creare le Interface IResult e IPokemon
  • Pipe async, ion-thumbnail e dettaglio pokemon
  • Creare pagina pokemon detail e gestione rotte
  • Pagina pokemon detail. Visualizzare nome e immagine
  • Chiamata api per dettagli del pokemon
  • Mostrare elenco abilità
  • Aggiungere maschera e loading controller
  • Aggiungere icone preferiti e condividi
  • Aggiungere preferiti allo storage
  • Aggiungere e togliere pokemon ai preferiti
  • Collegare immagini ufficiali pokemon e scaricarle
  • Aggiungere barra di ricerca, search-bar, e filtrare i pokemon
  • Filtrare i preferiti
  • Aggiungere ionic-item-sliding per aggiungere e rimuovere pokemon dalla lista
  • Segnare icona cuore in rosso se Pokemon è preferito
  • ion-item-sliding. Chiudere lo sliding dopo il click su icona
  • Cambiare colore icona preferiti dopo il click
  • ion-toast. Mostrare messaggio di conferma di aggiunta rimozione dai preferiti
  • Aggiungere info alla pagina about
  • Aggiungere un menu alla nostra applicazione
  • Creare un modulo page per il menu e aggiungere i link
Creazioni di menu. IONIC 3
  • Note su aggiornamento corso
Creare pagine in IONIC 3 e navigare usando navcontroller, modalcontroller
  • Seguire le lezioni e sorgente del corso
  • Installare ionic 3
  • Struttura di un'app IONIC 3
  • Creare una pagina in ionic 3
  • Navpush e NavPop: Aggiungere e togliere pagine dal NavController
  • Page Module. Creare una pagina ed usarla come modulo
  • Pagine modale: Creare una pagina popup di login
  • Modal controller. Chiudere una modal con dismiss e passare parametri
Sidemenu:I menu laterali
  • Struttura di un menu sidemenu o menu laterale
  • Setroot del navcontroller: Cambiare pagina dal sidemenu
  • Menutoggle e MenuClose. Chiudere e fare toggle al menu laterale
Pokémon app. IONIC3
  • Introduzione alla sezione Pokemon app
  • Mostrare elenco pokemon da chiamata api in una ion-list
  • Creare interface per mappare json delle API
  • Creare classe Pokemon e mostrare le immagini
  • Pokemon Detail. Mostrare vista dettaglio del pokemon
  • Interface ability. Mappare abilities
  • Mostrare abilities. Async pipe
  • Pokdemon detail. Mostrare i dati sincronamente dalla home page
  • Loading Controller. Mostrare maschera caricamento dati
Rendere dati pokemon disponibili offline. IONIC3
  • Caricamento immagini nell'app
  • Caricamento json elenco pokemon in localStorage
  • Mostrare elenco pokemon dalla localStorage
Pagina dei preferiti. IONIC3
  • Icona dei tab e pagina preferiti
  • Aggiungere e mostrare preferiti dalla localStorage
  • Ionic Events publish subscribe. Avvisare aggiunta pokemon ai preferiti
  • Fare il toggle tra preferiti e non preferiti nella pagina dettaglio pokemon
  • Mostrare dettaglio pokemon dalla pagina dei preferiti
  • Ordinare i pokemon alfabeticamente
SearchBar. Filtrare i pokemon per nome. IONIC3
  • Aggiungere una searchbar come componente
  • Filtrare i pokemon e i preferiti con il criterio di ricerca
  • Aggiungere pagina About con i link ai social
Testare e deploy su ios
  • Installazione xcode e deploy tools ios
  • Aggiungere piattaforma ios
  • Installare l'app in Dispositivo fisico, iphone 8 plus, e simulatore