Hai mai pensato di creare un'app mobile?

noi sviluppiamo con

Applicazioni mobile ibride con Ionic e AngularJS

“Voglio creare un'app!”

Più Piattaforme. Più Problemi.

  • E' richiesta conoscenza approfondita di tutte le piattaforme
  • Basi di codice completamente differenti
  • Sviluppo oneroso in termini di tempo e costi
  • Ritorni economici in calo

Apps Ibride!

HTML5 che funziona come nativo

Web "wrappato" in un layer nativo

Accesso diretto alle APIs native

Ambiente di sviluppo familiare per i programmatori web

Un'unica base di codice (piattaforma web!)

App Native e App Ibride

APP NATIVE Sono applicazioni scritte e compilate per una specifica piattaforma utilizzando linguaggi di programmazione e librerie supportati da quel sistema operativo mobile
APP IBRIDE Sono applicazioni scritte con tecnologie Web e compilate come un’applicazione nativa, che possono interagire con ogni tipo di device

PERCHE’ SCEGLIERE UN APP IBRIDA?

  1. Tempi e costi di realizzazione più bassi
  2. Codice scritto in un linguaggio comune a tutti i device
  3. Performance comparabili con le app native
“Non è più il 2007”
Anno Device Processore RAM
2007 iPhone 400 MHz 128 MB
2010 iPhone 4 1 GHz 512 MB
2015 iPhone 6 1.4 GHz dual-core 1 GB

Gli standards Web

sono migliorati!

caniuse.com funziona piuttosto bene oggi

Android è ora Chromium-based

gli utenti iOS tengono i loro devices up-to-date

https://mixpanel.com/trends/#report/ios_8/from_date:-141,report_unit:day,to_date:0

https://mixpanel.com/trends/#report/android_os_adoption

gli SDK nativi...

sono una figata!

UI comuni, APIs, views, navigazione, history stack, transizioni, interazioni, movimenti, etc.

Le tecnologie Web che

Conosci & Ami

(Ti sentirai come a casa)

Superpotenziato da

Angular

Estende il vocabolario HTML

Testato per sviluppo app su larga scala

Componenti UI che usano Direttive & Servizi

Sass!

CSS generati dal processore Sass

Da rapidamente alla vostra app il proprio aspetto grafico

CSS progettati per essere facilmente sovrascritti

Basato su variabili con impostazioni di default

Come lavorano insieme

  • La tua App
  • Ionic
  • Angular
  • WebView (Cordova)
  • Native App

Liste Complesse

  • Direttive AngularJS
  • Pulsanti swipe
  • Riordina
  • Cancella



  
    List Item {{ item.id }}

Collection Repeat

  • Sostituzione degli ng-repeat di Angular
  • Inspirata all'UICollectionView di iOS
  • Scroll di migliaia di items
  • Mostra solo gli items visualizzabili
  • Scroll facile!



  

    
{{ c.name }}

    
{{ c.email }}

Navigazione

  • Uso di AngularUI Router
  • Mostra il pulsante "indietro" quando è possibile
  • Transizioni che seguono la direzione di navigazione
  • Aggiorna l'URL dell'app
  • Multi-history Stack

Swipe per tornare indietro

  • Swipe per tornare alla vista precedente
  • Transizione interattiva
  • Sfrutta le view memorizzate nella cache
  • Aggiorna sempre l'URL dell'app
  • WebView (solo Cordova)

Altri Componenti

  • Side Menus
  • Actionsheet
  • Modal
  • Pull To Refresh
  • Spinners
  • Slidebox
  • Infinite Scroll
  • Swipeable List Options
  • Popup
  • Popover
  • Loading Overlay
  • Inputs
  • Buttons
  • etc.

LICENZA MIT

Uso libero (anche commerciale)

Ionicons

700+ font-icons con licenza MIT inclusi

ionicons.com

npm install -g ionic cordova

Struttura app boilerplate pronta per la customizzazione

LiveReload sia per sviluppo locale che nativo

Genera ed esegue app native

Modern

Chromium!

Chromium per WebViews Android

Upgrade per Android 4.1+ e più recenti

Stesso hardware, software moderno

Miglioramenti delle prestazioni stupefacenti

Get Started with Ionic!


Getting started guide
ionicframework.com/getting-started


Documentazione
ionicframework.com/docs


Forum della comunità Ionic
forum.ionicframework.com


Contribuisci su GitHub
github.com/driftyco/ionic

</html>

@ionicframework

http://inmagik.github.io/ionic-present-inmagik


Traduzione italiana a cura di

Sviluppa con noi la tua app
visita il nostro sito
INMAGIK

o contattaci
INMAGIK
mail: info@inmagik.com | tel. 035 19901780