inflearn logo

/

Easy to learn Webpack

This course teaches the basic concepts of Webpack, a tool that is essential for the latest front-end frameworks (React, Angular, Vue). The purpose of this class is to help students understand the background and philosophy of Webpack and improve their ability to easily analyze and customize Webpack configuration files.

(4.2) 41 reviews

987 learners

Level Basic

Course period Unlimited

Webpack
Webpack
Bundling
Bundling
Webpack
Webpack
Bundling
Bundling

Reviews from Early Learners

4.2

5.0

newcat

98% enrolled

It was a great lecture that solidified the basics of the settings that I had just roughly passed over.

5.0

Leo

100% enrolled

It helped me a lot in understanding Webpack.

5.0

jude

100% enrolled

I think it was a lecture that taught me the basics about webpack. It was good because there were a lot of recommendations for good documents to know.

1. Course Introduction

This course covers the basic concepts of Webpack, an essential tool in the latest front-end frameworks (React, Angular, Vue). It is aimed at beginner front-end developers and web developers who have vague fears about Webpack. Through this course , we aim to understand the background and ideology of Webpack and improve the students' ability to easily analyze and customize the Webpack configuration file . In order to easily understand the notoriously complex settings of Webpack, the course will proceed in a hands-on manner with a simple explanation of the role of each property -> the instructor doing live coding -> the students taking the course with prepared examples. We cover the main properties of Webpack, such as Entry, Output, Loader, Plugin, and Resolve, and learn how to configure a development environment using Webpack and how to link with other web automation tools , so that you can apply not only the basic concepts but also the actual service and practice.

웹팩 핸드북 사이트 소개

This site is good to look at while taking the lecture 😁 (You can access the site by clicking)

2. Who does it help?

  • For those who don't know what Webpack is
  • People who have heard of Webpack but are scared when they open the configuration file
  • Those who threw their mouse while reading the official Webpack documentation
  • For those who want to learn Webpack but don't have any good reference materials
  • If you don't know what I'm talking about after seeing this image, just listen to it.

3. What do you learn?

Webpack Key Properties Configuring the Webpack development environment supplement
  • Entry
  • Output
  • Loader
  • Plugin
  • Resolve
  • Webpack Dev Server
  • Webpack Dev Middleware
  • Developer tool integration
  • Integration with Gulp
  • Introduction and usage of NPM(Node Package Manager)
  • Modularizing JavaScript
  • Node Path API

4. Course Features

The more complex the setup, the more you need to learn from small units in order to draw the big picture. After a brief explanation of each major property, the instructor's live coding -> the course is structured so that students practice according to the prepared examples. In this way, the course is structured so that students can easily and quickly follow Webpack. Also, many people wonder why they should use Webpack. We will explain the background of Webpack, the prerequisite knowledge required to use Webpack (NPM, JavaScript modularization), and other technologies (Node.js, Gulp) in advance , and look at the detailed setup, so it is a class like a story.

5. Instructor Introduction

Jang Gi-hyo (Captain Pangyo)


[profile]

People Met by Inflearn #02 | Go see Jang Gi-hyo's interview

Hello
This is captain

49,660

Learners

4,907

Reviews

3,818

Answers

4.9

Rating

19

Courses

I have been sharing knowledge on Inflearn for 8 years. 🏠 Tech Blog, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js Introduction, Easy TypeScript and 3 other books authored
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. 3 online free guidebooks authored
👨‍💻 Operating Captain Pangyo's Frontend Development YouTube Channel - A place to hear the concerns of job seekers and junior developers
🥤 Operating Captain Pangyo's KakaoTalk Open Chat Room - A place to get the latest frontend development information and hear the thoughts and concerns of industry peers

More

Curriculum

All

51 lectures ∙ (3hr 26min)

Published: 
Last updated: 

Reviews

All

41 reviews

4.2

41 reviews

  • camorra0421님의 프로필 이미지
    camorra0421

    Reviews 24

    Average Rating 4.5

    5

    100% enrolled

    It helped me a lot in understanding Webpack.

    • topsky20088358님의 프로필 이미지
      topsky20088358

      Reviews 5

      Average Rating 5.0

      5

      100% enrolled

      I enjoyed the lecture! I had no idea about webpack, but I'm starting to understand it little by little. I'm also looking at the webpack handbook, and it seems to be very helpful!

      • newcat님의 프로필 이미지
        newcat

        Reviews 3

        Average Rating 5.0

        5

        98% enrolled

        It was a great lecture that solidified the basics of the settings that I had just roughly passed over.

        • shk72301233님의 프로필 이미지
          shk72301233

          Reviews 7

          Average Rating 5.0

          5

          100% enrolled

          I think it was a lecture that taught me the basics about webpack. It was good because there were a lot of recommendations for good documents to know.

          • kaei25740567님의 프로필 이미지
            kaei25740567

            Reviews 2

            Average Rating 4.5

            4

            100% enrolled

            Although the version has changed, I thought of this as a study and found the changed parts and implemented them myself, which helped me a lot in my studies! Thank you, GateenGodgyo.

            captain's other courses

            Check out other courses by the instructor!

            Access is restricted to non-public courses.