What is AngularJs?

images (3)
AngularJs is a powerful JavaScript based development framework to create rich internet application. It is originally developed by Misko Havery and Adam Abrons in 2009 and now maintained by Google. This framework lets you use HTML as your template language and extend HTML's syntax to express application's components clearly and concisely. Angular's data binding and dependency injection exclude much of the code you would otherwise have to write. This means that your application needs no main() method which is usually an unmaintainable mess. AngularJs applications can run on all major browsers and smart phones including Android and iOS based phones/tablets. AngularJs allows the developer to express UI declaratively which keeps the presentation in one place and separate it from imperative logic. Since they get the ability to focus on design without the distractions caused by DOM configurations and JQuery calls.

Directives are a unique and powerful feature available only in Angular. Directives let you invent new HTML syntax, specific to your application. We use directives to create reusable components. A component allows you to hide complex DOM structure, CSS, and behavior. This lets you focus either on what the application does or how the application looks separately. It works extremely well when it comes to managing the heavy web applications that contain number of components and complex requirements. New web developers can easily understand the application functionality and coding structure. It is worth to learn more about it if you still haven’t’ used it and give it a chance in your next web application project. You will not regret the time you spent to learn about it.

Example:

<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<p>Try to change the names.</p>

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
</script>

</body>
</html>

For more info : cpd-india

Batches: Regular & Weekends for Working Profession

For FREE DEMO CLASS CALL – 011-65164822 / 91- 8860352748

CPD Technologies Block C 9/8, Sector – 7, Rohini, Delhi – 110085, India Landmark: Near Rohini East Metro Station, Opposite Metro Pillar No-397

Website :- www.cpd-india.com

Email :- support@cpd-india.com

Please follow and like us:
error20

Your email address will not be published. Required fields are marked *

Contact CPD Technologies