Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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) 154 reviews

2,162 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,572

Learners

1,354

Reviews

629

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

154 reviews

4.9

154 reviews

  • 혀니혀니님의 프로필 이미지
    혀니혀니

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    9년차 풀스택 웹개발자 입니다. 이번 프로젝트에서 vue3를 사용하게 되서 책을 사서 공부하다가 너무 내용이 눈에 안들어와 처음으로 온라인 강의를 들어봤는데 너무너무 만족합니다. 기초와 실전을 둘 다 들었는데 기초부터 예제를 이용하여 차근차근 알려주시고 그 후 응용할 수 있는 부분이 생기면 기초 예제에서 이렇게 바꿔서 이렇게도 사용할 수 있다 라고 알려주시니 이해도 잘 되고 실무 팁도 많이 얻어갔습니다. 퍼블업무와 개발업무가 완벽히 분리된 프로젝트를 많이 하여서 사실 부트스트랩을 어떻게 써야하는지 모르고 살았는데 부트스트랩을 이용할 수 있는 방법도 알려주시니 더더욱 좋았습니다. vue3 공부하시려는 분들 무조건 추천 합니다.

    • 짐코딩
      Instructor

      와우~!🤭 완강 하시느라 수고많으셨습니다~!! 감사합니다!!! 😀 🎉

  • jj4783님의 프로필 이미지
    jj4783

    Reviews 6

    Average Rating 4.8

    5

    97% enrolled

    라이브러리나 프레임워크를 공부하려고 공식문서를 보면 막막하거나, 영어 => 한글로 번역된 번역체로 그 의미를 단번에 이해하기 힘든 경우가 많은데 이 강의를 통해 뷰 공식문서상에 나오는 기본적인 것과 약간의 심화적인 부분을 다 알 수 있어서 좋습니다. 꼼꼼한게 이 강의의 장점인 것 같습니다. 공식문서상의 내용을 훑고 싶다면 추천드립니다:))

    • 짐코딩
      Instructor

      와우~! 감사합니다~!! 🙂 수고하셨어요! 🎉

  • wonjinYi님의 프로필 이미지
    wonjinYi

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    놓치기 쉬운 것들을 알려주고, 어떤 개념이 왜 존재하는지를 제시하며 코드를 개선하는 과정을 보여주는 좋은 수업입니다. vue3에 입문하기 위한 길을 찾는다면 이 강의가 최고의 선택입니다. 스펙 그 자체만을 소개하는식의, 호흡이 빠른 구성은 아닙니다. 간단한 게시판을 구현하며 Vue의 기능들을 알아가는 수업입니다. 그래서 선생님의 사고방식을 배우며 구현하는데 들이는 시간도 꽤 있습니다.

    • 짐코딩
      Instructor

      와우~! 좋은 말씀감사합니다 🙂 수고하셨어요! 🎉

  • jo gabi님의 프로필 이미지
    jo gabi

    Reviews 2

    Average Rating 5.0

    5

    97% enrolled

    실무 프로젝트에서 Vue3 쓰게 되어서 기초,실전을 급하게 모두 듣고 작업을 하고 있습니다. 정말 잘 들었습니다 . 도움이 많이 되었어요 확실히 실무도 같이 하다보니 이해가 잘 되고 더 재미있네요. 즐겁게 개발 하고 있어요 ㅎㅎㅎ 이제 퀘이사 구입해서 학습할 예정입니다. 잘 부탁드립니다!!!

    • 짐코딩
      Instructor

      감사합니다~!! 🙂 🎉

  • mju6013님의 프로필 이미지
    mju6013

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    기본편에 이어 실전편까지 수강완료 했습니다! 강의를 들으면 들을수록 준비를 많이 하셨다는게 느껴지는 것 같아요 : ) 핵심 내용 위주로 구성된 강의라 Vue3의 전체적인 내용을 이해하기 좋았고 디테일한 부분들들은 실무에서 개발하면서 찾아봐도 무리가 없을 것 같네용 짐코딩님 강의 스타일이 너무 좋아서 프론트 관련 다른 강의들도 찾아 들어야겠어요ㅋㅋㅋ

    • 짐코딩
      Instructor

      맞아요!! 디테일한 부분은 다시 찾아보시면 돼요!! 저도 그래요 ㅎㅎ 감사합니다~!! 😀

$68.20

gymcoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!