Difference between AngularJS, Angular 2 and Angular 4

Text version of the video

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

Slides

Angular 2 Tutorial playlist

Angular 2 Text articles and slides

All Dot Net and SQL Server Tutorials in English

All Dot Net and SQL Server Tutorials in Arabic

So far Google has released 3 versions of Angular
Version Year
------------ ------
AngularJS 2010
Angular 2 2016
Angular 4 2017

What is the difference between AngularJS and Angular 2
The first version of Angular is called AngularJS and was released in the year 2010. Some people call it Angular 1, but it is officially called AngularJS.

Angular 2 is released in the year 2016. The most important thing to keep in mind is that, Angular 2 is not a simple upgrade from angular 1.

Angular 2 is completely rewritten from the ground up and as a result the way we write applications with AngularJS and Angular 2 is very different.

From a performance standpoint, Angular 2 is 5 times faster compared to AngularJS.

AngularJS was not built for mobile devices, where as Angular 2 on the other hand is designed from the ground up with mobile support in mind.

With Angular 2 we have more language choices. In additon to nativa JavaScript we can use TypeScript, Dart, PureScript, Elm, etc.

Angular 4 is released in 2017. So, What is the difference between Angular 2 and Angular 4

If you have worked with both Angular 1 and Angular 2, then you already know that the API's and patterns that we use to build applications are very different between these 2 versions. From a developer stand point, it is like learning 2 different frameworks. Since Angular 2 is a complete rewrite from Angular 1, moving from Angular 1 to Angular 2 is a total breaking change.

However, changing from Angular 2 to Angular 4 and even future versions of Angular, won’t be like changing from Angular 1. It won’t be a complete rewrite, it will simply be a change in some core libraries. From a developer standpoint, building an application using Angular 2 and Angular 4 is not very different. We still use the same concepts and patterns. Angular 4 is simply, the next version of Angular 2. The underlying concepts are still the same and if you have already learnt Angular 2 then you’re well prepared to switch to Angular 4.

The most important point to keep in mind is, Angular 4 is backwards compatible with Angular 2 for most applications.

What has changed and what is new in Angular 4

Some under the hood changes to reduce the size of the AOT (Ahead-of-Time) compiler generated code. Migrating to Angular 4 may reduce the production bundles by hundreds of kilobytes. As a developer this change will not affect the way we write angular applications in any way.

TypeScript 2.1 and 2.2 compatibility. Angular is updated with a more recent version of TypeScript, for better type checking throughout our application. Up until Angular 4, only TypeScript 1.8 was supported. With Angular 4, we can use typescript 2.1 or 2.2 which means we can use all the new features of TypeScript with Angular 4.

Animation features are pulled out of @angular/core and are moved into their own package. This means that if you don’t use animations, this extra code will not end up in your production bundles. On the other hand, if you do have animations in your application, you may have to change your existing code to pull the animation features from the animations package.

We can now use an if/else style syntax with *ngIf structural directive. In Angular 2, to implement if/else logic, we use 2 *ngIf structural directives. With Angular 4, we can use it's new if/else style syntax with *ngIf structural directive. We will discuss an example of this in our upcoming videos.

What happened to Angular 3. Why did we move straight from Angular 2 to Angular 4. What is the reason for skipping Angular 3.
Except the Router library, all the other Angular core libraries are versioned the same way and are shipped as NPM packages as you can see below. While all the other core angular packages are at Version 2, the router library is already at Version 3.

Common Questions
Do I have to learn AngularJS 1 before learning Angular 2
Do I have to learn Angular 2 before learning Angular 4

[roodborstkalf]

Your series are quiet comprehensive and detailed. There is a good mix between theory and examples. You also cover a lot of material without wasting time. In my opinion you succeeded in creating some of the best series explaining computer languages that can be found on the internet, of which your Angular 2 series is the most recent example. That's quiet an achievement of which you can be justifiably very proud of.

[harshtyagi]

All part are knowledge about providers have got only from your vedios..thanks a lot.

[SANJEEVKUMAR-sjvx]

This is really a good series. For some days, i was thinking that you will provide some guideline regarding Angular 4. Today, on seeing that video, I am very happy, It is very useful series for me & all the new developer who are crazy to Angular.

Please add some more video for Angular.
Also some my friends suggests that can you give some session for Angular Material Design. Material design is providing best design & amazing UserInterface.

[shahzaibriaz]

Awllla. God Bless You Kudvenkat..
My main Question is "Is it necessary to learn Angular JS 1.x before learning Angular 2 or Angular 4"
Me was searching the answer of this question around 1 week But now Everything is Cleared.
THANK YOU SOO SOO SOO MUCH DEAR

[gautamchoudhary]

This really helped me understanding the very concepts of .TS files and .JS files and also understood what the word Angular really means. Thanks :D

[AnilBM]

Thanks for your suggestion, i am new to angular. Thought to learn angular js first, then angular 2. thanks for saving my time.

[sanatanShishya]

Very nice and to the point informatic video....thanks i hope your channel will become best of one..!!

[kamdemkakengne]

Thank you so much Venkat! I've learned a lot from you !

[LigiaFortes]

Thanks for putting into words the difference between Angular 2 and Angular JS.

[THILLAIRAJA]

Thanks for the great entire tutorial sir...

[KDR]

Thanks for the video! I could solve some doubts that I had about how to start with Angular

[nvenkat]

kirak easy learn from your teaching.. covered all of interview questions. :)

[fkamss]

Thank you very much for your valuable tutorial sir, we look forward to see authentication part and how sessions manage in Angular 2+

[sarveshm]

this is what i hate; when they are done releasing a new version; they get tired and workless; again they start developing new version. By the time I will learn Angular2 they will release angular 10, who knows? Same is the case with Visual Studio, mvc, asp.net core creators.

[harikagunti]

Hi, I am working on sockets, I am created socket connection in first component, same socket connection am unable to pass to the second component, So please help me how to solve.

[valentineonuchukwu]

KUDOS TO THE MOST HONOURED IN PROGRAMMING...KUDVENKAT!...I Enjoyed everybit of your tutorial.Sir! can you produce a tutorial on using sql server to store Biometric data, especially fingerprint, image and as well as retrieving the information stored, when a request is made to authenticate/validate a user!..Pls respond!, this concept has not be demonstrated in all your tutorials.Thanks

[stevedecker]

So AngularJS and Angular 2 is like .Net Framework 1.1 and 2.0 as in having to rewrite all your code? Nice!

[scshil]

I have found my questions answer. Thank you.

[vikassharma]

@Ashar Hussain ..yes bro we all are waiting for that.

[hirakpatel]

Sir, I love your videos. They are just awesome. Can you please make a tutorial on saving Employee Data.
Thank you