Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript by Sam Julien

Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript

What's included?

Video Icon 64 videos Text Icon 1 text file

Contents

Watch & Read First
Course Intro and Overview
8 mins
Modern Tooling
Module 1: Our First Module in Webpack
Where We're At
4 mins
Webpack In Plain English
7 mins
Adding Webpack To Our Project
1 min
Our First Config
4 mins
Adding The Bundle
1 min
Our First Module
5 mins
What's Next
2 mins
Quiz: Module 1
Module 2: Setting Up TypeScript
Installing TypeScript
3 mins
TSConfig
4 mins
Adding TSLoader
2 mins
Resolve TS Extension
2 mins
Import Angular & Install Types
4 mins
Import Angular Router
4 mins
Quiz: Module 2
Module 3: Webpack Tooling
Webpack Dev Server
5 mins
Adding npm Scripts
4 mins
Source Maps in Webpack
5 mins
Quiz: Module 3
Module 4: Converting to Modules & TypeScript
Converting to Modules In One Go
3 mins
Converting Customers Component
4 mins
Converting Customer Detail
3 mins
Converting Customer Service
3 mins
Converting Customer Service Pt 2
3 mins
Converting Customer Service Pt 3
3 mins
Converting Address Factory
4 mins
Converting Location Config
3 mins
Converting Route Config
3 mins
Assignment: Finish Modules
2 mins
Quiz: Module 4
Module 5: Asset Management
Importing VendorJS
3 mins
Style And CSS Loaders
3 mins
File Loader
4 mins
Module Wrap-Up
3 mins
Quiz: Module 5
Module 6: Dynamic Webpack Config
Introducing The Server & Webpack Proxy
4 mins
The Webpack Config Function
3 mins
Installing Webpack Merge
3 mins
Extracting env Configs
4 mins
Fixing Output With Path
5 mins
Quiz: Module 6
Module 7: The Production Environment
Adding Prod Config
4 mins
HtmlWebpackPlugin
4 mins
Raw Loader
3 mins
Requiring Templates
3 mins
Requiring Nav and Reloading
3 mins
Assignment: Finish Templates
1 min
Quiz: Module 7
Module 8: Optimizing Our JavaScript
Splitting The Bundle
4 mins
Commons Chunk Plugin
4 mins
minChunks Function
5 mins
UglifyJS
4 mins
Adding Hashes
3 mins
Rimraf
4 mins
Quiz: Module 8
Module 9: Optimizing Our CSS
Extract Text Plugin
5 mins
Smart Merge
4 mins
SCSS With Webpack
5 mins
Extracting SCSS
6 mins
Autoprefixing
4 mins
Optimizing CSS
5 mins
More Webpack Resources
4 mins
Quiz: Module 9
Module 10: Testing
Installing Karma & Tools
3 mins
Adding Karma Config
4 mins
Adding Webpack Preprocessor
3 mins
Adding Home Component Test
6 mins
Adding Navigation Test
4 mins
Webpack Tests Context
6 mins
Moving Tests To Correct Folders
6 mins
Loading One Last Time
3 mins
Course Wrap Up
2 mins
Quiz: Module 10