Experience With AngularJS – Get to know AngularJS in 5 minutes
We worked on a lot of JavaScript Frame Works . Then we come to know about AngularJS and its amazing features . In next 5 minuets of this blog you will come to know why is it awesome!!
What is AngularJS?
Firstly an Open Source Technology as a JavaScript Framework introduced By Google.Follows Model View Controller(MVC) approach. Basically runs as a “Single Page Application”.
“AngularJS ties up your Views i.e. the HTML Part and the Models i.e. the JavaScript Object Part”
Key Points
1.) Client Side JavaScript Framework for Single-Page Web Applications.
2.) Creates a user Interface(UI) easy through data binding
3.) Helps Organize and Architect an app i.e divide application into smaller parts.
AngularJS Terminologies
1.)Controller – Code Behind the view
2.)Model – Data used to merge with template to produce Views.
3.)View – What user Sees.
4.)Scope – Detects Changes to the model . Provides further execution context
5.)Directives – DOM transformation triggered by custom attributes
6.)Filters – Perform Data transformation.
How To Work On AngularJS
1.)Include AngualrJS Library
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
For GitHub Link Goto https://github.com/angular/angular.js
2.)Create AngularJS Application
<html ng-app="YourAppName">
OR
<div ng-app="YourAppName">
3.)Define Controller:
<div ng-controller="YourControllerName"> <input type="text" ng-model="UserName"/> </div>
4.)Implementation of Controller
function YourControllerName($scope){
$scope.UserName="Please Enter Your U Name";
}
AngularJS Tags Intro
1.)Binding:
a.)
<span ng-bind="message"></span>
b.)
<p>{{message}}</p>
2.)Looping:
a.)
<ul>
<li ng-repeat="item in items">{{item}}</li>
</ul>
3.)Include Template:
a.)
<div ng-view="_template.html" ></div>
For AngularJS full documentation on ng tags goto https://docs.angularjs.org/api/
Why AngularJS is Awesome?
1.) Super fast Development
2.) Awesome Performance
3.) Makes Apps Scalable
4.) Data-binding and automatic Dom Manipulation
5.) MVC done right – Reduce Server Load
6.) Geared towards SPA and CRUD web applications
7.) Write Less Code
