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
Free
AngularJS and Webpack for Modular Applications is a 10-lesson 43 minutes self-paced course by egghead.io. How much work would it take for you to move all of your directives and their templates to several different new directories?
Course facts
- Lessons
- 10
- Duration
- 43 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- egghead.io
- Price
- Free
Additional
https://github.com/eggheadio/webpack-angular/
Название ветки соответствует названию урока.
Who teaches AngularJS and Webpack for Modular Applications? 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.
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 Title | Duration |
|---|---|---|
| 1 | AngularJS with Webpack - Introduction | 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 |
What courses are similar to AngularJS and Webpack for Modular Applications?
-
FreeUpdated 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 -
FreeUpdated 3y agoWebpack 4: Beyond the Basics
By: UdemyWelcome to the web hacker's cookbook for building modern javascript applications using the Webpack module loader and asset bundler. I aim to make this Beyond th5h 26m -
FreeUpdated 2y agoUsing Angular 2 Patterns in Angular 1.x Apps
By: egghead.ioImplementing modern component-based architecture in your new or existing Angular 1.x web application is a breath of fresh air. In this course, you are going to1h 3m -
FreeUpdated 2y agoBuild an MVP with AngularJS + Firebase by cloning TaskRabbit
By: Code4StartupTaskRabbit is an online and mobile marketplace that allows users to outsource small jobs and tasks to others in their neighbourhood.3h 31m -
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 3y agoWebpack 5 in 2023 The Complete Guide For Beginners
By: UdemyMy main goal is to help you understand and master Webpack, particularly its latest version Webpack 4. This course was specifically designed for those who want t4h 46m -
FreeUpdated 2y agoAngularJS Pro
By: Ultimate Courses (Todd Motto)Get advanced AngularJS skills for scalable apps. The only deep dive into the entire framework. Take your AngularJS skills to the Pro level. Comprehensive Direct7h 23m
More courses by egghead.io
-
Updated 3y agoRxJS Beyond the Basics: Operators in Depth
Operators are the core building blocks for reacting to data in your JavaScript applications. In this course you will learn what operators are, and then take a t1h 30m -
Updated 3y agoHow to Use npm Scripts as Your Build Tool
In this course we will introduce the topic of using npm scripts as a build tool. We will start simple and then continue to build a small website as we introduce52m -
Updated 3y agoReact: Flux Architecture (ES6)
As a React application grows, so does the needs for organization and patterns. How do components communicate? How do we manage state across the application? How49m -
Updated 3y agoHow to Contribute to an Open Source Project on GitHub
“Feel free to submit a PR!” - words often found in GitHub issues, but met with confusion and fear by many. Getting started with contributing open source is not38m -
Updated 3y agoUse Grep for Fast Search from the Command Line
CMD+F in your text editor can only get you so far! In this course, we will learn to use grep and find, two powerful command-line utilities.24m -
Updated 3y agoWrangle your terminal with tmux
Learn to manage your terminal sessions and work more effectively from the command line using tmux. If you use the command line at all, tmux can make your life e27m
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.