Front-end Wings: Knowledge You Must Know Before Learning Vue and React

Through this course, you can solidify the knowledge you need to know before becoming a front-end developer, such as Webpack and NPM.

(4.9) 397 reviews

8,251 learners

Level Basic

Course period Unlimited

Webpack
Webpack
Webpack
Webpack
Thumbnail

Reviews from Early Learners

4.9

5.0

์ƒ์€์“ฐ

100% enrolled

Every time I listened to Jim Coding's lecture and was amazed, I hit my forehead and my turtle neck was completely cured. I will go and tear up the next lecture with the right posture.

5.0

๋•Œ๊ตฌ๋‹ˆ

100% enrolled

I think the name of the course "Front-end - Wings" should be changed to "Ride a Rocket and Fly". I learned a lot about various common sense, principles, and environments for front-end development. This is a lecture by the best front-end player in Korea that cannot be expressed in words. Thank you so much, and I will go straight to the follow-up lecture, Vue.js3 Perfect Master "Basic Edition". ~~

5.0

ํ˜„์ •์ด

100% enrolled

It explains the confusing parts in an easy-to-understand way

What you will gain after the course

  • You can find out what Webpack is

  • You can find out what NPM is

  • General understanding of web technologies

You must have a solid understanding of the background knowledge,
You can become a real front-end developer ๐Ÿ˜

Front-end winging โœˆ

While doing front-end development, I felt that many people did not have a clear understanding of Webpack, NPM, and module systems.
Currently, many courses cover topics related to frameworks such as Vuejs, React, and Angular, but there is not much background knowledge required to become a front-end developer.
So, here's the "Front-End Wings" lecture I've prepared. I've prepared this lecture with easy-to-understand explanations, so I hope it's helpful. ๐Ÿ™‚

"Of all the explanations I've heard, this was the most clear and to the point ."
-What is an API-

"It was a simple, yet very informative lecture, given with sincerity. Thank you."
-Webpack Basics-

"I enjoyed the lecture. Even as a beginner like me , the content was very friendly and easy to understand .
I was curious about NPM and didn't know there was such a useful video."
-NPM Basics-


What you'll learn in class
๐ŸŽ‰

This course is recommended for those looking to become a front-end developer, as it provides prerequisite knowledge before learning frameworks like Vue.js, React, and Angular. It shares a variety of knowledge for front-end developers, including the following:

  • DOM/BOM
  • API
  • Synchronous/Asynchronous
  • modular system
  • NPM
  • Webpack
  • modular system

If you're one of these people, pay attention ๐Ÿ‘€

import, export, etc.
For those who don't know what it is

In the JavaScript module system
For those who want to understand Korea

NPM and Webpack
Those who want to learn core concepts


Introducing the knowledge sharer โœ’๏ธ

This is the Jim Coding YouTube channel that creates practical coding content .
YouTube | GitHub | Gymstagram | Codingstagram

Recommended for
these people

Who is this course right for?

  • For those who don't know exactly what import, export, and npm are

  • Before learning React, Vue, and Angular, you must take this course!

  • Anyone who wants to become a front-end developer

Need to know before starting?

  • HTML, CSS, JavaScript Basics

Hello
This is gymcoding

Inflearn Verified

Career Verified

38,483

Learners

3,141

Reviews

1,792

Answers

4.9

Rating

18

Courses

Hello! ๐Ÿ‘‹
I'm Gym Coding, a coding education creator ๐Ÿ˜Š

I teach non-developers so they can follow along as easily as possible, while providing enough depth to satisfy working professionals.
With 15 years of experience as a full-stack developer, I am currently sharing programming and AI knowledge on YouTube and Inflearn.Vแป›i 15 nฤƒm kinh nghiแป‡m phรกt triแปƒn Full-stack, hiแป‡n tแบกi tรดi ฤ‘ang chia sแบป kiแบฟn thแปฉc vแป lแบญp trรฌnh vร  AI trรชn YouTube vร  Inflearn.

From developing services for major corporations like KT and Kia to building the Cafe24 e-commerce platform, Smart City IoT data platforms, and even my own services while running an education company, I have personally designed and built everything across frontend, backend, and AWS infrastructure.

I am now dedicating the development experience I've built up over the years to sharing knowledge.
I will deliver the essential knowledge needed for the AI era in an easy yet profound way.


๐Ÿ† Proven Results

๐Ÿฅ‡ Inflearn 2026 Claude Code Lecture BEST 1

๐Ÿ† Selected as Inflearn Awards 2025 Bestseller

๐Ÿ”ฅ Inflearn 2025 'Hottest Course Right Now' - Claude Code

๐ŸŽฌ YouTube 50k+ subscribers ยท 3.6M+ cumulative views


๐Ÿ‘จโ€๐Ÿ’ป Experience

  • 15-year Full-stack Developer ยท Current IT Company CEO

  • Frontend: React ยท Vue ยท TypeScript

  • Backend: Node.js ยท Java ยท Spring ยท Python

  • Infrastructure: AWS ยท Serverless ยท Lambda Architecture Design

  • Inflearn Knowledge Sharer

     

Startups (Entrepreneurs)

  • Experience in patent and trademark application and registration

  • Selected for multiple government startup support programs (including 'Outstanding' at Smart Venture Campus, etc.)

Corporate Training (B2B)

  • Multicampus - 'Claude Code' offline training for corporate professionals

  • Shinhan Card Developer Training - Hosted by Multicampus, Online Live

  • Special Lecture at Korea Software HR Development Institute ยท IT Mentor for Government Agencies


๐Ÿ™‹โ€โ™‚๏ธ See more

More

Reviews

All

397 reviews

4.9

397 reviews

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

    Reviews 7

    โˆ™

    Average Rating 5.0

    5

    100% enrolled

    Every time I listened to Jim Coding's lecture and was amazed, I hit my forehead and my turtle neck was completely cured. I will go and tear up the next lecture with the right posture.

    • gymcoding
      Instructor

      Wow~! Even turtle neck treatment!! ๐Ÿ˜‚ Thank you for visiting my lecture! ๐Ÿ‘ Fighting ๐Ÿ’ช

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

    Reviews 2

    โˆ™

    Average Rating 5.0

    5

    100% enrolled

    It explains the confusing parts in an easy-to-understand way

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

      Reviews 25

      โˆ™

      Average Rating 5.0

      5

      100% enrolled

      I think the name of the course "Front-end - Wings" should be changed to "Ride a Rocket and Fly". I learned a lot about various common sense, principles, and environments for front-end development. This is a lecture by the best front-end player in Korea that cannot be expressed in words. Thank you so much, and I will go straight to the follow-up lecture, Vue.js3 Perfect Master "Basic Edition". ~~

      • gymcoding
        Instructor

        Thank you for your kind words~!! ๐Ÿ™‚ ๐ŸŽ‰

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

      Reviews 11

      โˆ™

      Average Rating 5.0

      5

      100% enrolled

      It helped build basic knowledge.

      • gymcoding
        Instructor

        Thank you~! ๐Ÿ‘

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

      Reviews 4

      โˆ™

      Average Rating 5.0

      5

      35% enrolled

      • gymcoding
        Instructor

        Thank you~! ๐Ÿ‘

    gymcoding's other courses

    Check out other courses by the instructor!

    Free