Sales Ended

AngularJS Migration Workshop (1 Day)

Event Information

Share this event

Date and Time

Refund Policy

Refund Policy

Refunds up to 7 days before event

Event description


If you have ever started blankly at your old AngularJS controller, with it's precariously balanced set of $scope.$watches, copious use of third party modules and wondered how the hell to re-implement that in your new Angular app, then this workshop is for you.

Migrating from AngularJS (v1) to Angular (v5+) is a daunting prospect. Most content online talks about how to migrate in a "big bang" approach. When your product processes millions every day, using the word "big bang" doesn't engender a lot of support from senior managers or stakeholders.

This workshop teaches a 10 step migration strategy using the Angular ngUpgrade module which can be applied to any AngularJS application.

This is a hands-on workshop with a split of about 50% lecture and 50% lab based excercises. You will learn by going through a real AngularJS application and migrating it step-by-step to Angular, at each step you will have an application you can release into production.

We'll also cover a number of practical topics that are not covered in the other material in this subject,

Program outline/syllabus


  • Mental Model
  • The Plan
  • The Case Study

The 10 Step Plan

  • Apply the style guide
  • Use TypeScript & build tools
  • Upgrade to AngularJS 1.5+
  • Component’ify
  • ES6’ify
  • Dual Boot
  • Migrate Services to Angular
  • Migrate Components to Angular
  • Migrate Routing to Angular
  • Remove AngularJS

The F.A.Q.

  • What about $scope.$watches?
  • What about 3rd party modules?
  • What do I do with all my emit and broadcast code?


This workshop will be an online workshop held from 15:00 to 23:00 GMT (please check the time in your local timezone), this is a compromise time to accomodate both EU and US students.

We will be using slack to chat and for the lectures.

This workshop contains a lot of lab time for you to practice what you've learnt and ask questions if you are stuck.

At the end of the workshop you will recieve:

  1. A certificate of completion.
  2. A copy of all the course notes, samples and slides.

By the end of this workshop you will know:

  • How to prepare your AngularJS codebase for migration.
  • How to use modern tooling such as ES6/TypeScript/WebPack in your AngularJS app.
  • How to write components in AngularJS.
  • How to run Angular and AngularJS code side by side.
  • How to migrate services, components and routing from AngularJS to Angular.s
  • How to handle 3rd party AngularJS modules.
  • How to migrate routing from ui-router to the Angular Component Router.

The ideal student for this workshop is:

  • Someone with an existing AngularJS application who wants to move to Angular in the next few months or someone who has already started the migration process and is stuck.
  • You must be very comfortable with AngularJS and have some knowledge of the latest version of Angular, at least have done the tour-of-heros tutorial on the website.
  • Some familiarity with TypeScript/ES6 would also be useful but not essential.

Date and Time

Refund Policy

Refunds up to 7 days before event

Save This Event

Event Saved