Bearbeiten von „Ionic“

== Hybrid Apps mit Ionic und PhoneGap Builder==
=== Links ===
 http://ionicframework.com/getting-started/
 https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be
=== Einleitung ===
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. 

AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.
=== Installation ===
* Node.js falls nicht installiert (evtl, PATH anpassen)
* im Terminal über npm cordova ionic und gulp installieren
 sudo npm install -g cordova ionic gul

=== Schnelle App mit Ionic ===
# Install Ionic (s.o.)
# Create App
# Build and Test

====Create====
Verzeichnis erstellen z.B. 
 /myUserfolder/myApp
 ionic start myApp tabs
====Build and test ====
 cd myApp
 ionic platform add ios
 ionic build ios
 ionic emulate ios
 
=== Projekt anlegen ===
Es gibt verschiedene Grundtemplates
*leer
 $ ionic start myApp blank
* tab navigation
 $ ionic start myApp tabs
* side navigation
 $ ionic start myApp sidemenu

===Quicktips für Projekte===
* cd into your project: 
  cd firstIonicAppOrAnotherName
* Setup this project to '''use Sass''': 
 ionic setup sass
* Develop in the browser with '''live reload''': 
 ionic serve
* '''Add a platform''' (ios or Android): 
 ionic platform add ios [android]
Note: iOS development requires OS X currently
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html
* '''Build''' your app: 
 ionic build <PLATFORM>
* '''Simulate''' your app: 
 ionic emulate <PLATFORM>
* '''Run''' your app '''on a device''': 
 ionic run <PLATFORM>
* '''Package''' an app using Ionic package service: 
 ionic package <MODE> <PLATFORM>
* '''Invite''' anyone to preview '''and test''' your app
 ionic share EMAIL

For more help use ionic --help or ionic docs
Visit the Ionic docs: http://ionicframework.com/docs
</pre>
'''View App''' http://view.ionic.io

'''Generate splash screens and icons''' with ionic resource http://ionicframework.com/blog/automating-icons-and-splash-screens/

===Ionic Account===
Create an ionic.io account to send Push Notifications and use the Ionic View app?
(Y/n):