Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular
by
Sam Julien
Login
Buy for $145
Product Detail Resolver
Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular
/
Module 11: Switching to Angular Router
This content is locked.
You'll need to
purchase
or
sign in
to view this content.
Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular
Buy for $145
Learn more
Already enrolled?
Sign in to continue learning.
Table of contents
Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular
by
Sam Julien
ui-24px-outline-1_lock
Watch this First
Watch this First
Draft
Course Intro and Overview
Draft
Course Intro and Overview
ui-24px-outline-1_lock
Module 1: Setting Up ngUpgrade
Module 1: Setting Up ngUpgrade
Draft
Moving to ngUpgrade & Angular
Draft
Moving to ngUpgrade & Angular
Draft
Your Upgrade Roadmap Part 2
Draft
Your Upgrade Roadmap Part 2
Draft
Documentation
Draft
Documentation
Draft
Starting Point
Draft
Starting Point
Draft
Installing Angular
Draft
Installing Angular
Draft
Fixing Two Errors
Draft
Fixing Two Errors
Draft
Renaming And Exporting app.ts
Draft
Renaming And Exporting app.ts
Draft
Angular Module
Draft
Angular Module
Draft
Angular Module Part 2
Draft
Angular Module Part 2
Draft
Adding main.ts
Draft
Adding main.ts
Draft
Webpack Entry And Running Hybrid App
Draft
Webpack Entry And Running Hybrid App
Draft
Quiz: Module 1
Draft
Quiz: Module 1
ui-24px-outline-1_lock
Module 2: Rewriting & Downgrading Components
Module 2: Rewriting & Downgrading Components
Draft
Rewriting Home Component
Draft
Rewriting Home Component
Draft
Decision About Downgrading
Draft
Decision About Downgrading
Draft
Downgrading Home Component
Draft
Downgrading Home Component
Draft
Finishing Home Component
Draft
Finishing Home Component
Draft
Quiz: Module 2
Draft
Quiz: Module 2
ui-24px-outline-1_lock
Module 3: Rewriting & Downgrading Services
Module 3: Rewriting & Downgrading Services
Draft
Adding http Module
Draft
Adding http Module
Draft
Rewriting Customer Service
Draft
Rewriting Customer Service
Draft
Converting To Promises
Draft
Converting To Promises
Draft
Downgrading Customer Service
Draft
Downgrading Customer Service
Draft
Adding To ngModule
Draft
Adding To ngModule
Draft
Quiz: Module 3
Draft
Quiz: Module 3
ui-24px-outline-1_lock
Module 4: Promises & Observables
Module 4: Promises & Observables
Draft
Intro To RxJS Slides
Draft
Intro To RxJS Slides
Draft
Get Customers As Observable
Draft
Get Customers As Observable
Draft
Using Observable In Customer Component
Draft
Using Observable In Customer Component
Draft
Convert To Promise
Draft
Convert To Promise
Draft
Convert Promise To Observable
Draft
Convert Promise To Observable
Draft
Quiz: Module 4
Draft
Quiz: Module 4
ui-24px-outline-1_lock
Module 5: Interfaces & Component Lifecycle Hooks
Module 5: Interfaces & Component Lifecycle Hooks
Draft
Rewriting Customers Table
Draft
Rewriting Customers Table
Draft
Downgrading Customers Table
Draft
Downgrading Customers Table
Draft
Updating Templates
Draft
Updating Templates
Draft
Creating Customer Interface
Draft
Creating Customer Interface
Draft
Add Interface To Customer Table
Draft
Add Interface To Customer Table
Draft
Convert Customers
Draft
Convert Customers
Draft
The OnInit Interface
Draft
The OnInit Interface
Draft
Finish Customers Component
Draft
Finish Customers Component
Draft
Module Wrap Up
Draft
Module Wrap Up
Draft
Quiz: Module 5
Draft
Quiz: Module 5
ui-24px-outline-1_lock
Module 6: Upgrading Services
Module 6: Upgrading Services
Draft
Where We're Going
Draft
Where We're Going
Draft
Convert Orders Component
Draft
Convert Orders Component
Draft
Add Properties
Draft
Add Properties
Draft
Finish Orders Component
Draft
Finish Orders Component
Draft
Location Provider
Draft
Location Provider
Draft
Using Location In Component
Draft
Using Location In Component
Draft
Quiz: Module 6
Draft
Quiz: Module 6
ui-24px-outline-1_lock
Module 7: Rewriting Filters & Using Pipes
Module 7: Rewriting Filters & Using Pipes
Draft
Updating Orders Template
Draft
Updating Orders Template
Draft
Adding Sorting
Draft
Adding Sorting
Draft
Testing Sorting
Draft
Testing Sorting
Draft
Add Sort To Template
Draft
Add Sort To Template
Draft
Add Styles
Draft
Add Styles
Draft
Add Filter To Component
Draft
Add Filter To Component
Draft
Add Filter To Template
Draft
Add Filter To Template
Draft
Fix Currency Pipe
Draft
Fix Currency Pipe
Draft
Quiz: Module 7
Draft
Quiz: Module 7
ui-24px-outline-1_lock
Module 8: Forms
Module 8: Forms
Draft
Convert Create Order
Draft
Convert Create Order
Draft
Provide Product Service
Draft
Provide Product Service
Draft
Downgrade Component
Draft
Downgrade Component
Draft
Add Forms Module
Draft
Add Forms Module
Draft
Convert Form Tag
Draft
Convert Form Tag
Draft
Replace ng-model
Draft
Replace ng-model
Draft
Replace ng-options & ng-repeat
Draft
Replace ng-options & ng-repeat
Draft
Required And Disabled
Draft
Required And Disabled
Draft
Validation Styling
Draft
Validation Styling
Draft
Checking Out Our Validation
Draft
Checking Out Our Validation
Draft
Posting an Observable
Draft
Posting an Observable
Draft
Assignment: Rewrite Customer Detail
Draft
Assignment: Rewrite Customer Detail
Draft
Quiz: Module 8
Draft
Quiz: Module 8
ui-24px-outline-1_lock
Module 9: Upgrading Components
Module 9: Upgrading Components
Draft
Rewrite Customer Detail
Draft
Rewrite Customer Detail
Draft
Upgrading Discount Component
Draft
Upgrading Discount Component
Draft
Finish Discount Component
Draft
Finish Discount Component
Draft
Quiz: Module 9
Draft
Quiz: Module 9
ui-24px-outline-1_lock
Module 10: ngUpgrade in Production
Module 10: ngUpgrade in Production
Draft
Current Bundle Size
Draft
Current Bundle Size
Draft
Install Bundle Analyzer
Draft
Install Bundle Analyzer
Draft
Our Bundle And Angulars Two Modes
Draft
Our Bundle And Angulars Two Modes
Draft
Fix RxJS Imports
Draft
Fix RxJS Imports
Draft
Move Downgraded Components
Draft
Move Downgraded Components
Draft
Move Downgraded Services
Draft
Move Downgraded Services
Draft
Finishing Up The AJS Module
Draft
Finishing Up The AJS Module
Draft
Adding AJS Entry
Draft
Adding AJS Entry
Draft
Changing Templates
Draft
Changing Templates
Draft
Assignment: Finish Changing Templates
Draft
Assignment: Finish Changing Templates
Draft
Removing Private Template Variables
Draft
Removing Private Template Variables
Draft
Fix Export Defaults
Draft
Fix Export Defaults
Draft
Update Angular
Draft
Update Angular
Draft
Install AOT Tools
Draft
Install AOT Tools
Draft
Add AOT TS Config
Draft
Add AOT TS Config
Draft
Main AOT File
Draft
Main AOT File
Draft
Update Prod Config
Draft
Update Prod Config
Draft
Update Dev Config
Draft
Update Dev Config
Draft
Our New Builds
Draft
Our New Builds
Draft
Quiz: Module 10
Draft
Quiz: Module 10
ui-24px-outline-1_lock
Module 11: Switching to Angular Router
Module 11: Switching to Angular Router
Draft
Where We're At Now
Draft
Where We're At Now
Draft
Where We Need To Be
Draft
Where We Need To Be
Draft
Adding Root Component
Draft
Adding Root Component
Draft
Creating Routing Module
Draft
Creating Routing Module
Draft
Updating App Module
Draft
Updating App Module
Draft
What's Working So Far
Draft
What's Working So Far
Draft
Replace $Location Service
Draft
Replace $Location Service
Draft
Router Links
Draft
Router Links
Draft
Adding Detail Routes
Draft
Adding Detail Routes
Draft
Creating A Resolver
Draft
Creating A Resolver
Draft
Add Resolver To Routing Module
Draft
Add Resolver To Routing Module
Draft
Use Resolved Data In Component
Draft
Use Resolved Data In Component
Draft
Order Detail Resolver
Draft
Order Detail Resolver
Draft
Use Order Detail Resolver
Draft
Use Order Detail Resolver
Draft
Use Interface In Component
Draft
Use Interface In Component
Draft
Assignment: Product Detail Resolver
Draft
Assignment: Product Detail Resolver
Draft
Product Detail Resolver
Draft
Product Detail Resolver
Draft
Fix Last Router Links
Draft
Fix Last Router Links
Draft
Quiz: Module 11
Draft
Quiz: Module 11
ui-24px-outline-1_lock
Module 12: Removing AngularJS
Module 12: Removing AngularJS
Draft
Move Imports
Draft
Move Imports
Draft
Remove AJS Refs And Files
Draft
Remove AJS Refs And Files
Draft
Main Files And Webpack Entry
Draft
Main Files And Webpack Entry
Draft
Remove AJS Packages
Draft
Remove AJS Packages
Draft
Our Finished Application
Draft
Our Finished Application
Draft
Quiz: Module 12
Draft
Quiz: Module 12
ui-24px-outline-1_lock
Module 13: Updating to Angular 5
Module 13: Updating to Angular 5
Draft
Updating Packages
Draft
Updating Packages
Draft
Using HttpClient to Module
Draft
Using HttpClient to Module
Draft
Update Customer Service
Draft
Update Customer Service
Draft
Update Other Services
Draft
Update Other Services
Draft
Remove Http Package
Draft
Remove Http Package
Draft
Fix Currency Pipe
Draft
Fix Currency Pipe
Draft
Update Prod Config
Draft
Update Prod Config
Draft
Finish AOT Build
Draft
Finish AOT Build
Draft
Module Wrap-Up
Draft
Module Wrap-Up
Draft
Quiz: Module 13
Draft
Quiz: Module 13
ui-24px-outline-1_lock
Module 14: RxJS 6 & Angular 6
Module 14: RxJS 6 & Angular 6
Draft
Module Overview
Draft
Module Overview
Draft
Installing RxJS 6 Packages & Tools
Draft
Installing RxJS 6 Packages & Tools
Draft
Going Through the Updated Files
Draft
Going Through the Updated Files
Draft
Fixing the Orders Component
Draft
Fixing the Orders Component
Draft
Updating to Angular 6
Draft
Updating to Angular 6
Draft
Making Sure Everything Works
Draft
Making Sure Everything Works
Draft
Quiz: Module 14
Draft
Quiz: Module 14
ui-24px-outline-1_lock
Module 15: Angular 7 & The CLI
Module 15: Angular 7 & The CLI
Draft
Module Overview
Draft
Module Overview
Draft
Install Angular CLI
Draft
Install Angular CLI
Draft
Creating a New Project
Draft
Creating a New Project
Draft
Add Dependencies
Draft
Add Dependencies
Draft
Move Files
Draft
Move Files
Draft
Fix Styles
Draft
Fix Styles
Draft
Configure Proxy
Draft
Configure Proxy
Draft
Delete Public Folder
Draft
Delete Public Folder
Draft
Fix Dist Folder
Draft
Fix Dist Folder
Draft
Updating with the CLI
Draft
Updating with the CLI
Draft
Module Wrap-Up
Draft
Module Wrap-Up
Draft
Quiz: Module 15
Draft
Quiz: Module 15
Welcome!
Enter your info below to login.
Your email
Your password
Login
Forgot your password?