강의

멘토링

로드맵

BEST
Programming

/

Front-end

Webpack for Frontend Developers

A Webpack class chosen by 1,000 people! This class has been renewed to match the new version of Webpack. Learn Webpack more easily with a focus on practice :)

(4.9) 342 reviews

3,802 learners

  • captain
3시간 만에 완강할 수 있는 강의 ⏰
Webpack

Reviews from Early Learners

What you will learn!

  • Front-End

  • Webpack

  • NPM

  • Frontend Build System

  • ES6 Import and Export Syntax

In the increasingly complex front-end development ecosystem,
Learn NPM and Webpack quickly ✹

The core of the front-end build system,
NPM and Webpack ✌

You need to know NPM and Webpack, which are said to be the most difficult for practitioners and beginners, to be able to build a project on your own. Learn the two essential concepts for building a modern front-end development project quickly and easily.

More and more companies are using the latest front-end frameworks, and at the center of this are front-end build systems using NPM and Webpack. Many companies are looking for developers who can accurately understand these build systems and build them themselves, so this course will help you become a differentiated front-end developer.

Unique features of this course ✏

  • We provide a coursebook created as a website so you can learn and practice NPM and Webpack from anywhere .
    (The lecture notes are made in PWA, so you can view them conveniently on your mobile device after installing them.)
  • We made the theoretical explanations short and the practical exercises simple yet detailed so that both practitioners who are pressed for time at work and those who are new to webpack can be satisfied.


Tools covered in the lecture 🔚

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

In class, we will use VSCode, but you can use your preferred development tool.


Expected QnA
🙋🏻‍♂

Q. I don't know a single term like build system, modules, bundling, etc. Can I listen to it?

Bundling is the process of combining multiple files into one, and the build system is the system that converts the application I created into a form that can be distributed to users. I will explain the terms that may be difficult for non-specialists and beginners in a friendly manner, so don't worry and listen comfortably.
If you have any questions or concerns about something you don't understand, please post them on the Q&A board and we will provide you with detailed and friendly answers :)

Q. Are there any special advantages to this course?

This lecture is a course where you can understand the theory you learned by explaining the theory as simply as possible and practicing it right away. Rather than a long explanation, I will quickly convey knowledge through short and concise explanations, and then learn the concepts accurately through practice. Shall we start right now?

Q. Is there a reason why you started this course?

I have been teaching offline webpack courses for 3 years. This course is a new course that was created based on feedback from over 500 offline students and from a beginner's perspective. I will help you configure webpack and make frontend build systems no longer difficult!


Associated Roadmap 🚎

Front-end developer roadmap completed with Vue.js
Captain Pangyo's easy-to-handle and productive Vue.js
This is a roadmap designed to help you take on the challenge of practical web development.
Included in this course


Introducing the knowledge sharer 👚‍🏫

Jang Gi-Hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

“Vue.js open source + with lecture revenue
Support Life Coding 😁”

We offer lecture discounts!

Series "Frontend Completed with Vue.js
Developer Roadmap" 25% off (click)

Middle and high school students with no income,
50% off for college students (click)

Recommended for
these people

Who is this course right for?

  • Developers who don't know what NPM is but need to use a front-end framework

  • Front-end development beginner

  • publisher

  • Junior Frontend Developer

  • Front-end developers who have not tried Webpack

  • Anyone curious about the frontend build system

Need to know before starting?

  • HTML

  • CSS

  • Javascript

Hello
This is

48,344

Learners

4,711

Reviews

3,814

Answers

4.9

Rating

19

Courses

읞프런에서 8ë…„ì§ž 지식을 공유하고 있습니닀. 🏠 Ʞ술랔로귞, 📣 튞위터, 💻 깃헙

📗 Do it! Vue.js 입묞, 쉜게 시작하는 타입슀크늜튞, 나는 넀읎버 프런튞엔드 개발자입니닀. 책 3권 집필
📖 Cracking Vue.js, 타입슀크늜튞 핞드북, 웹팩 핞드북. 옚띌읞 묎료 가읎드북 3권 집필
👚‍💻 캡틎판교의 프론튞엔드 개발 유튜람 채널 욎영 - 췚쀀생, 죌니얎 개발자듀의 고믌을 듀을 수 있는 ê³³
🥀 캡틎판교의 칎칎였톡 였픈 채팅방 욎영 - 프런튞엔드 개발 최신 정볎와 업계 동료듀의 생각곌 고믌을 듀을 수 있는 ê³³

Curriculum

All

64 lectures ∙ (3hr 27min)

Published: 
Last updated: 

Reviews

All

342 reviews

4.9

342 reviews

  • windtail16님의 프로필 읎믞지
    windtail16

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    䞀生他人がやっおくれお食べたキムチなのに、 今、キムチを浞す方法を孊びたした。 ありがずうございたす。

    • a010414011600372님의 프로필 읎믞지
      a010414011600372

      Reviews 9

      ∙

      Average Rating 4.8

      3

      63% enrolled

      あたりにも講矩が2分倚いので、最初に講座説明しお少し本論に入っお最埌にたたその内容を敎理するようなので時間が惜しいです。

      • halphas0951님의 프로필 읎믞지
        halphas0951

        Reviews 2

        ∙

        Average Rating 5.0

        5

        98% enrolled

        この川の蒞しです。 通垞、フロント゚ンド初心者初幎開発者たちは開発環境自䜓に察する理解があたりない䜎含む この講矩報告ああ、これはこれでしたが、これでこれが起こったので、次回はここを芋なければなりたせん。 など フロント゚ンド開発環境の基瀎的で党䜓的な流れず知識を築くのにずおも圹立ちたす。 すでにブログで無料で情報を共有しおいたすが、この講矩を通じお知識を䞀緒に習埗しおいたす。 はるかに優れおいたす 参考たでに私はこの講矩たでキャプテン板教様講矩4回目の受講䞭です==> 本圓の蒞し受講生の意芋ずいう意味で匷調しお可甚

        • captain
          Instructor

          蒞し講矩ず蚀っおくださるので蒞し感動が来たすね。 :)

      • ybebee92274님의 프로필 읎믞지
        ybebee92274

        Reviews 3

        ∙

        Average Rating 4.7

        4

        100% enrolled

        他の講矩よりも話しおいるスピヌドが速いので、埌ろに回しお芋お繰り返したのだず思いたす。

        • dhkdndksk2082님의 프로필 읎믞지
          dhkdndksk2082

          Reviews 1

          ∙

          Average Rating 4.0

          4

          100% enrolled

          バヌベルの説明が短すぎお残念ながら良い講矩だったようです。

          Limited time deal

          $3,069.00

          25%

          $26.40

          captain's other courses

          Check out other courses by the instructor!