www.PragimTech.

com
Pragim@PragimTech.com

Angular 2 Tutorial

Part 1 - Introduction to Angular 2

Venkat
PRAGIM Technologies
kudvenkat@gmail.com
http://csharp-video-tutorials.blogspot.com

1
In this session we will learn
Why should we use Angular 2 while many developers are
already using Angular 1

Java, Dot Net & SQL Server Tutorials

http://www.youtube.com/user/kudvenkat/playlists
2
http://csharp-video-tutorials.blogspot.c
Introduction to Angular 2
If you are in need of the DVD with all the videos and PPTs, please visit
http://pragimtech.com/order.aspx

Angular 1 was released in October 2010

Why Angular 2
Performance : Angular 2 is 5 times faster compared to AngularJS 1

Mobile Support : With Angular 2 we can build a single application that works
across mobile and desktop devices

Component Based Development : In Angular 2, everything is a component

Components are the building blocks of an Angular application

More language choices

ECMAScript 5
ECMAScript 6 (also called ES 2015)
TypeScript
Dart Please note : Among all these
PureScript languages TypeScript is the most
Elm, etc popular language

3
http://csharp-video-tutorials.blogspot.c
Introduction to Angular 2
Angular 2 itself, is built using TypeScript. TypeScript has great support of
ECMAScript 6 standard

What is ECMAScript
The JavaScript language standard is officially called ECMAScript

ECMAScript 1 till ECMAScript 7 were release over the past several years

Most modern browsers available today support ECMAScript 5

The browser support for ECMAScript 6 is still incomplete

Transpilation compiles ECMAScript 6 to ECMAScript 5

ECMAScript 6 is officially known as ECMAScript 2015

New features in ECMAScript 2015 - Classes, Modules, Arrow functions etc.

To lean more about ECMAScript

https://en.wikipedia.org/wiki/ECMAScript

4
http://csharp-video-tutorials.blogspot.c
Introduction to Angular 2
What is TypeScript
Free and open-source programming language developed by Microsoft

Superset of JavaScript

Transpilation Compiles TypeScript to JavaScript

TypeScript Benefits
Intellisense

Autocompletion

Code navigation

Advanced refactoring

Strong Typing

Supports ES 2015 (ES 6) features like classes, interfaces & inheritance

TypeScript is supported by several code editors

Visual Studio

Visual Studio Code

Eclipse

WebStorm

Atom

Sublime Text etc.

5
http://csharp-video-
Additional Resources
PRAGIM Home Page:
www.PragimTech.com
Resources:
C#, ADO.NET, ASP.NET, SQL Server & MVC youtube Playlists
http://www.youtube.com/user/kudvenkat/playlists

Code samples and text version of all the videos on my blog

http://www.csharp-video-tutorials.blogspot.com