CF

AngularJS and Webpack for Modular Applications

43m 56s
English
Free
Updated September 2026

AngularJS and Webpack for Modular Applications is a 10-lesson 43 minutes self-paced course by egghead.io. AngularJS and Webpack for Modular Applications , from egghead.

Course facts

Lessons
10
Duration
43 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
egghead.io
Price
Free

AngularJS and Webpack for Modular Applications, from egghead.io, solves a very specific pain point: reorganizing a growing AngularJS app's directives and templates without a mountain of manual updates.

Modularity Without the Busywork

Using webpack, you stop manually wiring up templateUrl, script tags, and the $templateCache every time files move — the bundler handles it.

What You'll Learn

  • Modularizing AngularJS directives, CSS, and tests with webpack
  • Restructuring a project's files without breaking template loading

It's a free, focused course — 10 lessons aimed at developers already working in AngularJS who want a cleaner build setup.

Additional

https://github.com/eggheadio/webpack-angular/ 

Название ветки соответствует названию урока.

Who teaches AngularJS and Webpack for Modular Applications? egghead.io

egghead.io thumbnail

egghead.io is a US-based subscription video platform focused on short, focused screencasts on JavaScript ecosystem topics. Founded in 2012 by John Lindquist (a Google Developer Expert) and run by Joel Hooks, egghead pioneered the short-screencast format that most modern developer-education platforms now use — courses are typically broken into 2-5 minute lessons that each cover one specific concept or API.

The instructor roster includes many of the most cited names in the JavaScript ecosystem — Kent C. Dodds (whose Testing JavaScript launched on egghead before EpicWeb.dev), Andrew Del Prete, Hannah Davis, Lukas Ruebbelke, Tomasz Łakomy, Andy Van Slaars, and many others. Course material covers React, Next.js, TypeScript, Node.js, GraphQL, Vue, the testing tracks, RxJS / observables, and a long list of smaller libraries and tools.

The CourseFlix listing under this source carries over 20 egghead courses spanning that range. Material is paid; egghead itself runs on a monthly / annual subscription on the original platform. The bite-sized format suits developers learning incrementally during work hours rather than committing to multi-hour video sessions.

What lessons are included in AngularJS and Webpack for Modular Applications?

  • Space or K: play or pause
  • J: rewind 10 seconds
  • L: forward 10 seconds
  • Left Arrow: rewind 5 seconds
  • Right Arrow: forward 5 seconds
  • Up Arrow: volume up
  • Down Arrow: volume down
  • M: mute or unmute
  • F: toggle fullscreen
  • T: toggle theater mode
  • I: toggle mini player
  • 0 to 9: seek to 0 to 90 percent of the video
  • Shift plus N: next video
  • Shift plus P: previous video
0:00 0:00
#Lesson TitleDuration
1AngularJS with Webpack - Introduction 04:21
2AngularJS with Webpack - Requiring Directives 03:49
3AngularJS with Webpack - ES6 with BabelJS 02:44
4AngularJS with Webpack - Requiring Templates 02:49
5AngularJS with Webpack - Requiring CSS & Preprocessors 06:08
6AngularJS with Webpack - Testing with Karma, Mocha, and Chai 10:23
7AngularJS with Webpack - Production Setup 02:06
8AngularJS with Webpack - Uglifying your JavaScript 04:43
9AngularJS with Webpack - Production Source Maps 01:52
10Updating Babel 5 to 6 05:01

What courses are similar to AngularJS and Webpack for Modular Applications?

More courses by egghead.io

Frequently asked questions

What are the prerequisites for this course?
Before enrolling, students should have a basic understanding of AngularJS and JavaScript. Familiarity with ES6 syntax is beneficial, as the course includes lessons on using ES6 with BabelJS. No prior experience with Webpack is required, but a general knowledge of front-end build tools will be helpful.
What will I be building during the course?
The course focuses on modularizing AngularJS applications using Webpack. You will learn to manage directives and templates across multiple directories, integrate CSS and preprocessors, and set up a production environment. Testing AngularJS applications with Karma, Mocha, and Chai is also covered.
Who is the target audience for this course?
This course is designed for developers who are already using AngularJS and want to streamline their development process using Webpack. It's particularly useful for those looking to modularize their applications and improve their build processes with modern tools.
How does this course compare in depth to other AngularJS courses?
Unlike basic AngularJS courses, this course delves into the integration of Webpack, focusing on modularization and build optimization. It offers practical instruction on managing directives and templates, as well as configuring testing and production environments, which may not be covered in more introductory courses.
What specific tools and platforms are covered in this course?
The course covers Webpack for building AngularJS applications, BabelJS for using ES6, and testing frameworks like Karma, Mocha, and Chai. It also includes lessons on using CSS preprocessors and setting up production environments with source maps and JavaScript uglification.
What topics are not covered in this course?
The course does not cover advanced AngularJS concepts unrelated to Webpack, such as AngularJS animations or complex data bindings. It also does not delve into other JavaScript frameworks or libraries beyond AngularJS and the tools for modularization and testing.
What is the expected time commitment for this course?
The course consists of 10 lessons. While the total runtime is not specified, learners should allocate additional time for practical exercises and implementation of the concepts taught, especially if they are integrating these tools into existing projects.