Corso Ionic Base per sviluppare applicazioni mobile

Corso Base Ionic 2

Impara a sviluppare applicazioni mobile

A chi si rivolge?

Dedicato a chi programma già in Javascript, ha una minima conoscenza di AngularJS 2 e desidera realizzare la sua prima App mobile con Ionic 2.

Cosa impareremo?

Impareremo a creare un progetto Ionic e a realizzare un'applicazione mobile "pronta all'uso" sfruttando tutti i componenti CSS e Javascript che il framework Ionic ci mette a disposizione.

Al termine del corso il partecipante sarà in grado di utilizzare le funzionalità principali del framework allo scopo di creare le sue prime applicazioni mobile.

Corso base Ionic - obiettivi

Cos'è Ionic?

Se ancora non lo sai Ionic è un framework OpenSource utilizzato per lo sviluppo di applicazioni mobile ibride, con look and feel simile a quelle native. E' funzionale per piattaforme IOS e Android utilizzando Web Stardard (HTML, CSS e JS).

Apprezzatissimo dagli sviluppatori, rappresenta attualmente il framework più usato in tutto il mondo con all'attivo milioni di App sviluppate. E questo per tre motivi sostanziali:

  1. è una risorsa a libero accesso;
  2. è un framework di semplice utilizzo;
  3. richiede l'impiego di AngularJS per lo sviluppo e di Cordova per l'esecuzione dell'App sullo smartphone.

Chi conosce già le funzioni di AngularJS può iniziare da subito a programmare le proprie App!

Ci sono prerequisiti?

È preferibile che il partecipante conosca le nozioni base di AngularJS (templates, componenti, dependency injection, binding, form) e le principali direttive (ng-repeat, ng-show, ng-click, etc.)

Quale sarà il materiale didattico?

Ad ogni partecipante saranno inviate le slide del corso, in formato PDF, e il codice sorgente di tutti gli esercizi affrontati.

Corso base Ionic - prerequisiti e materiale formativo

Il programma completo

Introduzione al framework

Introduzione al mondo dello sviluppo di app mobile ibride con Ionic, AngularJS e Cordova.

Panoramica e introduzione alle funzionalità principali del framework.

L’utilizzo di ionic-cli per creare rapidamente un progetto e testarlo con il browser.

Ionic Templates

Introduzione alla creazione rapida di applicazioni partendo da template già pronti con particolare attenzione al “sidemenu” (menù offcanavas a comparsa laterale) e ai “tabs”.

CSS e Componenti Ionic

Si esplorano i componenti e gli stili CSS forniti dal framework per creare l’interfaccia grafica dell’applicazione:

  • gli elementi principali: header, content, responsive grid;
  • gli elementi di navigazione: tabbar, navbar, buttons, side menu;
  • gli elementi di visualizzazione dei contenuti:cards, list, scroller;
  • i componenti del form (input, checkbox, select, radio ) e la loro validazione.

Componenti Javascript e Servizi

Si esplorano i componenti Javascript forniti dal framework, che permettono all’utente di interagire con i componenti grafici (Actionsheet, Finestre modali e dialog, Popover, SlideBox, Spinners e loading, Backdrop, Platform).

Gesture e eventi

Come intercettare e gestire gli eventi e le gesture in Ionic (Hold, Tap and Click, Swipe, drag ‘n’ drop).

Dare forma all'applicazione

Riutilizzando gli esercizi svolti in precedenza viene creata un’applicazione multiview.

Personalizzazione del look & feel utilizzando SASS: diamo un aspetto più “Material” alla nostra applicazione.

Utilizzo di Ionic Creator per generare un mockup interattivo dell'App.

Utilizzo di Ionic View per provare l'App sviluppata su un qualsiasi dispositivo mobile.