AngularJS
AngularJS Custom Filter with Example
Sometimes the built-in filters in Angular cannot meet the needs or requirements for filtering...
AngularJS is an open-source front-end web framework based on JavaScript to build dynamic web applications. It allows developers to use HTML as the template language and extend it’s syntax to create various application components. It also helps you to reduce writing the code by data binding and dependency injection.
AngularJS was created by Misko Heavery. He had built a framework to handle the downfalls of HTML and also taking ideas and best practices of the libraries which were never done earlier.
This first version of the framework known as AngularJS was launched in the year 2009. It laid the foundation of the present-day front-end application development. Angular JS was one of the best single-page application development solution. Gradually, it wide adoption and become very popular.
Features of Angular JS
In this tutorial, you will learn
Angular 2 is an AngularJS version built around the concept of the component, which allows building JavaScript classes. After releasing Angular JS, the Angular team released Angular 2, which is a complete rewrite of the original Angular 1 or AngularJS. It was rewritten from scratch by the Angular team using Typescript. It offers better performance to web developers.
There are many new features, along with other improvements and tweaks.
Some Important Features of Angular 2 are:
Angular 2 has been a single repository. Each package downloadable with the @angular/package-name convention. For example @angular/HTTP, @angular/router
All package names were assigned version 2, but router package by mistaken was given version 3. Therefore, the development team skipped Angular Version 3 and directly named it version 4 to maintain compatibility with Angular Router's version.
Angular 4 is a web application framework for building JavaScript applications. It supports TypeScript, which compiles to JavaScript and displays the same in the browser. It also provides navigation toolbar, auto-complete, menus and many more features. It is unlike Angular 2, which is a completely rewritten version of Angular 1.
Some other features of Angular 4 are:
Angular 5 is an open-source web application framework which is based on TypeScript. There are lots of new features and improvements done in this version like dependency injection, declarative templates, end-to-end tooling, etc. It doesn't bring any significant change from Angular 4.
Features of Angular 5:
Following are the Angular version release dates:
Let's see the Angular version history in details:
History of Angular 1
Angular 1 which was also referred as AngularJS is a JavaScript open-source framework. It was designed especially for single-page web apps which is fully owned by Google. This was the first Angular version launched in the year 2010.
History of Angular 2
Angular 2 is a fully built and completed rework version from Angular 1. It is compatible with mobile devices. Moreover, Angular 2 gives you an option to choose more languages where you can choose your language like ES5, ES6, or TypeScript to write the codes of Angular 2.
History of Angular 4
As discussed earlier, Angular 3 was not released by the Angular team. Angular 4 was released on March 6, 2017, which is compatible with most of the applications. However, there is not any major changes in Angular 4 from Angular 2, and it offers better bug fixed, and alerts compare to Angular 2.
History of Angular 5
Angular five was released in November 2017. In this Angular version, there are some biggest changes has also been made compared to previous Angular. In this version, there is a Build Optimizer that created with the Angular CLI by which allows you to apply build optimizer by default. Besides this, there is an Angular Universal State Transfer also given that supports API and DOM.
Below is a main difference between AngularJS Vs Angular 2:
Angular JS | Angular 2 |
Released by Google in the year 2010. | Released in Sept 2016. |
JavaScript-based framework for creating SPA. | Complete re-write of AngularJS version. |
Still supported but no longer will be developed. | It's updated version regularly released because of Semantic Versioning. |
The architecture of AngularJS is based on MVC. | The architecture of Angular 2 is based on service/controller. |
AngularJS was not developed with a mobile base in mind. | Angular 2 is a mobile-oriented framework. |
AngularJS code can write by using only ES5, ES6, and Dart. | We can use ES5, ES6, Typescript to write an Angular 2 code. |
Based on controllers whose scope is now over. | Nowadays, the controllers are replaced by components, and Angular two is completely component based. |
Factory, service, provider, value and constant are used for services | The class is the only method to define services in Angular2 |
Run on only client-side | Runs on client-side & server-side |
ng-app and angular bootstrap function are used to initialize | bootstrapmodule() function is used to initialize |
Following is the key difference between Angular 2 Vs Angular 4:
Angular 2 | Angular 4 |
The code generated using Angular 2 is bigger, and the file size is also larger. | Angular 4.0 has reduced the bundled file size by 60%. Thus code generated is reduced which helps to accelerate the application performance. |
Angular two is not backward compatible with Angular JS. | Angular four is backward compatible with Angular 2 for most applications. |
There is no specific no proper disapproval phases to adjust codes. | There will be proper disapproval phases to allow developers to adjust their code |
There is no animation feature offers in Angular 2. | Animation features are pulled out of @angular/core and included into their package |
Here is the difference between Angular 4 Vs Angular 5:
Angular 4 | Angular 5 |
Support for Router ParamMap | New Router Lifecycle Event |
Dynamic Components with NgComponentOutlet | Compiler Improvements |
TypeScript 2.4 with this version that functions as a JavaScript superset that can be used for optional static typing, interfaces, and classes | Angular 5 comes with build optimizer which is a part of the platform's command like a tool. |
HTTP Request Simplified | Optimization with HttpClient Feature |
Includes Animation Package | Internationalized Date & Currency |
Sometimes the built-in filters in Angular cannot meet the needs or requirements for filtering...
AngularJS is a JavaScript framework used for creating single web page applications. It allows you...
We have prepared the most frequently asked Angular interview questions and answers that acquaint...
Nowadays, everyone would have heard about the "Single Page Applications". Many of the well-known...
Displaying repeated information Sometimes we may be required to display a list of items in the...
What is Angular JS Expressions? Expressions are variables which were defined in the double braces...