Ionic
FRAMEWORK
What is ionic
Open Source front-end framework for developing hybrid mobile apps with HTML5
Right now
v.1.0.0-beta.6
v.1.0.0-beta.6
but
yes it is!!
But it has some cool stuff on it
- Really solid specially in iOS
- Great performance
- Native focused
- Beautiful design
- Big community growing exponentially
- Great Website and Docs
- $1 million of investment this year
And the best of all
Is a dream for all the frontend NERDS
features
- Built with Sass
- Minimal DOM Manipulation
- Zero jQuery
- Built on top of AngularJS
- Cordova
- Gulp
- Yeoman generator with Grunt
browser support
Ionic is focused on building native/hybrid mobile apps rather than mobile websites
- iOS 6+
- Android 4+ (some support 2.3)
- Windows phone
- FirefoxOS
lets take a look to the site
installing ionic
Make sure that you have Node.js installed then install Cordova
npm install -g cordova npm install -g gulp ionicYou can do all this together
npm install -g cordova ioniccreate a project
Create an Ionic project using one of this three templates
Blank project
ionic start myApp blank ionic start myApp tabs ionic start myApp sidemenuRun it
Ionic apps are based on Cordova, so we can use the Cordova utilities (build, test, deploy...). But Ionic provides simple ways to do the same
$ cd MyApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate iosTo run android we only need to use android instead of ios
easy right??
demo
Install all necessary
Node.js if it is not installed
brew install nodeCordova
npm install -g cordova npm install -g gulp ionicdemo
Start a new project
ionic start hello
cd hello ionic platform ios ionic build ios ionic emulate iosdemo
Sometimes I have trouble emulating iOS because of changes in Cordova
in that case you will need to install ios-sim
npm install -g ios-simresources and links
Official Website
Docs
Where to learn
Also take a look to
Codepen
thank you
Ionic Framework
By revul
