Using Webpack

Compiling and serving sophisticated Node applications using Webpack

JavaScript is the only programming language all web browsers natively understand.

What you’ll learn

  • Installing Webpack using NPM.
  • Understand and compare Webpack versions.
  • Compile JSX (React) with Webpack.
  • Create and modify webpack configuration files.

Course Content

  • Introduction To Webpack –> 7 lectures • 16min.
  • Installing and Configuring Webpack –> 12 lectures • 51min.
  • Building an Application with Webpack –> 3 lectures • 29min.

Auto Draft

Requirements

  • Beginner JavaScript.
  • Beginner CSS.
  • Beginner Node.
  • Beginner React (Optional).

JavaScript is the only programming language all web browsers natively understand.

But what happens when your application gets too complex to effectively scale and be maintained when it is written as a loosely-connected array of plain JavaScript files?

The solution, of course, is to write your application using more sophisticated tools like TypeScript, React, LESS, JSON, and more. And to bundle all these non-JavaScript files into one clean package that browsers can understand you need a special tool like Webpack.

In this course, we’ll learn everything necessary to build a deployment ready application with Webpack. Some of the key skills we’ll be covering include:

  • Installing Webpack using NPM
  • Differentiating between Webpack versions
  • Creating a Webpack configuration file and editing it
  • Serving Webpack applications in a development context using Webpack Dev Server
  • Compiling React applications to JavaScript
  • Compiling CSS to JavaScript
  • Compiling text files (YAML) to JavaScript objects
  • … much more

We’ll be combining all these skills into a single Webpack application which you can build in real time while taking the course. This fun and interactive application will impress your peers and can be used as a base to practice or develop any Webpack skills you wish!

Don’t hesitate. Don’t even think about it. Sign on up and get ready to use Webpack and kick-start your career in any of the following high-demand fields:

  • Back-end developer
  • Full-stack developer
  • JavaScript developer
  • Node developer
  • Dev-ops and CI specialist

“No gains without pains.” – Benjamin Franklin

Get Tutorial