AngularJS a modern JavaScript

Hi all, i was doing some weekend research on the modern JavaScript frameworks and i felt there are lot many awesome features in the latest JavaScript frameworks. so now i wanted to start a series of articles which describe Angular in its vanilla flavour. Any one with basic Javascript, HTML background can start working in AngularJS without any hassle.

Let us dive into the world of AngularJS and see what it is.
AngularJS-icon

AngularJS is an open-source JavaScript framework, developed by Google . Its main aim is to incorporate browser-based applications with model–view–controller (MVC) capability, in an effort to make both development and testing easier. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

google maintain Angular CDN at:

<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="ISO-8859-1">
<title>Angular JS Tutorial</title>
<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>
	 Write some text in textbox:
    <input type="text" ng-model="sometext" />
 
    <h1>Hello {{ sometext }}</h1>
</body>
</html>

please run this and u will notice that view and model are bound together, when ever u change the model value, the view gets automatically changes.

here is the online demo: Demo

Happy AngularJS 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s