What is ionic
Open Source front-end framework for developing hybrid mobile apps with HTML5
Right now
v.1.0.0-beta.6
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
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
Install Ionic with the task manager gulp
npm install -g gulp ionic
You can do all this together
npm install -g cordova ionic
create a project
Create an Ionic project using one of this three templates
Blank project
Tabs project
Sidemenu project
ionic start myApp sidemenu
Run 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 ios
To run android we only need to use android instead of ios
demo
Install all necessary
Node.js if it is not installed
Cordova
gulp and Ionic
npm install -g gulp ionic
demo
Start a new project
Get into the folder
Adding platforms
Build the Project
Emulate
demo
Sometimes I have trouble emulating iOS because of changes in Cordova
in that case you will need to install ios-sim
resources and links
Official Website
Docs
Where to learn
Also take a look to
Codepen