Preparing for Migration from AngularJS (1.x) to Angular (2+)

By Joe Eames
Migrating from Angular 1 to Angular 2 doesn't have to be a headache. This course teaches you how to prepare and migrate your AngularJS (version 1.x) applications to Angular (version 2 and above) using the easiest and lowest-risk methods available.
Play course overview
Course info
Rating
(81)
Level
Intermediate
Updated
Jun 1, 2016
Duration
2h 52m
Table of contents
Course Overview
Course Overview 1m
Introduction
Angular Primer 5m Course Agenda 1m Course Goals and Rationale 4m Course Repo 1m Course Structure 1m Migration Overview 8m Migration Preparation Steps 8m Prerequisites 2m The Demo App 9m Welcome 5m Your Migration Plan 1m
Preparing Your Code
Introduction and Installation 5m Step 1: Follow the Style Guide 7m Step 2: Update to the Latest Version of Angular 1 3m Summary 1m Using Controller As with Routing 3m
Adding 1.5 Components
Converting the Admin Login Controller to a Component 6m Converting the Home Controller to a Component 4m Converting the Results Controller to a Component 9m Fixing Tests for Converted Controllers 6m Introduction 1m Step 3: All New Development with Components 2m Step 4: Switch Controllers to Components 1m Summary 0m Switch All Other Controllers 2m
Preparing Directives and Bootstrapping
Introduction 1m Step 5: Remove Incompatible Features from Directives 2m Step 6: Switch Component Directives to Components 5m Step 7: Implement Manual Bootstrapping 3m Summary 0m
Adding TypeScript and ES6
Introduction 0m Start Using TypeScript 3m Step 8: Add TypeScript and a Build 3m Summary 1m TypeScript Basics 5m TypeScript Classes and Interfaces 10m
Using ES6
Arrow Functions and Variable Declarations 5m Classes 3m Destructuring 4m Introduction 0m Multiline Strings 3m Step 9: Start Using ES6 2m String Interpolation 2m Summary 1m
Switching to Classes
Convert Remaining Services to Classes 2m Course Summary 0m Introduction 0m More Complex Service Preparation 5m Step 10: Switch Controllers to ES6 Classes 8m Step 11: Switch Services to ES6 Classes 6m Summary 0m
Description
Course info
Rating
(81)
Level
Intermediate
Updated
Jun 1, 2016
Duration
2h 52m
Description

Angular is here, and it's amazing. You'd like to get your Angular 1 applications moved over to Angular 2, but for many of those applications, a full rewrite isn't a possibility. So migrating slowly, piece by piece, is the right answer.

This Angularjs 2 course will walk you through that process, showing you how to migrate in a way that minimizes risk, and lets you migrate while continuing to maintain your applications.

  • First, you'll learn how to prepare your code and follow the Style Guide.
  • Next, you'll prepare tools and processes such as Typescript and ES6.
  • Finally, you'll learn how to add Angular 2 to your application (including installing ng2 and and introducing jpsm to the build) and learn about migration--how to choose what migrates, and how to actually migrate services and components.
By the end of this course, you'll be able to incorporate Angular 2 into your applications and make the transition with ease.
About the author
Joe Eames
About the author

Joe has been a web developer for the last 13 of his 16+ years as a professional developer. He has specialized in front end and middle tier development . Although his greatest love is writing code, he also enjoys teaching and speaking about code.

More from the author
Getting Started with npm
Intermediate
58m
Apr 16, 2020
Angular Fundamentals
Intermediate
9h 34m
Feb 1, 2019
Angular Crash Course
Intermediate
58m
Nov 1, 2018
More courses by Joe Eames
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey, everybody. I'm Joe Eames and welcome to my course, Preparing for and Migrating Applications to Angular 2. I'm a developer and conference organizer and I'm very excited to present this course to you. Angular 2 is here and it's amazing and it's time to get your Angular 1 projects migrated to Angular 2. In this course, we're going to learn how to prepare our Angular 1 applications for migration to Angular 2. I'll lay out a complete plan to prepare for migration which minimizes risk and makes it simple and safe to get your code ready for Angular 2. The major topics we're going to cover are 1. 5 components and how they get us closer to Angular 2, Bootstrapping, TypeScript and ES6, and using classes in Angular 1. By the time we're through, you'll have all the knowledge you need to get your application ready for migration to Angular 2. Before starting the course, you should be familiar with JavaScript and Angular. I hope you'll join me on this journey to learn Angular 2 migration with the Preparing for and Migrating Applications to Angular 2 course at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT