Download to read offline
AngularJS to Angular 2
Angular 2 is a complete rewrite of AngularJS that focuses on mobile development. It uses TypeScript for static typing and classes, and features a component-based architecture, improved dependency injection, and asynchronous template compilation. To migrate to Angular 2 from AngularJS, developers should follow a 10 step plan including updating to the latest AngularJS version, developing new features with Angular 2 components, switching controllers and directives to components, adding TypeScript, and implementing manual bootstrapping.
AngularJS to Angular 2
- 1. ANGULARJSTO ANGULAR 2 AliciaGuerra alicia.developer@aliciaguerra.com
- 2. What is Angular2? ■ A development platform for building mobile and desktop web applications. ■ Not a version update of AngularJS, but a complete rewrite. ■ Moved into Beta in December 2015, first release candidate was published May 2016.
- 3. How is Angular2 Different From AngularJS? ■ Mobile Development ■ Modern ■ Component-Based ■ TypeScript ■ Improved Dependency Injection ■ Dynamic Loading ■ AsynchronousTemplate Compilation ■ Diary.js Logging
- 4. What isTypeScript? ■ Freeand open-source programming language. ■ Developed and maintained by Microsoft. ■ Strict superset of JavaScript. ■ First made public in October 2012. ■ Supported on IDEs.
- 5. How isTypeScript Differentfrom JavaScript? ■ Type Annotations ■ Declaration Files ■ Classes ■ Generics ■ Namespaces ■ Tuples
- 7. Angular 2 MigrationPlan ■ 1. Use Style Guide ■ 2. Update to LatestVersion of Angular 1 ■ 3. All New DevelopmentWith Components ■ 4. Switch Controllers to Components ■ 5. Switch Component Directives to Components ■ 6. Switch Component Directives to Components ■ 7. Implement Manual Bootstrapping ■ 8. AddTypeScript and a Build ■ 9. Start Using ES6 ■ 10. Switch Controllers to ES6 Classes ■ 11. Switch Services to ES6 Classes
- 8. Contact Me Alicia Guerra Email:alicia.developer@aliciaguerra.com Twitter: @skepchick92