Create Hybrid App Using Angular Js and Ionic
Create Hybrid App Using Angular Js and Ionic
Introduction to AngularJS
AngularJS is a JavaScript frameworks for creating a single page application developed
by google . It's a structural framework for creating dynamic web applications by
extending HTML capabilities. By using this framework you can take advantage of some
of the built-in features and with AngularJS you can reduce your application code by
using these concept like templating, filters, two-way data-binding and more.
Just setup your angularJS project in three step and you can use any HTML editor or
IDE for the angularJS application development.
Step 2 : create one script folder inside of project and paste your angular.min.js
file inside the folder .
Step 2 : Paste Bootstrap CSS ,JS and fonts Folder inside of Project
Here I am just going to create one simple hello world Application, so in this project only
we need angularJs.min.js file Reference only. In future we will do other sample using
Bootstrap with Ionic.
<!doctype html>
<html ng-app>
<head>
<script src="Scripts/angular.min.js"></script>
</head>
<body>
<div>
<input type="text" ng-model="yourName" placeholder="Enter a
name here">
<h1>Hello, {{ yourName }}!</h1>
</div>
</body>
</html>
What is Cordova?
Apache Cordova is a platform for building native mobile applications using HTML, CSS
and JavaScript .it provide javascript that wrap native api of device such as camera,
geolocation on the actual mobile device .cordova is cross platform so we can access it
on popular mobile os like android, windows or ios device .Cordova launcher can be
used to write code consistent api that can be use every ware.