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

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".

(4.9) 수강평 178개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

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

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

혀니혀니

100% 수강 후 작성

I am a full-stack web developer with 9 years of experience. I bought a book to study Vue3 for this project, but the content was too hard to understand, so I took an online lecture for the first time, and I am very satisfied. I took both the basics and the practical ones, and they explained the basics step by step using examples, and then when there was a part that could be applied, they told me that I could change the basic examples like this and use it like this, so I understood it well and got a lot of practical tips. I did a lot of projects where publishing and development work were completely separated, so I actually didn't know how to use Bootstrap, but it was even better when they showed me how to use Bootstrap. I definitely recommend it to anyone who wants to study Vue3.

5.0

jj4783

97% 수강 후 작성

When you look at the official documentation to study a library or framework, you may feel lost, or It is often difficult to understand the meaning at once because it is translated from English to Korean. This lecture is good because you can learn the basics and some advanced parts that appear in the official Vue documentation. I think the strength of this lecture is that it is thorough. I recommend it if you want to skim through the contents of the official documentation:))

5.0

wonjinYi

100% 수강 후 작성

This is a great course that shows things that are easy to miss, suggests why certain concepts exist, and shows the process of improving code. If you are looking for a way to get started with Vue3, this course is the best choice. It is not a fast-paced course that introduces only the specs themselves. It is a course that learns Vue's functions by implementing a simple bulletin board. So there is a lot of time spent learning the teacher's way of thinking and implementing it.

강의상세_배울수있는것_타이틀

  • Starting a project with Vite and configuring environment variables (env)

  • Creating a project with the Composition API

  • How to properly use Composable functions

  • Vue Router v4 based on Composition API

  • Official state management library Pinia (Vuex5)

If you have easily learned Vue.js 3 with the basics,
This time, let's learn in detail and in depth with the practical version! 🎵

Launching the latest Vue 3 Complete Guide 🎤

If you have taken either the Vue3 Complete Mastery: Basics or Practical Course,
You can watch the "Complete Guide to the Latest Vue 3" lecture for free .


In Jimcoding's own way
I'll explain it to you easily 🥴


This course is about creating web applications using Vue.js 3 .
The lecture will be conducted based on the newly introduced Composition A P I.
While covering all the information you need to know based on official documents,
It covers the content in an easy, detailed, and in-depth manner.


Divided into two parts

Introducing the lecture ✌

When I first planned the course, I tried to produce it as one lecture.

  • All the Vue.js 3 specifications that you must learn in the official documentation I wanted to put together a curriculum
  • Vue.js 3 Rather than simply teaching grammar, I wanted to structure it with a variety of content so that you can become as familiar with it as possible .
  • As Vue 3 emerged based on the Composition API, I wanted to cover the core library as well.
  • Even those who already know Vue 3 can reasonably take the practical lecture content .
    It was produced by dividing it into two lectures.

so,
In the practical part 💁‍♂️






This course covers creating a real-world bulletin board project using Vue.js 3. It features the latest trends and highlights the following:

  • VueRouter v4 (based on Composition API)
  • Axios HTTP API communication
  • Separate common components
  • Vue.js built-in components
  • Setting Vite-based environment variables (env)
  • Install plugins such as Global Components, Custom Directives, and Common Modules
  • Vue.js3 Flower, Composable Functions
  • Understanding toRef and toRefs in one go!
  • Pinia becomes the official state management library for Vue.js!
  • Vue Router Advanced: Navigation Guards


Bootstrap UI Framework 💻


As a bonus, this course uses Bootstrap and demonstrates how to find and use the desired components from the official documentation. Through this process, you'll naturally gain a deeper understanding of Bootstrap's usage. :)


Expected Questions Q&A 💬

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

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

Q. Are lecture sources provided?

You can download the lecture source by taking this course, and the basic source is also provided onGithub .

Q. I'm using Vue.js 2 or 3. Should I also take the basics course?

  • If you are currently familiar with Vue.js 3 syntax, I recommend [Practical Edition].
  • If you are currently using Vue.js 2, I recommend both [Basic] and [Practical].
  • If you are new to Vue.js, I strongly recommend that you read both [Basics] and [Practical].
  • As for other personal differences, I think you can decide after carefully looking at the curriculum. 🙂

Q. What can I gain from 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'll even gain skills in Bootstrap.


Introducing the knowledge sharer ✒️

I launched the "Building a Vue & Vuetify Admin Site" course on YouTube and Inflearn, and I'm so grateful to have received such great feedback 😃

  • [Building a Vuetify Admin Site - "Basic" (Free)] 1,313 students , 4.9 rating
  • [Building a Vuetify Admin Site - "Practical" (Paid)] 441 students , 5.0 rating

Since 2021, some of you have been asking for a Vue.js 3 course! And I've also noticed that many people are still unfamiliar with front-end technologies like Vue.js, NPM, and Webpack, especially when asked about Vuetify. So, I've been thinking about filming a lecture, and now that Vue.js 3 seems to be the official version, I've done my best to prepare a PPT and lesson plan.
The Jimcoding YouTube channel I run will feature content covering not only front-end and back-end, but also the overall process of creating AWS infrastructure web services.
Thank you for your interest and love.

This is the Jim Coding YouTube channel that creates practical coding content .
YouTube | GitHub | Gymstagram |Codingstagram

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • Anyone who wants to become a front-end developer

  • Anyone who wants to create great web applications

  • For those who want to learn thoroughly based on official documents

선수 지식, 필요할까요?

  • HTML, CSS Basics

  • JavaScript Basics

  • Vue.js 3 Complete Mastery: From Basics to Practice - "Basics"

강의소개.지공자소개

28,762

수강생

1,830

수강평

845

답변

4.9

강의 평점

18

강의_other

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

I explain everything as simply 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 the hottest course on Inflearn 2025 (Claude Code Complete Master)

📺YouTube | 30k+ Subscribers Free Lectures

💻GymCoding Club | All Courses & Free Study Guides

🐙GitHub | Example Source Code

📷Instagram | Daily Life & Tips

🧵Threads | Development Insights

더보기

커리큘럼

전체

37개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

해당 강의에서 제공: [object Object]
강의 게시일: 
마지막 업데이트일: 

수강평

전체

178개

4.9

178개의 수강평

  • wonjinyi3829님의 프로필 이미지
    wonjinyi3829

    수강평 9

    평균 평점 5.0

    5

    100% 수강 후 작성

    This is a great course that shows things that are easy to miss, suggests why certain concepts exist, and shows the process of improving code. If you are looking for a way to get started with Vue3, this course is the best choice. It is not a fast-paced course that introduces only the specs themselves. It is a course that learns Vue's functions by implementing a simple bulletin board. So there is a lot of time spent learning the teacher's way of thinking and implementing it.

    • gymcoding
      지식공유자

      Wow~! Thank you for your kind words 🙂 Thank you for your hard work! 🎉

  • jaysss님의 프로필 이미지
    jaysss

    수강평 6

    평균 평점 4.8

    5

    97% 수강 후 작성

    When you look at the official documentation to study a library or framework, you may feel lost, or It is often difficult to understand the meaning at once because it is translated from English to Korean. This lecture is good because you can learn the basics and some advanced parts that appear in the official Vue documentation. I think the strength of this lecture is that it is thorough. I recommend it if you want to skim through the contents of the official documentation:))

    • gymcoding
      지식공유자

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

  • jesusab930467님의 프로필 이미지
    jesusab930467

    수강평 2

    평균 평점 5.0

    5

    97% 수강 후 작성

    I'm using Vue3 for a practical project, so I'm listening to both the basics and the practical part in a hurry and working on it. I really listened to it well. It was very helpful. It's definitely more fun and easier to understand because I'm doing the practical part at the same time. I'm having fun developing it. ㅎㅎㅎ Now I'm planning to buy Quasar and learn it. Please take good care of me!!!

    • gymcoding
      지식공유자

      Thank you~!! 🙂 🎉

  • hhee5356님의 프로필 이미지
    hhee5356

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    I am a full-stack web developer with 9 years of experience. I bought a book to study Vue3 for this project, but the content was too hard to understand, so I took an online lecture for the first time, and I am very satisfied. I took both the basics and the practical ones, and they explained the basics step by step using examples, and then when there was a part that could be applied, they told me that I could change the basic examples like this and use it like this, so I understood it well and got a lot of practical tips. I did a lot of projects where publishing and development work were completely separated, so I actually didn't know how to use Bootstrap, but it was even better when they showed me how to use Bootstrap. I definitely recommend it to anyone who wants to study Vue3.

    • gymcoding
      지식공유자

      Wow~!🤭 Thank you for your hard work~!! Thank you!!! 😀 🎉

  • mju60130435님의 프로필 이미지
    mju60130435

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    I have completed the basic and practical courses! The more I listen to the lectures, the more I feel like I have prepared a lot : ) The lectures are mainly composed of core content, so it was easy to understand the overall content of Vue3 I think it will be okay to look up the detailed parts while developing in practice I really like Jimcoding's lecture style, so I have to look for other lectures related to the front-end, tooㅋㅋㅋ

    • gymcoding
      지식공유자

      That's right!! You can look up the details again!! Me too ㅎㅎ Thank you~!! 😀

gymcoding님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

강의상세.할인문구

$61,600.00

30%

$68.20