SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
Learn the three approaches to upgrading from Angular 1.x to Angular 2.0. In this presentation I discuss the benefits of TypeScript and go hands-on migrating an Angular 1 app to Angular 2 using ngUpgrade.
Learn the three approaches to upgrading from Angular 1.x to Angular 2.0. In this presentation I discuss the benefits of TypeScript and go hands-on migrating an Angular 1 app to Angular 2 using ngUpgrade.
1.
Angle Forward with
TypeScript
MIGRATING NG1 TO NG2
Jeremy Likness (@JeremyLikness)
Director,Application Development
iVision http://bit.ly/ivisionappdev
Blog http://bit.ly/coderblog
2.
In the Next 20 Minutes …
• WhyTypeScript?
• Three Approaches to Upgrading and/or Migrating
• Hands-on Example
• Conclusion
3.
Why TypeScript?
• It’s what the Angular 2 team is using: http://typescriptlang.org/
• Makes the module question easy to answer (AMD, CommonJs,
SystemJs, etc.)
• Superset of JavaScript
• Targets ES5, ES6/ES2015, etc.
• Types, Interfaces, Classes, Modules, Function Definitions, Generics,
Declarations and Decorators
• Type Libraries /Visual Studio Code
4.
Three Approaches to Upgrading/Migrating
1. Big Bang – all at once (upgrade case study: http://bit.ly/ngupgcase)
2. ngForward – tomorrow’s format, today
3. ngUpgrade – piecemeal or side-by-side
* Note: lose $scope and $watch. Controller As if you please.
Prepare Bootstrap Upgrade Downgrade Migrate