Upgrading AngularJS Part 1: Getting AngularJS to Best Practices

Watch this First

Course Overview

8 mins

Module 1: Intro and Overview

Welcome to the first step on your upgrading journey!

A Quick Note On Definitions

2 mins

Reframing Your Upgrade

5 mins

Your Upgrade Roadmap

5 mins

Angular Documentation

2 mins

Quiz: Module 1

Module 2: Your Files

Style Guide

2 mins

One Object: App Service

5 mins

One Object: Controller

5 mins

Organize By Feature: Customers

3 mins

Organize By Feature: Products

2 mins

Organize By Feature: Shared

2 mins

Organize by Feature: Directives

3 mins

Finish Moving Files

2 mins

Quiz: Module 2

Module 3: Package Management with Node

Overview: Moving to npm

6 mins

Installing npm and node

3 mins

Setting Up package json

3 mins

Adding dependencies

5 mins

Updating Index

4 mins

Moving from Bower

4 mins

Final Touches

2 mins

Quiz: Module 3

Module 4: Updating AngularJS

Update Docs

3 mins

Updating to 1.4

4 mins

Merging down

2 mins

Assignment: Update to 1.5

1 min

Updating 1.6

4 mins

Merging 1.6

2 mins

Quiz: Module 4

Module 5: Your Architecture

Component Architecture

5 mins

Converting Controllers: ControllerAs

4 mins

Converting Controllers: Component

2 mins

Converting Controllers $onInit

3 mins

Converting Controllers: Template

2 mins

Converting Controllers: Route

2 mins

UI Router

2 mins

Quiz: Module 5

Module 6: More on Components

Extracting Out a Component

5 mins

Assignment: Customer Detail

2 mins

Resolving Data in Routes

5 mins

Convert Navigation Directive

4 mins

Converting ngInclude

5 mins

Passing Data Between Components

6 mins

Refresh App And Review

4 mins

Assignment: Finish Components

2 mins

Quiz: Module 6

Table of contents

Module 1: Intro and Overview

Module 2: Your Files

Module 3: Package Management with Node

Module 5: Your Architecture

Module 6: More on Components