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

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

3,038 learners

Level Basic

Course period Unlimited

Vue.js
Vue.js
Vue.js
Vue.js

Reviews from Early Learners

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 ✌

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 studentsRating 4.9
  • [Creating a Vuetify Admin Site - "Advanced Edition" (Paid)] Total 441 studentsRating 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

31,179

Learners

2,068

Reviews

1,052

Answers

4.9

Rating

18

Courses

Hello.
I am Gym Coding, a coding education creator 😊

I explain everything as easily and thoroughly as possible
so that even non-developers can follow along.

I will become a coding education creator who
always thinks from the student's perspective.


🏆 Inflearn Awards 2025 Bestseller Award (React Complete Master)

🔥 Selected as Inflearn 2025's Hottest Course (Claude Code Complete Master)

📺YouTube | 40k+ Subscribers Free Lectures

💻Gym Coding Club | All Courses & Free Study Guides

🐙GitHub | Example Source Code

📷Instagram | Daily Life & Tips

🧵Threads | Development Insights

More

Curriculum

All

37 lectures ∙ (7hr 48min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

343 reviews

4.9

343 reviews

  • mju60130435님의 프로필 이미지
    mju60130435

    Reviews 2

    Average Rating 5.0

    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

      Thank you~!! 🙂

  • psw926409621733님의 프로필 이미지
    psw926409621733

    Reviews 5

    Average Rating 5.0

    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

      Congratulations on your completion! 🎉 I'm glad it helped! Thank you~!! 🙂

  • kimjuno97님의 프로필 이미지
    kimjuno97

    Reviews 7

    Average Rating 5.0

    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

      Wow~! Thank you~!! 🙂 🎉

  • bestksw님의 프로필 이미지
    bestksw

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Thank you, Jimcoding, for your in-depth lectures and ability to convey them easily.

    • gymcoding
      Instructor

      Wow~!! Thank you for your hard work ㅎ 🎉 Thank you~!! 🙂

  • design2773님의 프로필 이미지
    design2773

    Reviews 1

    Average Rating 5.0

    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

      1.5x likes! Haha wow referrer thank you~!! 🙂

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

$51.70