ionic-present-inmagik



ionic-present-inmagik

1 0


ionic-present-inmagik


On Github inmagik / ionic-present-inmagik

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?

Tempi e costi di realizzazione più bassi Codice scritto in un linguaggio comune a tutti i device 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 sitoINMAGIK o contattaci INMAGIK mail: info@inmagik.com | tel. 035 19901780

Hai mai pensato di creare un'app mobile?