Open Source

AngularJS – The best open source Javascript MVC framework

Just Total Tech
13 Mar 2015

AngularJS is a Javascript MVC framework introduced by Google to build properly architectured and maintainable web applications, MVC Javascript Framework by Google for Rich Web Application Development. AngularJS is made for Single page applications (SPA, like Twitter) and Weba pps (eg. with Cordova Framework) AngularJS also called just “Angular” and its Initially published in 2009, released under MIT Licence which is developed by Google and community, its official website: angularjs.org Library file size (v1.2.17) ? 103 KiB production ? 749 KiB development and includes jqLite or uses jQuery if existing. It’s not a JavaScript library . There are no functions for directly call and use it . It  not like  a DOM manipulation library similar like jQuery. But it uses subset of jQuery for DOM manipulation (called jqLite). “Other frameworks deal with HTML’s shortcomings by either abstracting HTML away, CSS,  and  JavaScript and by providing an imperative way for manipulating the DOM. “ANGULARJS is built around the philosophy that declarative code is better than imperative code while building UIs and wiring different components of web application together.” AngularJS defines numerous ways to organize web application at client side. Enhances HTML by attaching customs tags, directives,  attributes, expressions, templates within HTML.Encourage TDD ,Encourage MVC/MVVM design pattern ,Code Reuse, Good for Single Page Apps (SPA). Features of AngularJS

  • Two-way Data Binding – Model as single source of truth
  • Directives – Extend HTML
  • Dependency Injection
  • Testing
  • Deep Linking (Map URL to route Definition)
  • <Server-Side Communication
  • Declarative HTML approach
  • Easy Data Binding : Two way Data Binding
  • Reusable Components
  • MVC/MVVM Design Pattern
  • Dependency Injection
  • End to end Integration Testing / Unit Testing
  • Routing
  • Templating
  • Modules
  • Services
  • Expressions
  • Filters
  • Directives
  • Form Validation
  • $scope, $http, $routeProvider.

  AngularJS Focus more on HTML side of web apps and for MVC/MVVM design patterns.

AngularJS:- MVVM angularjs new update
AngularJS:- MVC  angularjs 2

AngularJS :-Directives attach custom behavior to those elements or transform .

  • Everything in  DOM may be a directive:
  • Elements (<ng-include></ng-include)
  • Classes (class="ng-include: data;")
  • Attributes (<b ng-include="data">)
  • Comments (<!– directive: ng-include data –>)

  AngularJS provides  plenty features of its own directives:

  • AngularJS provided directives
  • ngApp
  • ngBind
  • ngBlur
  • ngChange
  • ngChecked
  • ngClass
  • ngClick
  • ngInlcude
  • ngModel
  • ngPluralize
  • ngRepeat
  • ngShow
  • ngSrc

  AngularJS with supports with  following features 1.Scopes 2. Controllers 3. Expressions 4. Two-Way Data Binding   Services & Factories

  • $http – For ajax requests
  • $interval and $timeout – Repeats and delays
  • $rootScope – Very top scope of application
  • $location – URL and its parts present on current site
  • $window – Wrapper of global window.

  AngularJS  :- Filters

  • AngularJS provides few  plenty of its own filters:
  • AngularJS provided filters
  • currency
  • date
  • filter
  • json
  • limit To
  • lowercase
  • number
  • orderBy
  • uppercase

  AngularJS Providers Almost every AngularJS buzzword is made by its providers features which are as below Five recipes for providers: 1. Value 2. Constant 3. Factory 4. Service 5. Provider   Advantages of AngularJS

  • Allows you to work clean using reusable modules
  • Features of Angular
  • enables completely new possibilities (2-way data binding)
  • saves a lot of time for common tasks (like validation)
  • Components are unit-testable