Everything about Angular From v1 - v12 - 2021

Angular is a platform where you can build Web and Mobile Application. It is a JavaScript open-source front end Web-Application framework.

Angular is specially developed to create efficient SPA(Single Page Applications).

You can build your Application by suing Html and types script. Angular works with type script and It is also written in TypeScript.

Many people around the globe confused about AngularJS and Angular. So this article is prefect for you all guys where you will learn the evolution of Angular. 

This article does not intend to be a guide to learn about its feature and architecture, rather it tries to summarize and provide a evolution of Angular over time.

Angular has a long history of version updates

AngularJS was created, as a side project, in 2009 by two developers, Misko Hevery and Adam Abrons. They created a end-to-end tool that allowed web dev and designers to interact with both the frontend and the backend.

On a Confrance Misko Hevery talked about his journey where he eventually began working on a project at Google called Google Feedback. Hevery and 2 other developers wrote 17,000 lines of code over the period of 6 months for Google Feedback. However, as the code size increased, Hevery began to grow frustrated with how difficult it was to test and modify the code the team had written.

So Hevery made the bet with his manager that he could rewrite the entire application using his side GetAngular project in two weeks. Hevery lost the bet. Instead of 2 weeks it took him 3 weeks to rewrite the entire application, but he was able to cut the application from 17,000 lines to 1,500 lines. 

Because of Hevery’s success, his manager took notice, and Angular.js development began to accelerate from there.

Hevery and his manager and Brad started working with GetAngular and renamed it to AngularJs with few advancement. They build a team and maintain this AngularJs with Google.

Google started their support with AngularJs and invested more resources on to it.

As you all know Angular is a open source framework. So many top contributors were non Googlers but they all were hired by Google when the started working continuously with AngularJS.

AngularJS 1.x 

• Angular 1.x is mainly referred as AngulaJs or Anguar.js.
• Written in JavaScript.
• Open Source Framework .
• Maintained by Google.
• Initially released on Oct2010.

Angular 2

• It is rewrite of AngularJs or Angular 1.x by AngularJs developers team. Known as Angular 2.
• Release in Sept 2016.
• Written in TypeScript.
• You can write scripting in TypeScript.
• Supports Mobile application.

Angular 3

It is skipped bcause of mismatch version of @angular/core, @angular/compiler and @angular/router libraries.

So Angular team skipped this version to sync up the all versioning mismatch.

Angular 4

• Released in March 2017.
• No major changes in this. It is same as Anguar 2.
• To make Httprequests from App they introduce HttpClient.
• FCompilation becomes faster and few Bug fixes.

Angular 5

• Released in Nov 2017.
• Make Angular 5 light weighted as compare to 4.
• @angular/http module was used to make Http request. But no it is replaced with @angular/common/http library.
• While exporting you can give multiple names to your component.

Angular 6

• Released in May 2018.
• Updated Angular Command Line interface(Angular CLI). In this new commands added like ng-update to migrate from the previous version to current version and ng-add to quickly add application features to make the application progressive web apps.
• Angular material Updated.
• Component Development Kit Updated.
• FormBuilder supports multiple validators.

Angular 7

• Release in Oct 2018.
• Angular CLI updated and it supports intellisense support. Means it prompts commands while typing i.e @ng new. ng add etc.
• Supports drag and Drop interface.

Angular 8

• Released in May 2019.
• Loading of modern JavaScript, dynamic imports for lazy routes, support for web workers.

Angular 9

• Released in Nov 2019.
• This is the current version of Angular. 
• Faste testing, debugging.
• Visual Studio Code and WebStorm will benefit from some improvements. For example, the URL definition will become more consistent. Style URLs will be checked in the same way as template URLs.

Angular 10

• New Date Range Picker
• Enhanced Community Engagement
• Boost in ngcc Performance
• Compiler Update
• Async Locking Timeout
• Optional Stricter Settings  ( ng new –strict ) -  After allowing this flag, it starts with the new project using some new settings that enhances maintainability, allows the CLI for performing advanced optimizations on the app, and helps catch bugs properly beforehand.

Angular 11

• Faster Builds
• Webpack 5 Support
• Improved Logging and Reporting
• Automatic Font Inlining

Angular 12

• Ivy Everywhere (View Engine will be removed from Angular)
• Goodbye Protractor
• Deprecating Support for IE11
• Nullish Coalescing supports 

Before - {{ result !== null && result !== undefined ? result : calculateResult() }}

Now - {{ result ?? calculateResult() }}

• New update in i18n Message IDs

Hope you like this post. Keep us update via your comments if you have any doubt or post need some correction.