Download to read offline
![Quick Reference • [service, factory, value, etc.] => provide and/or resolveAndCreate • Directives -> Directives or Components • Components have UI, directives may just be behavior • Controllers -> Components • Services -> Services • Filters -> Pipes](https://image.slidesharecdn.com/angleforwardwithtypescript-160121123953/75/Angle-Forward-with-TypeScript-6-2048.jpg)
Uploaded byJeremy Likness
Angle Forward with TypeScript
The document discusses migrating AngularJS (ng1) applications to Angular (ng2) using TypeScript, highlighting its benefits such as being a superset of JavaScript and its compatibility with modern module systems. It outlines three approaches to the migration: big bang, ngforward, and ngupgrade, and shares a quick reference for changes in architecture, including the transition from controllers to components. It concludes with links to additional resources and an invitation for further questions.
Angle Forward with TypeScript
- 1. Angle Forward with TypeScript MIGRATINGNG1 TO NG2 Jeremy Likness (@JeremyLikness) Director,Application Development iVision http://bit.ly/ivisionappdev Blog http://bit.ly/coderblog
- 2. In the Next20 Minutes … • WhyTypeScript? • Three Approaches to Upgrading and/or Migrating • Hands-on Example • Conclusion
- 3. Why TypeScript? • It’swhat 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 toUpgrading/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
- 5.
- 6. Quick Reference • [service,factory, value, etc.] => provide and/or resolveAndCreate • Directives -> Directives or Components • Components have UI, directives may just be behavior • Controllers -> Components • Services -> Services • Filters -> Pipes
- 7. What’s next? • FullUpgrade Case Study: http://bit.ly/ngupgcase • Controller As: http://bit.ly/ngctrlas • Twitter: @JeremyLikness • Blog: http://bit.ly/coderblog • GitHub: https://github.com/JeremyLikness/ToDoNg1ToNg2 • Special Offer: Introduction to Angular 2 withTypeScript • http://bit.ly/ng2video • Promo Code LIKNESS-16 for free trial (no credit card required) • Reach out to me anytime! jlikness@ivision.com • QUESTIONS?