BEST

Vue3 Perfect Master: From Basics to Practice - "Basic Edition"

Name: Vue3 Perfect Master: From Basics to Practice - "Basic Edition"
Price: 46200 KRW
Rating: 4.9 (375 reviews)

Based on the official documentation, this course covers the Vue 3 specifications in detail and in depth to enable web development with Vue.js 3.

(4.9) 375 reviews

3,151 learners

Level Basic

Course period Unlimited

gymcoding

Vue.js

Reviews from Early Learners

4.9

5.0

design

100% enrolled

Even when listening to it 1.5 times, it was good that it was explained very easily with rich content and accurate pronunciation that was just as good as the reference. It was very helpful.

5.0

kimjuno97

100% enrolled

According to npm trends, the number of Vue downloads between November and December was about 3 times that of React. I think this lecture is really helpful for getting started with Vue3!

5.0

박상우

100% enrolled

I had been working on a project with React for a year, and recently I changed jobs and started using Vue, so I took this course. The courses I had taken before were good, but I thought this course was very informative and only included the necessary parts. I think it was the best course I've taken.

What you will gain after the course

Vue3 Composition APIs
Vue3 Components: From Basics to Advanced!
Starting a Project with Vite
Differences between <script setup> syntax and regular <script>
We cover everything from the basics to in-depth topics based on the official English documentation.

First, get to know Vue.js 3 easily with the Basic Course,
and then learn it in detail and depth with the Practical Course! 🎵

Launch of the Latest Vue 3 Complete Guide 🎤

If you have taken either the Vue3 Complete Master: Basic or Practical course,
you can watch the "Latest Vue 3 Complete Guide" for free.

I will teach you easily
in Gym Coding's unique way 🥴

This course is a lecture on building web applications with Vue.js 3,
and it is conducted based on the newly introduced Composition API basis.
While covering everything you need to know based on the official documentation,
it covers the content easily, in detail, and in depth.

Introducing the lecture series
divided into two parts ✌

1️⃣ [Vue.js 3 Complete Master: From Basics to Practice "Basic Course"]
Current Course

2️⃣ [Vue.js 3 Complete Master: From Basics to Practice "Advanced Edition"]

Initially, I planned to produce this as a single course when I first started planning, but

I wanted to design the curriculum by including every single essential Vue.js 3 specification from the official documentation without missing anything,
Rather than simply teaching the syntax of Vue.js 3, I wanted to include a variety of content to help you become as familiar with it as possible.
With the emergence of Vue 3 based on the Composition API, I wanted to cover even the core libraries and
To ensure that those who already know Vue 3 can also take the practical course content reasonably, I have decided to produce it in two separate courses.

So,
in the Basic Course 💁‍♂️

For those who are new to Vue.js 3, we focused on learning the latest Vue.js 3 syntax based on the official documentation. The general contents of the lecture are as follows.

The process of HTML, CSS, and JavaScript transforming into a component-based Vue.js web app
Differences between Options API vs. Composition API
Starting a project with Vite
ESLint Prettier Configuration
Composition API syntax reflecting the latest specifications from the official documentation
Vue.js 3 Component Basics to Advanced
The difference between <script setup> and a regular <script>

Bootstrap UI Framework 💻

As a bonus, this course uses Bootstrap and demonstrates how to find and use the components you want directly from the official documentation. Through this process, you will naturally learn how to use Bootstrap as an added bonus :)

Expected Questions Q&A 💬

Q. I want to create a web service without any prior knowledge of web development. What should I do?

This course is suitable for those who already have a basic understanding of HTML, CSS, and JavaScript.

HTML / CSS Course Click!
JavaScript Course Click Click!
Giving Wings to Front-end Click!

Q. Are the lecture source codes provided?

The lecture source code can be downloaded once you take this course, and the source code for the basic version is also provided on Github.

Q. I am using Vue.js 2 or 3; should I also take the Basic course?

If you already know the Vue.js 3 syntax, I recommend the [Practical Version].
If you are currently using Vue.js 2, I recommend taking both the [Basic] and [Advanced] courses.
If you are new to Vue.js, I highly recommend watching both the [Basic] and [Advanced] versions.
I think you can make a decision after carefully reviewing the curriculum for any other personal differences. 🙂

Q. What can I gain after taking this course?

You can learn not only Vue.js 3, but also core libraries such as Vue Router and Pinia.
As a bonus, you can even gain skills in Bootstrap.

Introducing the Instructor ✒️

I launched the "Vue&Vuetify Admin Site Creation" course on YouTube and Inflearn, and I am so grateful that many people have given me such positive feedback 😃

[Creating a Vuetify Admin Site - "Basic Edition" (Free)] Total 1,313 students, Rating 4.9
[Creating a Vuetify Admin Site - "Advanced Edition" (Paid)] Total 441 students, Rating 5.0

Since 2021, there have been people asking for Vue.js 3 lectures! I also noticed while answering questions about Vuetify that many people are still unfamiliar with front-end knowledge such as Vue.js, NPM, and Webpack. So, while I had only been thinking about filming a course, I felt that Vue.js 3 has now established itself as the official version, and I have prepared my best with PPTs and teaching materials.
On the Gym Coding YouTube channel that I run, I plan to provide comprehensive content for creating web services, covering not only front-end and back-end but also AWS infrastructure.
I ask for your interest and support. Thank you.

Practical coding content is being created on the YouTube Gym Coding Channel.
YouTube | GitHub | Gymstagram | Codingstagram

Recommended for
these people

Who is this course right for?

Those who want to become a frontend developer
Those who want to create wonderful web applications
Those who want to learn meticulously based on official documentation

Need to know before starting?

HTML, CSS Basics
JavaScript Basics
Gym Coding: Giving Wings to Your Front-end

Hello
This is gymcoding

Inflearn Verified

Career Verified

40,043

Learners

3,473

Reviews

1,884

Answers

4.9

Rating

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

🔥 GymCoding Lab - gymcoding.co
💻 YouTube - YouTube
🐙 GitHub - GitHub
📸 Instagram - Instagram
🧵 Threads - Thread
🏢 Business inquiries - biz@gymcoding.co
💬 General inquiries - hello@gymcoding.co

Curriculum

All

37 lectures ∙ (7hr 48min)

Course Materials:

Lecture resources

Section 1. Course Introduction

3 lectures ∙ (9min)

Section 2. Preparing

4 lectures ∙ (49min)

4. Development Environment Setup
09:47
5. What is Vue? (Please check the video description 🙂)
16:26
6. Understanding Components
23:06
7. New Course Launch Event 🎉

Section 3. Start

4 lectures ∙ (31min)

8. Project Setup Notes
9. Project Structure
04:14
10. ESLint, Prettier
13:46
11. Options API vs Composition API
13:43

Section 4. Vue3 Composition API

12 lectures ∙ (2hr 50min)

Section 5. Bootstrap5

1 lectures ∙ (9min)

Section 6. Component Basics + Advanced

11 lectures ∙ (3hr 17min)

Section 7. In closing

2 lectures ∙ (1min)

Published: 06/08/2022

Last updated: 06/23/2025

Reviews

All

375 reviews

4.9

375 reviews

kimjuno97
Reviews 7
∙
Average Rating 5.0
12/28/2022
5
100% enrolled
According to npm trends, the number of Vue downloads between November and December was about 3 times that of React. I think this lecture is really helpful for getting started with Vue3!
- gymcoding
  Instructor
  12/29/2022
  Wow~! Thank you~!! 🙂 🎉
bestksw
Reviews 2
∙
Average Rating 5.0
01/02/2023
5
100% enrolled
Thank you, Jimcoding, for your in-depth lectures and ability to convey them easily.
- gymcoding
  Instructor
  01/02/2023
  Wow~!! Thank you for your hard work ㅎ 🎉 Thank you~!! 🙂
design2773
Reviews 1
∙
Average Rating 5.0
09/07/2022
5
100% enrolled
Even when listening to it 1.5 times, it was good that it was explained very easily with rich content and accurate pronunciation that was just as good as the reference. It was very helpful.
- gymcoding
  Instructor
  09/07/2022
  1.5x likes! Haha wow referrer thank you~!! 🙂
mju60130435
Reviews 2
∙
Average Rating 5.0
08/25/2022
5
100% enrolled
I suddenly started using Vue3 in my work, and I think I learned a lot from the short lecture time. It seems that the lecture was conducted at a level that even those who do not have knowledge of Vue2 can easily understand, and the instructor's diction is good, so I think I can concentrate well : ) I plan to listen to the practical part and Vuetify-related lectures as well!
- gymcoding
  Instructor
  08/26/2022
  Thank you~!! 🙂
psw926409621733
Reviews 5
∙
Average Rating 5.0
10/06/2022
5
100% enrolled
I had been working on a project with React for a year, and recently I changed jobs and started using Vue, so I took this course. The courses I had taken before were good, but I thought this course was very informative and only included the necessary parts. I think it was the best course I've taken.
- gymcoding
  Instructor
  10/06/2022
  Congratulations on your completion! 🎉 I'm glad it helped! Thank you~!! 🙂

gymcoding's other courses

Check out other courses by the instructor!

Mastering Claude Code: From AI Development Workflow Basics to Real-World Practice

gymcoding

Explore → Plan → Implement → Commit. Master a proven AI development workflow with Claude Code. Learn everything from MCP and sub-agents to prompt engineering through 23 missions, and complete 3 real-world projects.

Beginner

React, AI, claude

Mastering Claude Code: From AI Development Workflow Basics to Real-World Practice

gymcoding

Master React: From Basic Concepts to LinCanva Projects

gymcoding

Are you new to React? Learn the basics of React in one course and gain practical experience through a LinCanvas project. Then you can confidently apply for a job as a front-end developer!

Basic

React, react-query, react-router

Master React: From Basic Concepts to LinCanva Projects

gymcoding

Introduction to ES6+ Latest JavaScript for Beginners

gymcoding

I've seen a lot of people around me who are just starting out with coding. Those with experience say that JavaScript is easy, but those who are new to it can't help but find it difficult. That's why I've prepared easy and informative content for those who are just starting out with coding. 💪🙂

Basic

JavaScript, ES6

Introduction to ES6+ Latest JavaScript for Beginners

gymcoding

Master TailwindCSS: From Portfolio to Admin!

gymcoding

Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

Basic

HTML/CSS, TailwindCSS, JavaScript

Master TailwindCSS: From Portfolio to Admin!

gymcoding

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

gymcoding

You will develop a real-world project with Vue.js 3 and learn how to use the Composition API. In addition, after taking this course, you will gain skills in "Vue Router v4", "Pinia", and "Boostrap".

Basic

Vue.js

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

gymcoding

Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)

gymcoding

This is a course where you'll learn the latest Next.js v15 App Router while building a practical developer blog based on Notion together. Additionally, you can gain various insights including how to utilize Cursor AI.

Basic

React, Blog, Next.js

Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)

gymcoding

Introduction to HTML&CSS Web Development for Beginners

gymcoding

You can learn HTML and CSS to learn the basic knowledge needed to create a website. This is a lecture that explains things really easily so that you don't have to be afraid when you first approach coding.

Beginner

HTML/CSS

Introduction to HTML&CSS Web Development for Beginners

gymcoding

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

gymcoding

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

Basic

Webpack

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

gymcoding

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

This is a follow-up lecture to "Vue 3 Perfect Master", and it will teach you how to set up a project and learn the latest specifications of the latest Vue 3 version. This lecture is provided free of charge to those who have taken the Vue Basics or Practical Course.

Basic

Vue.js, Vue 3, TailwindCSS

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

Asynchronous Programming: Promise, async/await Complete

gymcoding

This lecture clearly explains the concepts and operation principles of Promise and async/await in asynchronous programming in JavaScript, and helps you to skillfully handle asynchronous processing in practice.

Basic

promise, async-await, asynchronous-programming

Asynchronous Programming: Promise, async/await Complete

gymcoding

Creating a Vuetify Admin Template - Basics (Based on Vue2)

gymcoding

Learn the basics of Vuetify and create a stunning Material Design Admin website 😃

Basic

Vue.js, Vuetify

Creating a Vuetify Admin Template - Basics (Based on Vue2)

gymcoding

Create and publish a portfolio site! : Practical application of web development introduction

gymcoding

If you have learned HTML&CSS and JavaScript, try creating and deploying your own portfolio site using them. Actually using them will greatly help improve your skills.

Beginner

HTML/CSS, JavaScript, github-pages

Create and publish a portfolio site! : Practical application of web development introduction

gymcoding

[Latest] The Ultimate Vue Lecture: Nuxt 3 Perfect Mastery

gymcoding

This is a lecture on the Nuxt framework that helps you quickly create high-performance web based on Vue. I can confidently say that this is a must-see lecture for those who are using Vue in the field!

Intermediate

Vue.js, Nuxt.js, pinia

[Latest] The Ultimate Vue Lecture: Nuxt 3 Perfect Mastery

gymcoding

Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

gymcoding

This course on creating a community using Vue3 & Firebase(v10) will help you grow as a developer in various ways, including practical use of Vue3, Firebase basics to practical use, use of the latest web technologies, and sharing experiences as a knowledge sharer!

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

gymcoding

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

This course is for those who want to use Quasar while developing a web with Vue.js. Are you someone who needs to quickly build a front-end web within the company or someone who needs to create their own cool UI? Through this course, you can easily and quickly create a front-end web.

Basic

Quasar, Vue.js

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

Creating a Vuetify Admin Template - Practical (Based on Vue2)

gymcoding

Useful tips for those who are developing in practice with Vue&Vuetify! 😃

Basic

Vue.js, Vuetify

Creating a Vuetify Admin Template - Practical (Based on Vue2)

gymcoding

Similar courses

Explore other courses in the same field!

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

gymcoding

You will develop a real-world project with Vue.js 3 and learn how to use the Composition API. In addition, after taking this course, you will gain skills in "Vue Router v4", "Pinia", and "Boostrap".

Basic

Vue.js

Vue3 Perfect Mastery: From Basics to Practice - "Practical Edition"

gymcoding

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

Basic

Quasar, Vue.js

Quasar Perfect Mastery: If you want to make Vue front-end web quickly! (Based on Vue3)

gymcoding

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

Basic

Vue.js, Vue 3, TailwindCSS

The Latest Vue 3 Complete Guide: Project Setup & Specifications

gymcoding

Creating a job search site with Vue3 and Supabase

Michael Kwon

From developing your own full-stack application to a Progressive Web App (PWA)!

Basic

Vue.js, PWA, supabase

Creating a job search site with Vue3 and Supabase

Michael Kwon

Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

gis

You can easily learn Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

Basic

Vue.js, PWA, Firebase

Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

gis

Hodolman's Stomach-Turning Development Show (SpringBoot, Vue.JS, AWS)

hodolman888675

It doesn't end with just creating one application. We will show you the A-Z of completing a service by connecting a Vue.js modern front-end stack to a backend using Spring Boot.

Intermediate

Spring Boot, JPA, AWS

Hodolman's Stomach-Turning Development Show (SpringBoot, Vue.JS, AWS)

hodolman888675

Kakao, Google SNS Login (springboot3, vue3)

bradkim

Implement Kakao and Google login using Spring Boot. JWT token-based login will be implemented. A simple interface will be constructed using Vue 3.

Basic

OAuth, oauth2, JWT

Kakao, Google SNS Login (springboot3, vue3)

bradkim

Vue-Django-Bootstrap Quick Blog

bestdjango

You can create a simple yet beautiful blog using the popular trio (Vue + Django + Bootstrap). It is responsive and can be viewed on smartphones as well.

Basic

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap Quick Blog

bestdjango

Vue.js - Django Integration Web Programming

bestdjango

You can do web programming using Vue.js and Django frameworks.

Basic

Django, Vue.js

Vue.js - Django Integration Web Programming

bestdjango

Planner, how about learning this level of web development? [Theory + Practice]

bokchi

This is a fast-paced development course for busy planners. You can learn the entire development process by developing web front-end, back-end, and DB yourself with simple explanations.

Beginner

HTML/CSS, JavaScript, Vue.js

Planner, how about learning this level of web development? [Theory + Practice]

bokchi

Vue3 Perfect Master: From Basics to Practice - "Basic Edition"

4.9

What you will gain after the course

Launch of the Latest Vue 3 Complete Guide 🎤

I will teach you easilyin Gym Coding's unique way 🥴

Introducing the lecture seriesdivided into two parts ✌

So,in the Basic Course 💁‍♂️

Bootstrap UI Framework 💻

Expected Questions Q&A 💬

Introducing the Instructor ✒️

Recommended for these people

HelloThis is gymcoding

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

🏆 Proven Results

👨‍💻 Career

Startup (Entrepreneur)

Corporate training (B2B)

🙋‍♂️ See More

Curriculum

Reviews

gymcoding's other courses

Similar courses

I will teach you easily
in Gym Coding's unique way 🥴

Introducing the lecture series
divided into two parts ✌

So,
in the Basic Course 💁‍♂️

Recommended for
these people

Hello
This is gymcoding

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