강의

멘토링

로드맵

BEST
Programming

/

Front-end

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

2,174 learners

  • gymcoding
Vue.js

Reviews from Early Learners

What you will learn!

  • 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

Recommended for
these people

Who is this course right for?

  • 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

Need to know before starting?

  • HTML, CSS Basics

  • JavaScript Basics

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

Hello
This is

24,864

Learners

1,402

Reviews

633

Answers

4.9

Rating

17

Courses

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

Curriculum

All

37 lectures ∙ (6hr 42min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

158 reviews

4.9

158 reviews

  • hhee5356님의 프로필 이미지
    hhee5356

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    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
      Instructor

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

  • jaysss님의 프로필 이미지
    jaysss

    Reviews 6

    Average Rating 4.8

    5

    97% enrolled

    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
      Instructor

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

  • wonjinyi3829님의 프로필 이미지
    wonjinyi3829

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    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
      Instructor

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

  • jesusab930467님의 프로필 이미지
    jesusab930467

    Reviews 2

    Average Rating 5.0

    5

    97% enrolled

    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!!!

  • mju60130435님의 프로필 이미지
    mju60130435

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    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
      Instructor

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

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!