Login
Sam Julien's Digital Outfitter/Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript
Enrollment is closed

  • $120 or 3 monthly payments of $40

Upgrading AngularJS Part 2: Modern Builds with Webpack and TypeScript

  • Closed

Buy now

Contents

Watch & Read 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
Modern Tooling

Module 1: Our First Module in Webpack

Where We're At
Webpack In Plain English
Preview
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

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

Module 3: Webpack Tooling

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

Module 4: Converting to Modules & TypeScript

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

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

Module 6: Dynamic Webpack Config

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

Module 7: The Production Environment

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

Module 8: Optimizing Our JavaScript

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

Module 9: Optimizing Our CSS

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

Module 10: Testing

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