Webpack 1 & 2 - The Complete Guide

Master Webpack Once and For All

4.40 (129 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Webpack 1 & 2 - The Complete Guide
674
students
6.5 hours
content
Jul 2017
last update
$19.99
regular price

What you will learn

Understand all the concepts about Webpack

Know key differences between Webpack 1 and Webpack 2

Understand how web browsers cache content

Know how to use long term caching

How to use css inside of Javascript

Use ESLint in their projects

Break web apps into multiple entry points

Use React with Webpack

Use Angular with Webpack

Learn the importance of SourceMaps and how to use them

Create optimized production builds

Minify Javascript and CSS

Embed images using DataURI

Use YAML as config files

Learn about the fastest package manager called YARN developed at Facebook

Deploying Static content with Surge

Use Webpack 1

Use Webpack 2

Use SASS

Use CoffeeScript

Use TypeScript

Why take this course?

Webpack by far the best and greatest tool for front end development. It is a module bundler suitable for both large or small single-page web applications. 

In this course you will fully understand and master all the aspects you need to know about this awesome tool. You will learn all the different configuration options allowing you customise Webpack to work the way you want for your own projects.

This is the most detailed course on Webpack ever created. You will learn both Webpack 1 and 2, so that you understand the key differences between the versions. 

The topics you will are:

  • Running a Webpack build
  • Setting up loaders and presets
  • Configuring webpack-dev-server
  • CSS, SASS & Bootstrap
  • Adding entry points
  • Bundling vendor files
  • Production Builds
  • Long term caching
  • Deployment

Screenshots

Webpack 1 & 2 - The Complete Guide - Screenshot_01Webpack 1 & 2 - The Complete Guide - Screenshot_02Webpack 1 & 2 - The Complete Guide - Screenshot_03Webpack 1 & 2 - The Complete Guide - Screenshot_04

Reviews

Erin
January 26, 2021
Out of date. Linked API is no longer available, several yarn calls are deprecated and need to be replaced, etc. Makes it very hard to follow along.
Kirk
December 13, 2019
This is a very thorough course and moves along at a good pace, providing both theory & practical examples.
Robert
November 11, 2017
Liked building a project with both React and AngularJS. The course provided some good insights into upgrading webpack, and also I was able to learn about the differences between webpack versions. I would suggest looking out for specific versions of dependencies that work with Webpack v1.
André
September 1, 2017
This course tells everything you need to know about webpack. Nelson explains every detail, step by step, in a way that it's simply impossible for you not to follow.
Kenzo
July 9, 2017
Definitely an awesome teacher. However, one thing that I can see an improvement is to provide a github repository for each lessons as you go on--sometime debugging from a small mistake can take a lot of time, and it would have been nice if there were some reference I can go see the code. Other than great, I recommend it.
Jon
July 5, 2017
This was probably one of the best courses I have seen on Webpack. Nelson does a great job of breaking down how to do things in Webpack. Prior to taking this course, I thought I had a pretty good understanding of what I was doing but Nelson really explained things so well, I feel like I do have an understanding on what I am doing and I feel more confident in making changes to my webpack.config file.
Nick
July 2, 2017
Very well explained and builds on each step in detail so that the student understands each part of webpack as needed.
Imam
June 26, 2017
First of all, I'm grateful for this course. It was a decent course that taught me everything that I need to know about webpack. But it can be improved. The narration was extremely slow; I have to speed the video up to 2 times the regular speed. And maybe it's just my taste, but I feel like it shouldn't use the same project to teach in every video, like creating an application from zero to full application. Because well, I'm using your course as my documentation, so I'm only doing some of your tutorials and leave the others. It feels better to create the full-blown application at the end of the course as an exercise. It might be a personal taste, and I can't say that I'm not grateful for this course. This course is fantastic, but some tweaks here and there can make the course perfect :). Thank you so much for being an excellent teacher!
Carlos
June 8, 2017
The teacher explains with great detail every topic, and doesn't assume anything. Really useful and informative course!
Jason
June 3, 2017
Really takes the time to explain what's happening and why. Easy to understand and keeps information ongoing. Most importantly, is building a real-time app to see a real world solution.
Kcrossfitter
June 2, 2017
First of all, thank you for this excellent course. I can definitely say that this course is really awesome. I think this course is really well organized and step-by-step. Before this course, webpack was always difficult for me and it was one of the thing that I didn't want to encounter it. Webpack was something like difficult puzzle. But now I can see the whole picture and I think I can use webpack with confidence in the future.
Wonder
May 13, 2017
I was really amazed by your way of teaching. Every chapter provides enough explanations, samples, tutorials. It gave me bunch of milestone where I was and where to go. One more reason you're so special is this. You've introduced several services which are helpful for Front-end developers. I'm falling in love with Surge. I believe it improve our Q&A Process and hotfix more efficiently :)
Takayasu
April 15, 2017
I think this course is very good to learn about both version of webpack. I was able to improve my understanding about this theme. Thank you.
Maria
April 1, 2017
It's not that the instructor is not knowledgable. However, much of what is covered is already outdated and installing certain things can wreak havoc on the student's local environment. I also don't think the course is well organized, and it is trying to be everything to everyone. One ends up learning just a bit of many things and not one aspect very well. I would suggest updating the course, and breaking it down into specialized chunks. This should be about webpack using it with something specific, not a tad of everything else and tads of webpack.
Wali
March 10, 2017
BEST WEBPACK COURSE... this is a complicated topic.. I had to watch videos several times and learn independently... Great feeling when a basic app is deployed..!!! You will learn from beginning to end..... I have been looking forward to Nelson Djalo's next course...... Definitely the course I have been waiting for to learn how to integrate webpack into my React web applications Explanations are clear and detailed. He walks you through from beginning to end with varying degrees of complexity...!!!

Charts

Price

Webpack 1 & 2 - The Complete Guide - Price chart

Rating

Webpack 1 & 2 - The Complete Guide - Ratings chart

Enrollment distribution

Webpack 1 & 2 - The Complete Guide - Distribution chart

Related Topics

1037666
udemy ID
12/11/2016
course created date
11/20/2019
course indexed date
Bot
course submited by