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

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

36,748

Learners

2,865

Reviews

1,667

Answers

4.9

Rating

18

Courses

Hello! 👋
I'm Gym Coding, a coding education creator 😊

I teach simply enough for non-developers to follow, and with enough depth to satisfy professionals.
I am currently a full-stack developer of 13 years and the CEO of an IT startup.

I have personally designed and built everything from front-end, back-end, and AWS infrastructure, including service development for major corporations like KT and Kia, the Cafe24 e-commerce platform, smart city IoT data platforms,
and even the services I currently operate myself.

Currently, while focusing on education, I maintain my industry expertise by directly developing my own services.

Translating that real-world experience into a language that even beginners can understand—that is what I do through my lectures.

 

🏆 Proven Results

🥇 Inflearn 2026 Claude Code Lecture BEST 1 - Claude Code Perfect Mastery

🏆 Inflearn Awards 2025 Bestseller - React Complete Master

🔥 Inflearn 2025 'Hottest Course Right Now' - Claude Code Complete Master

🎬 YouTube Subscribers 49k+ · Cumulative Views 3.6M+

 

👨‍💻 Experience

  • 13-year Full-stack Developer · Current IT Startup CEO

  • Frontend: React · Vue · TypeScript

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

  • Infrastructure: AWS · Serverless · Lambda Architecture Design

  • Inflearn Knowledge Sharer

     

🚀 Startup (Entrepreneur)

  • Experience in patent and trademark application and registration

  • Selected for multiple government startup support programs (including 'Excellent' rating at Smart Venture Campus)

📖 Corporate Training (B2B)

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

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

  • Special Lecture at Korea Software HR Development Institute · Government IT Mentor

     

 

️ View More

 

🏢 Corporate training, partnership, and advertising inquiries — biz@gymcoding.co

💬 General & Course Inquiries — hello@gymcoding.co

More

Reviews

All

392 reviews

4.9

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

    • maddux님의 프로필 이미지
      maddux

      Reviews 11

      Average Rating 5.0

      5

      100% enrolled

      It helped build basic knowledge.

      • gymcoding
        Instructor

        Thank you~! 👍

    • 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~!! 🙂 🎉

    • 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