Lets explore some history about Apache Cordova and Phonegap which forms basics of hybrid application development.
What is a Hybrid application?
Who can learn this?
- An existing mobile developer who wants to extend an application on more than one platform, keeping same code base.
How does the architecture look like?
Above diagram shows a high level view of a Hybrid application. As shown there are several components to it.
How to get started on my desktop or laptop?
So far so good, all theory and knowledge sharing over bringing web stuff on mobile platform. Now, lets get our hands dirty with real stuff. Cordova/Phonegap be it 2 names but they both require NodeJS platform to be present on the system.
Do not get disheartened if you dont know NodeJS you dont need to know it. Just install it as any other software. You can grab its installer from their official website. NodeJS installs itself along with its awesome NPM [Node Package Manager] which we require to install our development tools. Just verify your installation by checking their versions in Command prompt using following commands. Refer to screenshot for command output.
Now, I hope you get safely till here. Now get ready to install our development tools. Here our actual journey starts of taking web towards mobile.
Lets install our development tools.
We will see installation of both tools simultaneously because you select either of them the installation procedure is same.
npm install -g cordova
npm install -g phonegap@latest
After installation verification method is same as we used for NodeJS and NPM.
Hurray!! We have successfully setup environment for mobile application development. Get ready to dive into world of mobile development.