AngularJS to Angular 2

8
ANGULARJS TO ANGULAR 2 Alicia Guerra [email protected] om

Transcript of AngularJS to Angular 2

Page 1: AngularJS to Angular 2

ANGULARJS TO ANGULAR 2

Alicia [email protected]

Page 2: AngularJS to Angular 2

What is Angular 2?■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.

Page 3: AngularJS to Angular 2

How is Angular 2 Different From AngularJS?■Mobile Development

■Modern ■Component-Based■TypeScript■Improved Dependency

Injection■Dynamic Loading■Asynchronous Template

Compilation■Diary.js Logging

Page 4: AngularJS to Angular 2

What is TypeScript?■Free and open-source

programming language.■Developed and maintained by

Microsoft.■Strict superset of JavaScript.■First made public in October

2012.■Supported on IDEs.

Page 5: AngularJS to Angular 2

How is TypeScript Different from JavaScript?■Type Annotations■Declaration Files■Classes■Generics■Namespaces■Tuples

Page 6: AngularJS to Angular 2
Page 7: AngularJS to Angular 2

Angular 2 Migration Plan■1. Use Style Guide■2. Update to Latest Version of Angular 1■3. All New Development With Components■4. Switch Controllers to Components■5. Switch Component Directives to Components■6. Switch Component Directives to Components■7. Implement Manual Bootstrapping■8. Add TypeScript and a Build■9. Start Using ES6■10. Switch Controllers to ES6 Classes■11. Switch Services to ES6 Classes

Page 8: AngularJS to Angular 2

Contact MeAlicia GuerraEmail: [email protected]

Twitter: @skepchick92