AngularJS 2.0 - New Paradigm of Application Development

Notes: If you experience audio issues during the webinar, you can dial in through telephone details provided

to you in your registration confirmation email. Please feel free to post questions in the questions dialog and we will try to answer as many as we can

at the end. Recording of this session will be shared in next 24-48 hours. You can also write to us at marketing@winwire.com for any clarifications or information.

AngularJS 2.0 - New Paradigm of Application Development

Session Speaker

Abhishek ChandraTechnical Lead WinWire Technologies

Agenda

Demo

Core concepts of AngularJS 2.0

What’s New in AngularJS 2.0

Motivations

Questions

12345

Motivations

Performance

Better Browsers

Mobile

Ease of Uses

ECMAScript 6

Motivations

Performance

What’s New in AngularJS 2.0

Removed $scope

HTML template syntax

Removed Controllers

Removed Directive Definition

Object Removed

angular.moduleRemoved

jqLiteFocus on

ECMAScript 6 (and also AtScript)

Unified around Web

Components

Typescript

• A typed superset of JavaScript• Compiled (transpiled) to

JavaScript for run-time use. • Has strong support under

Visual Studio and WebStorm

Comparing Angular 1.x and AngularJS 2.0

AngularJS 1.x

• Create Module• Declare ng-app • Create Controller• Attach items to $scope• Declare Controller • Create template

AngularJS 2.0

• Create component• Create template • Bootstrap • Transpilation

Upgrading to AngularJS 2.0

ngUpgrade

ngForward

Components

Component Hierarchy

Child Component 2

Child Component 3

AppChild Component 1

Local Variables

Event Handlers

Property Bindings

Template Syntax

Uniformity

Demo

Q & ANext WebinarTopic : Azure IoT HubWhen: Feb 10th 2016 at 9am PT

http://www.winwire.com/blog-winsights/

www.twitter.com/winwire

marketing@winwire.com

www.winwire.com