Learn Webpack 2 from scratch

Learn how to build web applications using Javascript's most popular build tool... Webpack 2
Rating: 4.7 out of 5 (1,213 ratings)
33,635 students
English
English [Auto]

Know how to build web applications using Webpack 2

Requirements

  • You should have a basic understanding of HTML, CSS & Javascript

Description

UPDATE

I have recently released a brand new free course called "Webpack 5 Fundamentals." If you are looking for the most up to date resource on learning Webpack, Webpack 5 Fundamentals is the course you are looking for. Unfortunately, Udemy does not allow me to post links here, so you will need to search for "Webpack 5 Fundamentals" and my course should be the first in the results. You can also look at my instructor profile and see all of the courses I teach and find it that way.

---

In this course you will learn a solid foundational understanding of Webpack 2 and its ecosystem. My approach to teaching Webpack 2 in this course, is to walk you through the documentation so you become comfortable learning new Webpack concepts on your own after taking this course. One of the most important skills as a web developer is knowing how to read and utilize documentation. Things are constantly changing and evolving in our world, and so knowing how to study and explore documentation is essential to being successful in this industry. 

Webpack is by far the most popular Javascript build tool in existence today and its popularity is only growing. Knowing and understanding Webpack is a very important and in demand skill as more and more companies are adopting it to build their sites and applications. 

My goals for this course are to give you the foundational knowledge you need so you can begin creating your own customized Webpack configurations to meet you projects and clients specific needs. The Webpack ecosystem is massive and can be quite overwhelming. However, in this course I walk you through line by line through each configuration and setup so you understand and know exactly what is going on. No longer will you be overwhelmed when you open someone else' webpack.config.js file. Having this foundational knowledge will allow you to add custom plugins, loaders, build tools and anything else your project demands.  

As a side note, I am very much open to suggestions. If there is a feature in Webpack that I have not covered here, but you would like me too, please send me a message or leave a comment in the discussion area and I will make more content to teach that topic. This course is FREE and always will be. My goal is to truly help as many people as I can, so please do not be shy in asking questions, providing feedback, comments, critiques, etc :)

Who this course is for:

  • Beginner to intermediate web developers

Course content

1 section10 lectures1h 16m total length
  • Installation & Getting Started
    14:56
  • Webpack Loaders
    15:41
  • Webpack --watch
    02:26
  • Webpack & PostCSS
    07:41
  • Extracting CSS to a separate file
    04:55
  • Enabling CSS & JS sourcemaps
    07:53
  • Creating multiple bundles
    08:35
  • Webpack Dev Server
    03:29
  • Browsersync proxy with Webpack Dev Server
    05:32
  • Working with multiple HTML files
    05:10

Instructor

Senior Software Engineer
Robert Guss
  • 4.4 Instructor Rating
  • 1,543 Reviews
  • 42,722 Students
  • 2 Courses

Hey! I'm Robert Guss, a senior software engineer, and educator. I am a self-taught developer with over 6 years of experience in web development and over 17 years of experience working in IT.

I currently work full-time as a senior software engineer at InsureMyTrip

I'm a certified WordPress consultant and a 2018 Google Developer Challenge Scholarship recipient.

I also teach full-stack web development at HowToCode