The Plan

In this lecture we will briefly go over our 10 step plan on how to migrate an AngularJS application to Angular. In later lectures we wil go into each step in much more detail.

1. Single Responsibility

Follow single responsibility by making sure each file always contains only a single entity.

2. TypeScript & Webpack

Add TypeScript & Webpack. Seriously, do it. This will make your life a lot easier as we make our way through the migration process.

3. AngularJS 1.5

Migrate to at least AngularJS 1.5 to make use of components when converting your application to Angular.

4. Component’ify

Breakdown your AngularJS code into components.

5. Modernize

Modernize your AngularJS application with modern Javascript and TypeScript techniques.

6. Dual Boot

Dual boot your application with both AngularJS and Angular at the same time.

7. Services → Angular

Convert all AngularJS services to Angular services.

8. Components → Angular

Convert all AngularJS components to Angular components.

9. Routing → Angular

Take all Routing and convert it into Angular in one go.

10. Remove AngularJS

Finally, lets clear out the mess to see our migrated application in all its glory!

Caught a mistake or want to contribute to the book? Edit this page on GitHub!

Advanced JavaScript

This unique course teaches you advanced JavaScript knowledge through a series of interview questions. Bring your JavaScript to the 2021's today.

Level up your JavaScript now!

[🌲,🌳,🌴].push(🌲)

If you find my courses useful, please consider planting a tree on my behalf to combat climate change. Just $4.50 will pay for 25 trees to be planted in my name. Plant a tree!