Webpack 2: The Complete Developer's Guide

4.7 (4773)
MOOC
Payment
Learning paid
Language
English
Duration
5.5 hours course
Course by Udemy
What will you learn?
Understand the purpose of Webpack in a modern web app
Build custom boilerplate projects to serve ES2015 Javascript
Deploy Webpack-based projects to AWS, Heroku, and more
Enhance the performance of web apps by leveraging Webpack's ecosystem of plugins
Enhance code organization through the use of ES2015 JS Modules
About the course

Webpack is the premier build tool for React and Angular 2 applications.

Deployment?  Covered.  Performance optimizations? We got it.  Custom boilerplate creation?  Its here!

Webpack is notorious for being tricky to configure correctly.  In this course you'll master each major feature of Webpack and learn how to optimize it for your own app.  Webpack has a wealth of fancy features, but each requires in depth knowledge of how they work.  This course is the most comprehensive Webpack course you'll find online, and the only full course on the popular version 2 edition of Webpack.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build Webpack-based projects.

Tired of downloading boilerplates packages with no idea how to change them?

React and Angular 2 have seen standalone boilerplate packages flourish, but they come with dense configuration setups that make them challenging to change.  With the experience you gain in this course you'll be able to customize your projects to suit your particular needs.

So much content!

  • Learn the difference between ES2015 and CommonJS module systems
  • Load ES2015 code with Webpack's Babel Loader
  • Use Webpack to automatically resize and compress images for optimal load times
  • Implement code splitting to dramatically decrease load times
  • Learn to tweak your React project to work perfectly with Webpack
  • Master versioning of your application to reduce the amount of code your users download
  • Deploy your application to AWS, Heroku, Github Pages, or Surge

Webpack can be confusing to learn, but after taking this course you'll understand that it is a tool that requires just a bit of concentration to master.  Once you hear my explanations of Webpack, you'll come to realize that each concept is straightforward, and only requires the smallest touch of patience to comprehend.  No filler here, just laser focus on the most important aspects of Webpack.

I always build courses I would want to take, and this is no exception.  Every topic is explained in great detail with accompanying diagrams and examples.  You'll learn the back story of each feature and learn where to apply them to solve real world problems. 

Program
How to Use This Course
Start Here!
Links to Github Repos
What Does Webpack Do?
Why Do We Use Build Tools?
Javascript Modules
The Purpose of Webpack
Test Your Understanding
Webpack in Action
Javascript Module Syntax
Linking Files with CommonJS
Webpack Installation and Configuration
Requirements
  • Basic knowledge of Javascript
  • A Mac or PC
Lecturers
Stephen Grider
Stephen Grider
Engineering Architect
Platform
/storage/img/providers/udemy.svg
Udemy courses are suited to professional development. The platform is organized in such a way that it is experts themselves that decide the topic and when the course will start. All supporting documents are made available to you for lifetime access. On this platform, you can find a course on about any subject, and that is no exaggeration – from a tutorial on how to ride a motorcycle, to managing the financial markets. The language and the course format are established by the teacher. This is why it is important to read the information about the course carefully before parting with any money.
Rating
4.7
(3282)
(1250)
(226)
(36)
(15)
Comments (4773)
Like any other website, konevy uses «cookies». These cookies are used to store information including visitor's preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information. For more general information on cookies, please read the «What Are Cookies» article on Cookie Consent website.