Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript
- Buy now
- Learn more
Watch & Read First
1. Course Intro and Overview
2. Modern Tooling
Module 1: Our First Module in Webpack
Module 2: Setting Up TypeScript
Module 3: Webpack Tooling
Module 4: Converting to Modules & TypeScript
Module 5: Asset Management
Module 6: Dynamic Webpack Config
Module 7: The Production Environment
Module 8: Optimizing Our JavaScript
Module 9: Optimizing Our CSS
Module 10: Testing

Products
Course

Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript

Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript
- Buy now
- Learn more
Watch & Read First
1. Course Intro and Overview
2. Modern Tooling
Module 1: Our First Module in Webpack
Module 2: Setting Up TypeScript
Module 3: Webpack Tooling
Module 4: Converting to Modules & TypeScript
Module 5: Asset Management
Module 6: Dynamic Webpack Config
Module 7: The Production Environment
Module 8: Optimizing Our JavaScript
Module 9: Optimizing Our CSS
Module 10: Testing

Learn more Buy now

Watch & Read First

2 Lessons

Course Intro and Overview
Modern Tooling

Module 1: Our First Module in Webpack

8 Lessons

Where We're At
Webpack In Plain English
Adding Webpack To Our Project
Our First Config
Adding The Bundle
Our First Module
What's Next
Quiz: Module 1

Module 2: Setting Up TypeScript

7 Lessons

Installing TypeScript
TSConfig
Adding TSLoader
Resolve TS Extension
Import Angular & Install Types
Import Angular Router
Quiz: Module 2

Module 3: Webpack Tooling

4 Lessons

Webpack Dev Server
Adding npm Scripts
Source Maps in Webpack
Quiz: Module 3

Module 4: Converting to Modules & TypeScript

11 Lessons

Converting to Modules In One Go
Converting Customers Component
Converting Customer Detail
Converting Customer Service
Converting Customer Service Pt 2
Converting Customer Service Pt 3
Converting Address Factory
Converting Location Config
Converting Route Config
Assignment: Finish Modules
Quiz: Module 4

Module 5: Asset Management

5 Lessons

Importing VendorJS
Style And CSS Loaders
File Loader
Module Wrap-Up
Quiz: Module 5

Module 6: Dynamic Webpack Config

6 Lessons

Introducing The Server & Webpack Proxy
The Webpack Config Function
Installing Webpack Merge
Extracting env Configs
Fixing Output With Path
Quiz: Module 6

Module 7: The Production Environment

7 Lessons

Adding Prod Config
HtmlWebpackPlugin
Raw Loader
Requiring Templates
Requiring Nav and Reloading
Assignment: Finish Templates
Quiz: Module 7

Module 8: Optimizing Our JavaScript

7 Lessons

Splitting The Bundle
Commons Chunk Plugin
minChunks Function
UglifyJS
Adding Hashes
Rimraf
Quiz: Module 8

Module 9: Optimizing Our CSS

8 Lessons

Extract Text Plugin
Smart Merge
SCSS With Webpack
Extracting SCSS
Autoprefixing
Optimizing CSS
More Webpack Resources
Quiz: Module 9

Module 10: Testing

10 Lessons

Installing Karma & Tools
Adding Karma Config
Adding Webpack Preprocessor
Adding Home Component Test
Adding Navigation Test
Webpack Tests Context
Moving Tests To Correct Folders
Loading One Last Time
Course Wrap Up
Quiz: Module 10