Angular History

Angular is a platform that makes it easy to build applications with the web.

Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges.

Angular empowers developers to build applications that live on the web, mobile, or the desktop

Till now Google has released the following Angular versions which are popular for client-side javascript.

  • AngularJS usually referred to as “Angular.js” or Angular 1.x
  • It is a JavaScript-based open-source front-end web application framework.
  • It is mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.
  • It aims to simplify both the development and the testing of applications by providing a framework for client-side model–view–controller (MVC) and model–view–viewmodel (MVVM) architectures, along with components commonly used in rich Internet applications.

It was initially released in Oct 2010 (7 years ago).

  • Current stable version is 1.6.10 (v1.7 is near to release)
  • Angular development code is written in JavaScript

Official Site : https://angularjs.org/

Angular 2 is a complete rewrite from the same team that built AngularJS.

It is written entirely in TypeScript.

Angular 1.x was not built with mobile support in mind, where Angular 2 is mobile oriented.

It was released in September 2016.

It provides more choice for languages. You can use any of the language from ES5, ES6, TypeScript or Dart to write Angular 2 code.

Official Site : https://angular.io/

Info :

Find the Difference between Angular JS and Angular 2+

Angular 3 was skipped.

Reason behind this is that version mismatch between @angular/core, @angular/compiler  and @angular/router libraries.

For Angular 2 version for core and router is like this

  • @angular/core                      v2.3.0
  • @angular/compiler              v2.3.0
  • @angular/compiler-cli         v2.3.0
  • @angular/http                       v2.3.0
  • @angular/router                   v3.3.0

Now the problem is with the @angular/router, which is already in a 3.X version. and that’s because of some active and huge developments on the router section, like route-preload.

Now releasing Angular as version 3, with it’s route on version 4 will create confusion

To avoid this confusion they decided to skip the version 3 and release with version 4.0.0, so that every major dependency are on the right track.

  • Angular 4 was released in March 2017.

This release is backwards compatible with 2.x.x for most applications.

There is no major change in Angular 4 from Angular 2.

Angular 4 is not a complete rewrite of Angular 2

Angular team has laid emphasis on making angular apps more faster, compact .

  • Under the hood changes : New changes reduce the size of the generated code for your components by around 60% in most cases.
  • Faster Compilation
  • Better Bug fixes Alert.

Some Changes from Angular 2 : 

Animations being pulled out of @angular/core so as to remove the extra code being imported into our production bundle .Though you can easily add animation by importing {BrowserAnimationsModule} from @angular/platform-browser/animations into NgModule.

Renderer 2 in place of Renderer from same ‘@angular/core’.

*ngIf/else : Now you can use else clause as well .

No need to write a pattern for email validation in Angular 4.

TypeScript 2.1 and 2.2 compatibility: Finally We can use typescript 2.1 or more earlier only upto typescript 1.8 was supported.

Angular 5 was released in November 2017.

Here’s a breakdown of some of the biggest changes in v5. For the full list, please see the changelog

Build Optimizer : production builds created with the Angilar CLI will now apply the build optimizer by default.

Angular Universal State Transfer API and DOM Support.

Compiler Improvements

Internationalized Number, Date, and Currency Pipes

HttpClient : @angular/http is deprecated in Angular 5. It is replaced with @angular/common/http library.

HttpModule is not more use in Angular 5. It is replaced by HttpClientModule of @angular/common/http library in each of your modules, inject the HttpClient service, and remove any map(res => res.json()) calls, which are no longer needed.

Angular CLI v1.5 will generate v5 projects by default.

Angular Forms adds updateOn Blur / Submit

RxJS 5.5 support

New Router Lifecycle Events : GuardsCheckStart, ChildActivationStart, ActivationStart, GuardsCheckEnd, ResolveStart, ResolveEnd, ActivationEnd, ChildActivationEnd

Recently Angular 6.0.0 released. Angular 6 is released with Angular CLI 6 and Material 6.

Refer Angular 6 Features for detail information of whats new in angular 6, and find Angular CLI 6 and Material 6 Features here.

Important Features of Angular 6 for performance improvement are 

  • Ivy Renderer
  • Bazel Compiler
  • Closure Compiler
  • Component Dev Kit (CDK)

Important Angular 6 features with respect to the development purpose

  • Typescript 2.7.x support
  • Added Forms Features
  • Router: Added navigationSource and restoredState to NavigationStart event.
  • Optional generic type for ElementRef 

For more detail information of each feature refer Angular 6 Features

As you have seen above Angular is improved with better features, easy syntax, and faster performance.

From JavaScript to TypeScript, which provides an Object Oriented development environment.

As Angular Team have announced that they will release new angular version on every six months with added features.

Tentative Schedule After September 2017

DateStable ReleaseCompatibility
March/April 20186.0.0^5.0.0
September/October 20187.0.0^6.0.0

If you like this information and find it interesting or useful - share it
Close Menu