Tutorialspoint

Using Webpack

Compiling and serving sophisticated Node applications using Webpack

Course Description

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

Goals

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

Prerequisites

  • Beginner JavaScript
  • Beginner CSS
  • Beginner Node
  • Beginner React (Optional)
Show More

Curriculum

  • What you ought to expect from this course
    00:49
    Preview
  • Why Webpack?
    00:55
    Preview
  • Course Roadmap
    01:22
    Preview
  • How Does Webpack Work?
    03:25
  • Understanding Loaders
    02:27
    Preview
  • Webpack Versions
    06:22
  • Summary
    00:44
Tutorialspoint
Tutorialspoint
Feedbacks
  • No Feedbacks Posted Yet..!
Using Webpack
This Course Includes
  • 1.5 hours
  • 22 Lectures
  • 2 Resources
  • Completion Certificate Sample Certificate
  • Lifetime Access Yes
  • Language English
  • 30-Days Money Back Guarantee

Sample Certificate

Use your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

We have 30 Million registered users and counting who have advanced their careers with us.

X

Sample Certificate