/

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개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

Webpack
Webpack
Bundling
Bundling
Webpack
Webpack
Bundling
Bundling

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.2

5.0

newcat

98% 수강 후 작성

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

5.0

Leo

100% 수강 후 작성

It helped me a lot in understanding Webpack.

5.0

jude

100% 수강 후 작성

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

강의소개.지공자소개

49,322

수강생

4,861

수강평

3,816

답변

4.9

강의 평점

19

강의_other

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

더보기

커리큘럼

전체

51개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

41개

4.2

41개의 수강평

  • newcat님의 프로필 이미지
    newcat

    수강평 3

    평균 평점 5.0

    5

    98% 수강 후 작성

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

    • kaei25740567님의 프로필 이미지
      kaei25740567

      수강평 2

      평균 평점 4.5

      4

      100% 수강 후 작성

      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.

      • camorra0421님의 프로필 이미지
        camorra0421

        수강평 24

        평균 평점 4.5

        5

        100% 수강 후 작성

        It helped me a lot in understanding Webpack.

        • muezwink2473님의 프로필 이미지
          muezwink2473

          수강평 21

          평균 평점 4.6

          4

          100% 수강 후 작성

          Thank you. Thank you for your hard work.

          • shk72301233님의 프로필 이미지
            shk72301233

            수강평 7

            평균 평점 5.0

            5

            100% 수강 후 작성

            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.

            captain님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            강의상세_가격문구_비공개