How much work would it take for you to move all of your directives and their templates to several different new directories? You'd have to update the templateUrl, script tags, etc., etc. With webpack, this can be trivial. For example, you don't need to worry about loading your templates in the $templateCache ever again. Webpack will help you modularize your css and tests. All of these things and more in this series so you can start using webpack with Angular today.
AngularJS and Webpack for Modular Applications
43m 56s
English
Paid
Additional
https://github.com/eggheadio/webpack-angular/
Название ветки соответствует названию урока.
About the Author: egghead.io
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.
Watch Online 10 lessons
0:00
/ #1: AngularJS with Webpack - Introduction
All Course Lessons (10)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | AngularJS with Webpack - Introduction Demo | 04:21 | |
| 2 | AngularJS with Webpack - Requiring Directives | 03:49 | |
| 3 | AngularJS with Webpack - ES6 with BabelJS | 02:44 | |
| 4 | AngularJS with Webpack - Requiring Templates | 02:49 | |
| 5 | AngularJS with Webpack - Requiring CSS & Preprocessors | 06:08 | |
| 6 | AngularJS with Webpack - Testing with Karma, Mocha, and Chai | 10:23 | |
| 7 | AngularJS with Webpack - Production Setup | 02:06 | |
| 8 | AngularJS with Webpack - Uglifying your JavaScript | 04:43 | |
| 9 | AngularJS with Webpack - Production Source Maps | 01:52 | |
| 10 | Updating Babel 5 to 6 | 05:01 |
Unlock unlimited learning
Get instant access to all 9 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 5mo agoBuilding a Real-Time ML System. Together
By: Michael GuayLearn to design, develop, deploy, and scale end-to-end real-time ML systems using Python, Rust, LLMs, and Kubernetes.48h 20m5/5 -
Updated 2y agoAngularJS Performance
By: Ultimate Courses (Todd Motto)Performance tuning for fast AngularJS. Master the internal workings and build blazing fast apps. Learn how to write highly performant AngularJS apps and master2h 52m -
Updated 2y agoAngularJS Authentication with JWT
By: egghead.ioJSON Web Tokens (JWT) are a more modern approach to authentication. As the web moves to a greater separation between the client and server, JWT provides a terri31m
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.