How to create a simple mobile apps using html5 part 1

For any mobile developer thinking of creating a mobile application, he or she is usually caught up in a dilemma whether to build a hybrid or a native mobile app.However in the recent past hybrid mobile apps have become a preferred choice for many mobile apps developer and businesses.

The reason behind this is because hybrid apps are usually built using a combination of different web technologies such as HTML, cascading style sheet (CSS) and the JavaScript.The other reason why developers have preferred hybrid apps over native apps is that these apps can be deployed in different cross platforms such Android, Ios, and windows.

Building a hybrid mobile apps is easy and simple and today am going to take you through on how you can build a simple mobile app using HTML5. So  what do you need  exactly to start creating these apps? First, you need to have a PC machine running either Windows, Mac or Linux Os.You also need to have an installed browser such as chrome or firefox, a text editor such as atom and Node .js application.

For window users, you need to install Android SDK tools for testing and emulation purposes.For Mac users, install Xcode for simulation of  your Ios apps.Now its our turn to install ionic Command line interface (CLI) which will help us start, build, run and emulate these hybrid apps.To install this ionic CLI, go to command prompt, and type npm install –g ionic as shown below.

Since ionic depends on cordova for wrapping of CSS,Sass , HTML and javascript codes so as to work on different devices, we also need to install it.In the command prompt, type npm install  -g Cordova . as shown below.

After that, we also need to install bower package which is a package manager for web libraries, and it is also useful in adding third party javascript libraries.To install it, type npm install  -g bower as shown here below.

Finally, we need to install gulp. Gulp is a javascript tool used by ionic for purposes of optimizing performance of ionic projects.To install it, type npm install –g gulp in your command prompt as seen here below.

Now having installed all these packages, we are good to go and start building our ionic projects.In the next session, we will start creating our first ionic project of a simple app.Be vigil and lets meet in the next session.If you experience any difficulties in setting up the ionic environment, let me know and i will be of great help unto you.

Enjoy and please dont forget to share with your friends