Upload
winwire-technologies-inc
View
567
Download
3
Embed Size (px)
Citation preview
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 [email protected] 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
www.winwire.com