angularjs to angular 2
TRANSCRIPT
![Page 2: AngularJS to Angular 2](https://reader036.vdocuments.net/reader036/viewer/2022062502/58a9cfb51a28ab403d8b5fcd/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062502/58a9cfb51a28ab403d8b5fcd/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062502/58a9cfb51a28ab403d8b5fcd/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062502/58a9cfb51a28ab403d8b5fcd/html5/thumbnails/5.jpg)
How is TypeScript Different from JavaScript?■Type Annotations■Declaration Files■Classes■Generics■Namespaces■Tuples
![Page 6: AngularJS to Angular 2](https://reader036.vdocuments.net/reader036/viewer/2022062502/58a9cfb51a28ab403d8b5fcd/html5/thumbnails/6.jpg)
![Page 7: AngularJS to Angular 2](https://reader036.vdocuments.net/reader036/viewer/2022062502/58a9cfb51a28ab403d8b5fcd/html5/thumbnails/7.jpg)
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