What is AngularJS?

As we all know, AngularJS is a very powerful JavaScript Framework. It is very useful in Single Page Application projects. before you start to learn AngularJS you should have a basic knowledge of Javascript and it will be good if you have more understanding about other web technologies like HTML,CSS,AJAX etc.

AngularJS is open source frameworks and freely available, it is used by more than thousand developers around the worlds. AngularJS is great Javascript framework because it has so many features likes:

=> Two-Way data binding
=> REST friendly
=> MVC-based Pattern,
=> Deep Linking
=> Template
=> Form Validation
=> Dependency Injection
=> Localization
=> Full Testing Environment
=> Server Communication

AngularJS, developer write less code and rich more functionality example below textbox value append in the h2 tag.

JavaScript


Lines of JavaScript Code: 13

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript</h1>
Write some text in textbox:
<input id="hello-input" type="text" />
<h2 id="hello-output">Hi, </h2>
<script>
var inputField = document.getElementById('hello-input');
var label = document.getElementById('hello-output');

var handleKeyup = function() {
var value = inputField.value;
label.innerHTML = 'Hi ' + value;
}

if (document.addEventListener) {
document.addEventListener('keyup', handleKeyup);
} else if (document.attachEvent) {
document.attachEvent('keyup', handleKeyup);
}
</script>
</body>
</html>

jQuery


Lines of JavaScript Code: 7

<!DOCTYPE html>
<html>
  <body>
    <h1>jQuery</h1>
    Write some text in textbox:
    <input id="hello-input" type="text" />
    <h2 id="hello-output">Hi, </h2>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script>
      var inputField = $('#hello-input');
      var label = $('#hello-output');

      inputField.on('keyup', function() {
        var value = inputField.val();
        label.html('Hello ' + value);
      });
    </script>
  </body>
</html>

AngularJS


Lines of JavaScript Code: 0

<!DOCTYPE html>
<html ng-app>
  <body>
    <h1>AngularJS</h1>
    <input type="text" ng-model="sometext" />
    <h2>Hi, {{sometext}}</h2>

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

Now, Angular2 Rocks in the market for used it to build more and more complex applications.

Want to work with us? We're hiring!