Please ensure Javascript is enabled for purposes of website accessibility
Using Webpack
0( 0 REVIEWS )
1 STUDENTS
1h 35m

Compiling and serving sophisticated Node applications using Webpack.

Read more.
Course Skill Level
Beginner
Time Estimate
1h 35m

Instructor

Access all courses in our library for only $9/month with All Access Pass

Get Started with All Access PassBuy Only This Course

About This Course

Who this course is for:

  • Developers who wish to interact and contribute better to current projects that use Webpack
  • Developers familiar with other bundling tools (grunt, gulp) who wish to update their workflow
  • Junior developers who want to start moving towards a more intermediate / dev-ops oriented role

What you’ll learn: 

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

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 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

Our Promise to You

By the end of this course, you will have learned everything necessary to build a deployment-ready application with Webpack.

10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today!

Course Curriculum

Section 1 - Introduction To Webpack
What You Ought To Expect From This Course 00:00:00
Why Webpack? 00:00:00
Course Roadmap 00:00:00
How Does Webpack Work? 00:00:00
Understanding Loaders 00:00:00
Webpack Versions 00:00:00
Summary 00:00:00
Section 2 - Installing And Configuring Webpack
Installing Webpack 00:00:00
Demo: Installing Webpack 00:00:00
Configuring Webpack 00:00:00
Demo: Configuring Webpack 00:00:00
Webpack Dev Server 00:00:00
Demo: Using Webpack Dev Server 00:00:00
Transforming JSX With Webpack 00:00:00
Demo: Transforming JSX With Webpack 00:00:00
Bundling Styles 00:00:00
Demo: Bundling Styles With CSS And Webpack 00:00:00
Loading Additional Filetypes With Webpack 00:00:00
Demo: Loading YAML Files With Webpack 00:00:00
Section 3 - Building An Application With Webpack
Creating An Interactive Application 00:00:00
Demo – Putting It All Together – Creating An Interactive Application 00:00:00
Summary, Continue Developing The App, Q&A 00:00:00
Using Webpack QUIZ Unlimited
4764597

Join our newsletter and get your first course free!

4764598

Join our newsletter and get your first course free!

Congratulations! You get one free course of your choice. Please check your email now for the redemption code

Are you interested in higher education?