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/85/Angle-Forward-with-TypeScript-6-320.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.
More Related Content
Similar to Angle Forward with TypeScript
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?