Starting with Webpack
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Starting with Webpack to your Wishlist.

Add to Wishlist

Starting with Webpack

Flexible module bundler: webpack - A bundler for javascript and friends
New
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Last updated 8/2017
English
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn the world's leading JavaScript build tool: Webpack!
  • Learn Webpack design guidelines and best practices
  • Understand Webpack's evolution & intended purpose
  • Use Webpack to create efficient, bundled deployables
  • Learn how Webpack enables development time efficiencies
  • Understand Webpack's dependency graph analysis
  • Learn to use the Webpack Dev Server and Watch Mode
  • Discover how Webpack is implemented in an existing project
  • Use Webpack's easy to configure cache-busting plugin
  • Learn how to bundle projects with multiple entry points
  • Create multiple deployment bundles for progressive web apps ... and much, much more!
View Curriculum
Requirements
  • Before taking this course, a student should ideally (but not absolutely) have:
  • A at least a modest knowledge of HTML, web server use and configuration, and JavaScript design patterns. Ideally, the student should be familiar with creating web applications on npm enabled platforms, frameworks, and libraries. If the student has only some, or even none of these skills, he/she will still benefit from this course greatly, but may need to pause a video in progress to perform some additional background research. This is encouraged, as it'll only make for a better overall experience and net benefit.
  • NO PRIOR WEBPACK EXPERIENCE IS REQUIRED!!!
Description

Any IT professional or casual developer anticipating a solid understanding of how WEbpack works in open-sourced and private application development projects needs to go through this course and absorb all of its content. Anyone desiring to learn how Webpack is implemented in web application projects needs the knowldege, demonstrations, and practice presented in this course.  This not only includes web, mobile, and service application developers, but also architects, UI designers, testers, and administrators. This course provides a solid understanding of how to effectively participate in a project leveraging Webpack and the bundled deployment packages it produces. 

  •  Learn the world's leading JavaScript build tool: Webpack!
  •  Learn Webpack design guidelines and best practices
  •  Understand Webpack's evolution & intended purpose
  •  Use Webpack to create efficient, bundled deployables
  •  Learn how Webpack enables development time efficiencies
  •  Understand Webpack's dependency graph analysis 
  •  Learn to use the Webpack Dev Server and Watch Mode 
  •  Discover how Webpack is implemented in an existing project
  •  Use Webpack's easy to configure cache-busting plugin
  •  Learn how to bundle projects with multiple entry points 
  •  Create multiple deployment bundles for progressive web apps... and much, much more!


Who is the target audience?
  • This course was built for web developers who need to understand how to use a deployment tool for JavaScript projects based on modern architectures with demanding deployment specifications.
  • This course is designed for those developers who need to learn to use Webpack to be able to effectively participate in projects implementing the product. Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how modern web applications are structured, delivered, and consumed in a progressive software development effort.
Compare to Other Webpack Courses
Curriculum For This Course
25 Lectures
02:22:29
+
Welcome to Starting with REST API's
7 Lectures 34:00

An introduction to Webpack and this course.

DOWNLOAD SUPPORT MATERIAL HERE

Preview 04:00

Here, we'll see what this course will teach us and how the courses material and exercises will be presented.

Learning Webpack
04:51

What is Webpack and why do we want to consider it?  Here, we'll see why we need Webpack for modern JavaScript projects.

Webpack Defined
03:13

Modular JavaScript presents new and exciting opportunities in terms of deployment and over the wire performance.  Let's see how Webpack enables these features. 

Webpack in play
06:43

What is it that Webpack is supposed to do? In this video, we'll see what the product is at its core.

Webpack's Core Role
04:04

Webpack is more than just a module bundler.  Let's see what else it can do for us.

Preview 06:00

Why use Webpack instead of some other solution?  

Webpack vs. the Alternatives
05:09
+
Preparing for Webpack
6 Lectures 40:21

Let's walk through a detailed implementation demo of a real Webpacked project

Preparing for Webpack
04:31

The Cloud 9 service is used in this course.  Let's see how to access Cloud 9 and use it for development.

Development Environment
04:39

Setting up our environment properly is a significat part of the development lifecycle.

node & npm
07:48

Let's get Webpack installed and ready to work for us.

Installing Webpack
07:17

Configuring Webpack reveals a lot of the products featues and capabilities.

Configuration
10:41

Getting tests to run with Webpack is important step in a successful implementation.

Testing Configuration
05:25
+
Using Webpack
6 Lectures 32:48

Let's get started with creating a Webpack-enabled JavaScript project from scratch.

Using Webpack
02:37

First, we need to setup a new workspace and project for code.

Setup a New Project
07:51

Here, we'll create our first source code files and application resources.

Create Project Assets
04:49

Let's use Webpack to create a bundled output file from our project's dependencies.

Preview 06:57

Webpack can assist us in the development lifecycle in more ways than we may think.  Let's use Watch Mode to speed up our development iterations.

Watch Mode
05:39

It's surprising what can be consider a Module in a project's code base.  Let's see how a particular resource is considered. 

Bundling Additional Resources
04:55
+
Additional Webpack Support
6 Lectures 35:20

We can restructure and formally configure our Webpack implementation to allow additional product features to work for us. 

Additional Webpack Support
03:28

Let's refactor our source code structure and introduce the primary Webpack configuration file. 

A New Structure and Config
08:51

Webpack has a really handy dev server.  We can install it and fire it up so it can assist us in our development processes.

Preview 04:14

Working with bundled resource deployables can introduce some cumbersome caching issues.  Let's see how Webpack solves this problem.

Cache Busting
07:10

Loaders are the tools that Webpack uses to make resources bundleable.  Here, we'll practice configuring loaders and having them create more deployable value.

Implmenting Loaders
06:41

Let's consider all that we've learned and look beyond Webpack's essentials.

Wrap Up
04:56
About the Instructor
Stone River eLearning
4.2 Average rating
17,229 Reviews
285,538 Students
203 Courses
280,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.