Topics
Published on May 15, 2017 by kudvenkat
Want create site? Find Free WordPress Themes and plugins.

Text version of the video
csharp-video-tutorials.blogspot.com/2017/05/introduction-to-angular-2.html

Slides
csharp-video-tutorials.blogspot.com/2017/05/introduction-to-angular-2_15.html

Angular 1 was released in October 2010, and by far the most popular JavaScript framework available for creating web applications. Many developers are already using Angular 1, so the obvious question that comes to our mind is why should we use Angular 2.

Angular 2 is not a simple upgrade from angular 1. Angular 2 is completely rewritten, so it has lot of improvements when compared with Angular 1. Let’s look at a few of these improvements.

Performance : From a performance standpoint, Angular 2 has faster initial loads, change detection, and improved rendering time. Not just performance, we also have improved modularity, Dependency injection and testability. According to angular conference meetup, Angular 2 is 5 times faster compared to AngularJS 1.

Mobile Support : Angular 1 was not built for mobile devices. It is possible to run Angular 1 on mobile but we will have to use other frameworks. Angular 2 on the other hand is designed from the ground up with mobile support. Mobile device features and limitations like touch interfaces, limited screen real estate, and mobile hardware have all been considered in Angular 2. So with Angular 2 we can build a single application that works across mobile and desktop devices.

Component Based Development : Component based web development is the future of web development. In Angular 2, “everything is a component”. Components are the building blocks of an Angular application. The advantage of the component-based approach is that, it facilitates greater code reuse. From unit testing standpoint, the use of components make Angular2 more testable. We will discuss what a component is and how to build components with examples in detail, in our upcoming videos.

More language choices : There are several languages that we can use to develop Angular applications. To name a few, we have
1. ECMAScript 5
2. ECMAScript 6 (also called ES 2015)
3. TypeScript etc.

Besides these 3 languages we can also use Dart, PureScript, Elm, etc, but among all these, TypeScript is the most popular language.

Angular 2 itself, is built using TypeScript. TypeScript has great support of ECMAScript 6 standard. So the obvious questions that come to our mind at this point are
1. What is ECMAScript
2. Wha is Type Script

What is ECMAScript : The JavaScript language standard is officially called ECMAScript. Over the past several years many versions of ECMAScript were released starting with ECMAScript version 1 all the way till ECMAScript version 7.

Most of the modern browsers available today support ECMAScript 5. The browser support for ECMAScript 6 is still incomplete. However, using a process called Transpilation, ECMAScript 6 can be converted to ECMAScript 5 which is supported by all the modern browsers. ECMAScript 6 is officially known as ECMAScript 2015. ECMAScript 2015 introduced several new features like classes, modules, arrow functions etc.

If you are interested in reading more about the ECMAScript standard and what these different versions of ECMAScript have to offer, please refer to the the following Wikipedia article.
en.wikipedia.org/wiki/ECMAScript

Wha is Type Script : TypeScript is a free and open-source programming language developed by Microsoft. It is a superset of JavaScript and compiles to JavaScript through a process called transpilation. Using TypeScript to build angular applications provides several benefits.
1. Intellisense
2. Autocompletion
3. Code navigation
4. Advanced refactoring
5. Strong Typing
6. Supports ES 2015 (also called ES 6) features like classes, interfaces and inheritance. If you have any experience with object oriented programming languages like C# and Java, learning TypeScript is easy.

Because of all these benefits writing, maintaining and refactoring applications can be an enjoyable experience. So obviously TypeScript has become the number one choice of many developers for developing Angular applications.

For this course we will be using Visual Studio as the code editor. Besides Visual Studio, TypeScript is supported by several other editors like
1. Visual Studio Code
2. Eclipse
3. WebStorm
4. Atom
5. Sublime Text etc.

So you can use any favourite editor of your choice to build Angular 2 applications using TypeScript.

In our next video, we will discuss Setting up Angular 2 in Visual Studio.

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

141 Comments on "Introduction to Angular 2"

Notify of
avatar

Dipakranjan Sahoo
Guest
Dipakranjan Sahoo
7 days 8 hours ago

plz uplode how to create cursul in angular 4

Dipakranjan Sahoo
Guest
Dipakranjan Sahoo
7 days 8 hours ago

sir please uplode animation and pagination in angular 4

chitmal chandishwar
Guest
chitmal chandishwar
7 days 13 hours ago

Hello sir,
Your videos are very helpful sir, thank you very much. can you please add some videos on Angular 2 Unit test

Md Ekram
Guest
Md Ekram
7 days 13 hours ago

you are awesome sir….. please make video on debugging…..

Md Ekram
Guest
Md Ekram
7 days 13 hours ago

I am waiting for How to Debug Typescript in this series

anji singavaram
Guest
anji singavaram
10 days 21 hours ago

Great Tutorial, You are the Best Teacher. I had learned JavaScript from your tutorial series. Please do tutorials on Mean Stack Development. Thanks for your Videos………

Dipakranjan Sahoo
Guest
Dipakranjan Sahoo
12 days 30 minutes ago

Sir, Plz upload validation video, authgard in angular video

Deepak Sahu
Guest
Deepak Sahu
14 days 7 hours ago

Venkat Sir ,Can you suggest me to choose one of them I'm so confuse that what should choose Angular or React for single page application.Please reply soon.Thanks Deepak Sahu

siva sundaram
Guest
siva sundaram
14 days 14 hours ago

sir i want implement angular 2 via webpack because system js method not supporting in scss style sheet

Ahmed Mohamed
Guest
Ahmed Mohamed
19 days 6 hours ago

hello ,you are recently created an awesome angular 2 tutorial with asp.net framework but could you please give us as additional information about using angualr 2 with asp.net identity because the majority of us have a problem with cors in angualr 2 project and asp.net api project when we ganna use identity provider in it

1 2 3 13
wpDiscuz