Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular by Sam Julien

Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular

What's included?

Video Icon 131 videos Text Icon 1 text file

Contents

Watch this First
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