인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
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) 134 reviews

2,045 students

Vue.js

This course is prepared for Basic 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 depth with the practical version! 🎵

Launching the latest Vue 3 Complete Guide 🎤

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

 


In Jimcoding's own way
Let me explain it to you easily 🥴


This course is a course on creating web applications with Vue.js 3 .
The lecture will be 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 way.


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 is a lecture on creating a real bulletin board project with Vue.js 3. It consists of the latest trendy content, and the lecture contents are as follows.

  • 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 Component, Custom directive, and common modules
  • Vue.js3 Flower, Composable Function
  • Understanding toRef and toRefs at once!
  • Pinia becomes the official Vue.js state management library!
  • Vue Router Advanced: Navigation Guards


Bootstrap UI Framework 💻


As a bonus, this lecture uses Bootstrap and shows you how to find and use the desired components from the official documentation. Through this process, you can naturally gain the bonus of learning how to use Bootstrap :)


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 have a basic understanding of HTML, CSS, and JavaScript.

Q. Are lecture sources provided?

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

Q. I'm using Vue.js 2 or 3. Do I need to take the basics course as well?

  • If you currently know Vue.js 3 grammar, 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 after taking the course?

In addition to Vue.js 3, you can learn core libraries such as Vue Router and Pinia.
As a bonus, you'll also get skills for Bootstrap.


Introducing the knowledge sharer ✒️

I launched the "Creating a Vue & Vuetify Admin Site" course on YouTube and Inflearn, and many of you have given me such great feedback that I am so grateful for 😃

  • [Creating a Vuetify Admin Site - "Basic" (Free)] Total number of students: 1,313 , Rating: 4.9
  • [Creating a Vuetify Admin Site - "Practical" (Paid)] Total 441 students , Rating 5.0

There have been people who have been asking for Vue.js 3 lectures since 2021! And I also felt that there were many people who did not know much about front-end knowledge such as Vue.js, NPM, and Webpack among the questions in the Vuetify lecture. So I thought I should film the lecture, and now that Vue.js 3 seems to have been established as the official version, I did my best to prepare PPT and lecture materials.
The Jimcoding YouTube channel that I run will provide comprehensive content on creating AWS infrastructure web services, as well as front-end and back-end.
Please give us your interest and love. Thank you.

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

22,632

Students

1,101

Reviews

568

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

Not enough reviews.
Become the author of a review that helps everyone!