Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular

$145 or 3 monthly payments of $50

Upgrading AngularJS Part 3: Upgrading from AngularJS to Angular

Closed

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

Preview

Module 1: Setting Up ngUpgrade

Moving to ngUpgrade & Angular

Your Upgrade Roadmap Part 2

Preview

Documentation

Starting Point

Installing Angular

Preview

Fixing Two Errors

Renaming And Exporting app.ts

Angular Module

Angular Module Part 2

Adding main.ts

Webpack Entry And Running Hybrid App

Quiz: Module 1

Module 2: Rewriting & Downgrading Components

Rewriting Home Component

Preview

Decision About Downgrading

Downgrading Home Component

Finishing Home Component

Quiz: Module 2

Module 3: Rewriting & Downgrading Services

Adding http Module

Rewriting Customer Service

Converting To Promises

Downgrading Customer Service

Adding To ngModule

Quiz: Module 3

Module 4: Promises & Observables

Intro To RxJS Slides

Get Customers As Observable

Using Observable In Customer Component

Convert To Promise

Convert Promise To Observable

Quiz: Module 4

Module 5: Interfaces & Component Lifecycle Hooks

Rewriting Customers Table

Downgrading Customers Table

Updating Templates

Creating Customer Interface

Add Interface To Customer Table

Convert Customers

The OnInit Interface

Finish Customers Component

Module Wrap Up

Quiz: Module 5

Module 6: Upgrading Services

Where We're Going

Convert Orders Component

Add Properties

Finish Orders Component

Location Provider

Using Location In Component

Quiz: Module 6

Module 7: Rewriting Filters & Using Pipes

Updating Orders Template

Adding Sorting

Testing Sorting

Add Sort To Template

Add Styles

Add Filter To Component

Add Filter To Template

Fix Currency Pipe

Quiz: Module 7

Module 8: Forms

Convert Create Order

Provide Product Service

Downgrade Component

Add Forms Module

Convert Form Tag

Replace ng-model

Replace ng-options & ng-repeat

Required And Disabled

Validation Styling

Checking Out Our Validation

Posting an Observable

Assignment: Rewrite Customer Detail

Quiz: Module 8

Module 9: Upgrading Components

Rewrite Customer Detail

Upgrading Discount Component

Preview

Finish Discount Component

Quiz: Module 9

Module 10: ngUpgrade in Production

Current Bundle Size

Install Bundle Analyzer

Our Bundle And Angulars Two Modes

Fix RxJS Imports

Move Downgraded Components

Move Downgraded Services

Finishing Up The AJS Module

Adding AJS Entry

Changing Templates

Assignment: Finish Changing Templates

Removing Private Template Variables

Fix Export Defaults

Update Angular

Install AOT Tools

Add AOT TS Config

Main AOT File

Update Prod Config

Update Dev Config

Our New Builds

Quiz: Module 10

Module 11: Switching to Angular Router

Where We're At Now

Where We Need To Be

Adding Root Component

Creating Routing Module

Updating App Module

What's Working So Far

Replace $Location Service

Router Links

Adding Detail Routes

Creating A Resolver

Add Resolver To Routing Module

Use Resolved Data In Component

Order Detail Resolver

Use Order Detail Resolver

Use Interface In Component

Assignment: Product Detail Resolver

Product Detail Resolver

Fix Last Router Links

Quiz: Module 11

Module 12: Removing AngularJS

Move Imports

Remove AJS Refs And Files

Main Files And Webpack Entry

Remove AJS Packages

Our Finished Application

Quiz: Module 12

Module 13: Updating to Angular 5

Updating Packages

Using HttpClient to Module

Update Customer Service

Update Other Services

Remove Http Package

Fix Currency Pipe

Update Prod Config

Finish AOT Build

Module Wrap-Up

Quiz: Module 13

Module 14: RxJS 6 & Angular 6

Module Overview

Installing RxJS 6 Packages & Tools

Going Through the Updated Files

Fixing the Orders Component

Updating to Angular 6

Making Sure Everything Works

Quiz: Module 14

Module 15: Angular 7 & The CLI

Module Overview

Install Angular CLI

Creating a New Project

Add Dependencies

Move Files

Fix Styles

Configure Proxy

Delete Public Folder

Fix Dist Folder

Updating with the CLI

Module Wrap-Up

Quiz: Module 15