/

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

Learners

4,938

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

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

      • camorra๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
        camorra

        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!

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