What is AngularJS? • Open-source web app framework by Google • An HTML enhanced for web apps
Why AngularJS? • Data Binding • DOM Manipulation • Modular, reusable and testable • Single Page Application (SPA)
Sample <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js">< /script> </head> <body> <div ng-app=""> <p>Input something in the input box:</p> <p>Name: <input type="text" ng-model="name" value="John"></p> <p ng-bind="name"></p> </div> </body> </html>
AngularJS Extend HTML attributes with DIRECTIVES - ng-app, ng-model, ng-bind Binds data to HTML with EXPRESSIONS - {{ expression }} - output
AngularJS vs jQuery
CODE! CODE! CODE!
• https://angularjs.org/ • www.youtube.com/user/angularjs

Angular js