inflearn logo

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) 405 reviews

8,323 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

40,235

Learners

3,512

Reviews

1,898

Answers

4.9

Rating

18

Courses

Hello! 👋
I’m Jim Coding, a coding education creator 😊

I teach in a way that non-developers can follow, making it as easy as possible while going in-depth enough to satisfy practitioners.
With 15 years of experience as a full-stack developer, I currently share programming and AI knowledge on YouTube and Inflearn.

From developing services for major corporations such as KT and Kia to building the Cafe24 e-commerce platform, a smart city IoT data platform, and proprietary services I created while running an education company, I have personally designed and built everything from the frontend and backend to AWS infrastructure.

I am now dedicating the development experience I have built up over the years to sharing knowledge.
I will deliver the essential knowledge you need in the AI era in a clear yet in-depth way.


🏆 Proven Results

🥇 Inflearn 2026 Claude Code Course BEST 1

🏆 Selected as an Inflearn 2025 Bestseller

🔥 Inflearn 2025 'The Hottest Course Right Now' - Claude Code

🎬 50,000+ YouTube subscribers · 3.6M+ total views


👨‍💻 Career

  • 15-year full-stack developer · Currently running an education company

  • Frontend: React · Vue · TypeScript

  • Backend: Node.js · Java · Spring · Python

  • Infrastructure: AWS · Serverless · Lambda architecture design

  • Inflearn Knowledge Sharer

     

Startup (Entrepreneur)

  • Experience filing and registering patents and trademarks

  • Selected for multiple government startup support programs (including “Best” at Smart Venture Campus)

Corporate training (B2B)

  • Multicampus - In-person training on 'Claude Code' for corporate professionals

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

  • Korea Software Human Resources Development Institute Special Lecture · Public Agency IT Mentor


🙋‍♂️ See More

More

Reviews

All

405 reviews

4.9

405 reviews

  • 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~! 👍

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

    • 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