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

8,248 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,444

Learners

3,123

Reviews

1,784

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

  • one95563851님의 프로필 이미지
    one95563851

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

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

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

    • 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