Menu bars

Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

Tuesday, 11 August 2015

Ionic framework for mobile apps - Setup

Hybrid applications are getting popular since we can use the same code for both android and ios applications. Hybrid apps will be written in web programming languages, so it will be no learning curve for a web developer. Otherwise the learning curve of android and ios are comparatively large.So if you have experience in web development hybrid apps are for you.


When not to use Hybrid apps 

If you are planning for a game or graphics intensive app then you will fee some lags in the hybrid apps, because these apps cannot make use of the platform very well. only native application can provide exact performance that is needed for games and memory intensive processes.

When to use Hybrid apps

If you are planning to make a network based application which is getting some information from server or some application which does not make much interaction with the internals of the device can be done perfectly with hybrid apps.

Ionic Framework

Ionic is a Angularjs powered hybrid mobile framework where you can make all kind of mobile applications easily with the help of angularjs. lets dive in and check how to install it.

Follow this link to setup the ionic project

But installing all these dependencies like node,android,ant etc will be kind of pain, but there is a wonderful bash script written by nraboy for ubuntu platform.

Once you run the script follow the commands




























ionic serve - for seeing in the browser
This will launch the android emulator. The error that i have faced was
rm: could not remove directory (code EACCES)
This was happening because my ExampleProject directory does not had execute permission
use this for assigning permissions recursively for sub directories.
sudo chmod -R 755 /path/your/folder
after this command everything started working properly.

Useful links - How to Get the Ionic Framework Running on Ubuntu


                    - Building the Application

                    - Install android in ubuntu

                    - Test your app


Hey..it is not over !! you might have got an error in the emulator like this




This is caused because of the app time out. for solving this error i have followed this link and rebuilt my application and everything started working perfect !!

Saving Data With IonicFramework

Saving data in locally important for small amount of large data. So that even without a database like sqlite you can persist your data.

Getting Started with ngCordova

NgCordova will help to use all the device facilities like camera, locations etc







No comments:

Post a Comment