Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular

Watch this First
Check out this overview of Upgrading AngularJS, including how to think about these courses, the course platform, and the sample code.
Course Intro and Overview
8 mins
Module 1: Setting Up ngUpgrade
Moving to ngUpgrade & Angular
Your Upgrade Roadmap Part 2
9 mins
Documentation
3 mins
Starting Point
2 mins
Installing Angular
4 mins
Fixing Two Errors
3 mins
Renaming And Exporting app.ts
3 mins
Angular Module
4 mins
Angular Module Part 2
3 mins
Adding main.ts
4 mins
Webpack Entry And Running Hybrid App
3 mins
Quiz: Module 1
Module 2: Rewriting & Downgrading Components
Rewriting Home Component
4 mins
Decision About Downgrading
2 mins
Downgrading Home Component
4 mins
Finishing Home Component
4 mins
Quiz: Module 2
Module 3: Rewriting & Downgrading Services
Adding http Module
2 mins
Rewriting Customer Service
4 mins
Converting To Promises
4 mins
Downgrading Customer Service
3 mins
Adding To ngModule
4 mins
Quiz: Module 3
Module 4: Promises & Observables
Intro To RxJS Slides
13 mins
Get Customers As Observable
2 mins
Using Observable In Customer Component
3 mins
Convert To Promise
5 mins
Convert Promise To Observable
5 mins
Quiz: Module 4
Module 5: Interfaces & Component Lifecycle Hooks
Rewriting Customers Table
4 mins
Downgrading Customers Table
4 mins
Updating Templates
4 mins
Creating Customer Interface
4 mins
Add Interface To Customer Table
2 mins
Convert Customers
4 mins
The OnInit Interface
4 mins
Finish Customers Component
4 mins
Module Wrap Up
2 mins
Quiz: Module 5
Module 6: Upgrading Services
Where We're Going
3 mins
Convert Orders Component
4 mins
Add Properties
5 mins
Finish Orders Component
4 mins
Location Provider
5 mins
Using Location In Component
3 mins
Quiz: Module 6
Module 7: Rewriting Filters & Using Pipes
Updating Orders Template
5 mins
Adding Sorting
5 mins
Testing Sorting
2 mins
Add Sort To Template
3 mins
Add Styles
3 mins
Add Filter To Component
4 mins
Add Filter To Template
4 mins
Fix Currency Pipe
2 mins
Quiz: Module 7
Module 8: Forms
Convert Create Order
3 mins
Provide Product Service
4 mins
Downgrade Component
3 mins
Add Forms Module
2 mins
Convert Form Tag
5 mins
Replace ng-model
4 mins
Replace ng-options & ng-repeat
4 mins
Required And Disabled
2 mins
Validation Styling
4 mins
Checking Out Our Validation
3 mins
Posting an Observable
4 mins
Assignment: Rewrite Customer Detail
2 mins
Quiz: Module 8
Module 9: Upgrading Components
Rewrite Customer Detail
5 mins
Upgrading Discount Component
6 mins
Finish Discount Component
5 mins
Quiz: Module 9
Module 10: ngUpgrade in Production
Current Bundle Size
3 mins
Install Bundle Analyzer
3 mins
Our Bundle And Angulars Two Modes
5 mins
Fix RxJS Imports
3 mins
Move Downgraded Components
6 mins
Move Downgraded Services
3 mins
Finishing Up The AJS Module
3 mins
Adding AJS Entry
2 mins
Changing Templates
2 mins
Assignment: Finish Changing Templates
1 min
Removing Private Template Variables
2 mins
Fix Export Defaults
3 mins
Update Angular
2 mins
Install AOT Tools
2 mins
Add AOT TS Config
3 mins
Main AOT File
4 mins
Update Prod Config
4 mins
Update Dev Config
5 mins
Our New Builds
3 mins
Quiz: Module 10
Module 11: Switching to Angular Router
Where We're At Now
5 mins
Where We Need To Be
6 mins
Adding Root Component
3 mins
Creating Routing Module
6 mins
Updating App Module
3 mins
What's Working So Far
2 mins
Replace $Location Service
4 mins
Router Links
3 mins
Adding Detail Routes
2 mins
Creating A Resolver
7 mins
Add Resolver To Routing Module
2 mins
Use Resolved Data In Component
4 mins
Order Detail Resolver
3 mins
Use Order Detail Resolver
4 mins
Use Interface In Component
3 mins
Assignment: Product Detail Resolver
1 min
Product Detail Resolver
6 mins
Fix Last Router Links
4 mins
Quiz: Module 11
Module 12: Removing AngularJS
Move Imports
3 mins
Remove AJS Refs And Files
2 mins
Main Files And Webpack Entry
2 mins
Remove AJS Packages
2 mins
Our Finished Application
5 mins
Quiz: Module 12
Module 13: Updating to Angular 5
Updating Packages
7 mins
Using HttpClient to Module
3 mins
Update Customer Service
4 mins
Update Other Services
4 mins
Remove Http Package
1 min
Fix Currency Pipe
3 mins
Update Prod Config
2 mins
Finish AOT Build
3 mins
Module Wrap-Up
4 mins
Quiz: Module 13
Module 14: RxJS 6 & Angular 6
Module Overview
4 mins
Installing RxJS 6 Packages & Tools
4 mins
Going Through the Updated Files
4 mins
Fixing the Orders Component
2 mins
Updating to Angular 6
5 mins
Making Sure Everything Works
5 mins
Quiz: Module 14
Module 15: Angular 7 & The CLI
Module Overview
6 mins
Install Angular CLI
1 min
Creating a New Project
4 mins
Add Dependencies
5 mins
Move Files
4 mins
Fix Styles
6 mins
Configure Proxy
4 mins
Delete Public Folder
2 mins
Fix Dist Folder
5 mins
Updating with the CLI
4 mins
Module Wrap-Up
3 mins
Quiz: Module 15