강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Webpack for Frontend Developers

The webpack course chosen by 1,000 people! This is a renewed course updated for the new webpack version. Learn webpack more easily through hands-on practice :)

(4.9) 346 reviews

3,840 learners

Level Basic

Course period Unlimited

  • captain
Webpack
Webpack
Webpack
Webpack

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

Sanghoon Bae

100% enrolled

I've been eating kimchi made by others my whole life, but now I've learned how to make kimchi. Thank you.

5.0

halphas

98% enrolled

This lecture is the real deal. Usually, front-end beginners (newbies) don't have much understanding of the development environment itself (including me). After watching this lecture, I thought, "Oh, this is it," "This is how it was, so I should look at this next time," "If I want to do it, I should modify this," etc. It is very helpful for building basic and overall flow and knowledge about the front-end development environment. Although you already share information for free on your blog, it is much better to acquire knowledge through this lecture. (For reference, I am taking Captain Pangyo's lecture for the fourth time. ==> I emphasize this as the opinion of a real student.)

5.0

코크

100% enrolled

Webpack is a bit difficult ㅠㅠ I think I'll have to listen to it repeatedly to understand it... Thank you for explaining this difficult thing so well!!

What you will gain after the course

  • Front-End

  • Webpack

  • NPM

  • Frontend build system

  • ES6 Import and Export Syntax

Quickly learn NPM and Webpack
in the increasingly complex frontend development ecosystem ✨

The core of frontend build systems,
NPM and Webpack ✌

You need to understand NPM and Webpack, which practitioners and beginners say are the most difficult, in order to set up projects on your own. Let's learn these two essential concepts for configuring modern frontend development projects easily and quickly.

More and more companies are using the latest frontend frameworks, and at the heart of this is the frontend build system using NPM and Webpack. Many companies are looking for developers who can accurately understand and build this build system on their own, so through this course, you'll be able to become a differentiated frontend developer.

Unique Features of This Course ✏️

  • We provide web-based course materials so you can learn and study NPM and Webpack anywhere.
    (The course materials are built with PWA, so you can install and conveniently view them on mobile devices as well.)
  • For professionals who need to learn quickly under time pressure at work, and for those encountering webpack for the first time, the course is designed with brief theoretical explanations and simple yet detailed hands-on exercises to satisfy everyone.


Tools Covered in the Course 🔨

  1. VSCode
  2. Node.js LTS version (v10 or higher)
  3. NPM
  4. Git

The class will be conducted using VSCode, but if you have a preferred development tool, you're welcome to use that instead.


Expected Q&A
🙋🏻‍♂️

Q. I don't know any of these terms like build systems, modules, bundling - can I still take this course?

Bundling is combining multiple files into one, and a build system refers to the framework that transforms the application you've created into a form that can be distributed to users. These terms might seem difficult, but I explain them in a friendly way from the perspective of non-majors and beginners, so don't worry and feel free to listen.
If you get stuck or don't understand something as you proceed, please leave a question on the Q&A board and I'll provide detailed and kind answers :)

Q. Does this course have any special advantages?

This course explains theory as simply as possible and then immediately practices together so you can understand what you've learned on your own. Rather than lengthy explanations, I'll quickly deliver knowledge through short and concise explanations, then help you learn concepts accurately through hands-on practice. Shall we start right now?

Q. What motivated you to start this course?

I've been conducting offline webpack courses for the past 3 years. This course has been newly structured from a beginner's perspective, incorporating feedback from over 500 offline students. I'll help you so that webpack configuration and frontend build systems no longer feel difficult!


Related Roadmap 🚎

Frontend Developer Roadmap with Vue.js
A roadmap designed by Captain Pangyo to help you
tackle real-world web development with easy-to-use and productive Vue.js.
Includes this course


Instructor Introduction 👨‍🏫

Captain Pangyo

"People Met by Inflearn" Interview

"I support Vue.js open source +
OpenTutorials with my course revenue 😁"

We offer course discounts!

Series "Frontend
Developer Roadmap with Vue.js" 25% Discount (Click)

Student 50% discount for middle and high school students
and college students without income (Click)

Recommended for
these people

Who is this course right for?

  • A developer who needs to use a frontend framework but doesn't know what NPM is

  • Frontend Development Beginner

  • Publisher

  • Junior Frontend Developer

  • A frontend developer who has never tried Webpack

  • Someone curious about frontend build systems

Need to know before starting?

  • HTML

  • CSS

  • Javascript

Hello
This is

49,267

Learners

4,853

Reviews

3,816

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

Curriculum

All

64 lectures ∙ (3hr 27min)

Published: 
Last updated: 

Reviews

All

346 reviews

4.9

346 reviews

  • windtail16님의 프로필 이미지
    windtail16

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    I've been eating kimchi made by others my whole life, but now I've learned how to make kimchi. Thank you.

    • halphas0951님의 프로필 이미지
      halphas0951

      Reviews 2

      Average Rating 5.0

      5

      98% enrolled

      This lecture is the real deal. Usually, front-end beginners (newbies) don't have much understanding of the development environment itself (including me). After watching this lecture, I thought, "Oh, this is it," "This is how it was, so I should look at this next time," "If I want to do it, I should modify this," etc. It is very helpful for building basic and overall flow and knowledge about the front-end development environment. Although you already share information for free on your blog, it is much better to acquire knowledge through this lecture. (For reference, I am taking Captain Pangyo's lecture for the fourth time. ==> I emphasize this as the opinion of a real student.)

      • captain
        Instructor

        I am deeply touched because you said it was a real lecture.. Thank you so much for the real class review, halphas :) We will continue to update the webpack documentation in the future, so please come visit often~! :)

    • ybebee92274님의 프로필 이미지
      ybebee92274

      Reviews 3

      Average Rating 4.7

      4

      100% enrolled

      The lectures were faster than other lectures, so I had to go back and rewind and repeat them. ㅠ.ㅠ It felt more hectic than other Vue lectures. ㅠㅠ However, the lecture content was good for quickly understanding the concepts of webpack!

      • dhkdndksk2082님의 프로필 이미지
        dhkdndksk2082

        Reviews 1

        Average Rating 4.0

        4

        100% enrolled

        It's a shame that the explanation about Babel is too short, but I think it was a good lecture.

        • cokes님의 프로필 이미지
          cokes

          Reviews 19

          Average Rating 5.0

          5

          100% enrolled

          Webpack is a bit difficult ㅠㅠ I think I'll have to listen to it repeatedly to understand it... Thank you for explaining this difficult thing so well!!

          $26.40

          captain's other courses

          Check out other courses by the instructor!