Ultimate AngularJS to Angular Migration Guide

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

Learn how to migrate a legacy AngularJS application to a more current version of Angular.

This is a really practical migration course, we will cover topics such as:

  • How to migrate an AngularJS codebase using the official ngUpgrade module.

  • How to use modern tooling such as TypeScript/WebPack in your AngularJS app.

  • How to migrate routing, specifically we cover migrating from uiRouter in AngularJS to the built in Angular router.


But also we are going to cover some really practical real-life topics as well such as:

  • How to also migrate all those 3rd party modules your using in your AngularJS app.

  • We have a section where we troubleshoot common issues, which I've gathered from working with clients on actual migration projects and answering questions for students.

  • If all else fails, if the ngUpgrade approach doesn't work for you, then I'm also going to teach an alternative catch-all migration approach I developed and later presented at the Angular Connect conference in London called iframe migration.


Course Components

  • Every migration is unique, so to keep you grounded I first teach a mental model, a way to think about migration.

  • I then teach my 10 step plan for migration, this is a plan I developed and used successfully with a number of clients.

  • We then go through a real case-study and using the 10 step plan we migrate an application from AngularJS to Angular.

  • All the code for the case-study is available online via github with a separate branch for each step. I recommend you code along with me all the way through, however If you get stuck you can compare your code to the code on github for that step to make sure you got everything right.

  • At the end I cover some bonus material including a section on trouble-shooting and a section on my alternative iframe migration strategy.


  • Modernise a legacy AngularJS application to use TypeScript and WebPack

  • Migrate an AngularJS 1.x to Angular 2+ using ngUpgrade

  • Migrate an AngularJS 1.x to Angular 2+ using iFrameMigration

Course Curriculum

2 Lectures

2 Lectures

Instructors

Profile photo of Asim Hussain
Asim Hussain

Over 17 years experience working for organisations such as the European Space Agency, Google and now Microsoft. Regular conference speaker and published author. Wrote my first program in 1988, my first website in 1996, earned a 1st Class Degree in Computer Science in 2000 and now 18 years later I am a Cloud Developer Advocate for Microsoft, my job is...

Instructors

Profile photo of Lilit Vahanyan
Lilit Vahanyan

More Courses By Asim Hussain
Review
4.9 course rating
4K ratings
ui-avatar of Mahesh Gujar
Mahesh G.
3.0
10 months ago

Overall, steps does work as expected but still since the content is almost 6-7 years old hence, It needs to be updated to most recent angular version migration

  • Helpful
  • Not helpful
ui-avatar of Banu Kannan
Banu K.
4.5
1 year ago

Its very amazing experience

  • Helpful
  • Not helpful
ui-avatar of Josiah Russell
Josiah R.
4.0
2 years ago

Seems to be very helpful so far. Has helped to organize my approach to this scary task of Migrating.

  • Helpful
  • Not helpful
ui-avatar of Sascha Seidel
Sascha S.
3.5
2 years ago

Lots of information that may be useful, if you sticked to the basic concepts of AngularJS in the first place. If your AngularJS project is messed up already, unfortunately, migration might still be difficult, despite taking this course.

Additionally, the sample project is very simple and straight forward to migrate. I suspect that most projects in the wild are more complex and less easy to migrate.

The course is very well structured nonetheless, but I will probably not be able to apply most of the techniques and tips given.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
3 years ago

Nice and compact course covering most of scenarios and solutions without extra fluff. Useful as a reference material during the actual migration as well.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
4 years ago

This is a very good match for what I'm looking for.

  • Helpful
  • Not helpful
ui-avatar of Christian FRANCOIS
Christian F.
4.5
5 years ago

Very interesting course abouta angular JS migrationr

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
5 years ago

Very informative so far with solid explanations on the mindset ahead of going into the actual code.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
6 years ago

helps me a lot with the migration of a project.

  • Helpful
  • Not helpful
ui-avatar of Dennis Bishop
Dennis B.
4.5
6 years ago

This course was great in helping me learn more Angular, the differences are between Angular and AngularJS, and the WHYs behind the upgrade.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses