BEST

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

Name: Vue3 Perfect Mastery: From Basics to Practice - "Basics"
Price: 66000 KRW
Rating: 4.9 (307 reviews)

We cover the Vue 3 spec in detail and depth based on the official documentation to enable web development with Vue.js 3.

(4.9) 307 reviews

2,914 learners

gymcoding

Vue.js

Reviews from Early Learners

What you will gain after the course

Vue3 Composition APIs
Vue3 components, from basics to advanced!
Starting a Project with Vite
Difference between <script setup> syntax and regular <script>
We cover the basics in depth based on official English documents.

First, let's learn Vue.js 3 easily with the basics.
Learn in detail and 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 ✌

1️⃣ [Vue.js 3 Complete Mastery: From Basics to Practice "Basic Edition"]
Current lecture

2️⃣ [Vue.js 3 Complete Mastery: From Basics to Practice "Practical Edition"]

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 basic version 💁‍♂️

For those new to Vue.js 3, this course focuses on learning the latest Vue.js 3 syntax, based on the official documentation. The course outline is as follows.

HTML, CSS, and JavaScript into a component-based Vue.js web app The process of change
Difference between Options API and Composition API
Starting a Project with Vite
ESLint Prettier Settings
Official documentation Composition API grammar reflecting the latest specifications
Vue.js 3 Components Basics and Advanced
<script setup>과 일반 <script> 차이

Bootstrap UI Framework 💻

보너스로 본 강의에서는 Bootstrap을 사용하며 공식문서에서 원하는 컴포넌트를 찾아 사용하는 것을 직접 보여드립니다. 이러한 과정을 통해 자연스럽게 부트스트랩 사용법을 보너스로 얻어가실 수 있어요 :)

예상 질문 Q&A 💬

Q. 웹 개발 지식이 없는 상태에서 웹 서비스를 만들고 싶은데 어떻게 해야 할까요?

이 강의는 HTML, CSS, JavaScript 기초를 알고 있는 상태에서 수강하기에 적합한 강좌입니다.

HTML / CSS 강좌 Click!
JavaScript 강좌 클릭 Click!
프론트엔드 날개달기 Click!

Q. 강의소스가 제공되나요?

강의소스는 본 강의를 수강하시면 다운로드 받을 수 있으며, 기본편 소스는 Github에서도 제공됩니다.

Q. Vue.js 2 혹은 3을 사용하고 있는데, 기본편도 들어야할까요?

만약 현재 Vue.js 3 문법을 알고 계신다면 [실전편]을 권장드립니다.
만약 현재 Vue.js 2를 사용하고 계신다면 [기본편], [실전편] 모두 권장드립니다.
Vue.js를 처음 접하신다면 꼭 [기본편], [실전편] 모두 보는것을 강력 추천드립니다.
기타 개인적인 차이는 커리큘럼을 꼼꼼히 보신 후 결정하시면 될 것 같아요. 🙂

Q. 강좌를 수강한 후에는 어떤 것을 얻어갈 수 있을까요?

Vue.js 3뿐만 아니라, Vue Router, Pinia와 같은 핵심 라이브러리를 배울 수 있습니다.
보너스로 Bootstrap에 대한 스킬까지 가져가실 수 있습니다.

지식공유자를 소개합니다 ✒️

유튜브와 Inflearn에서 "Vue&Vuetify Admin 사이트 만들기" 강의를 론칭했으며 많은 분들이 너무 감사하게도 좋은 피드백을 주셨습니다 😃

[Vuetify Admin 사이트 만들기 - "기본편"(무료)] 총 수강생 1,313명, 평점 4.9
[Vuetify Admin 사이트 만들기 - "실전편"(유료)] 총 수강생 441명, 평점 5.0

지난 2021년부터 Vue.js 3 강의를 원하셨던 분들이 계셨어요! 그리고 저 또한 Vuetify를 강의 질문 중 Vue.js나 NPM, Webpack과 같은 프론트엔드 관련 지식을 아직 잘 모르시는 분들이 많다는 것을 느꼈습니다. 그래서 강의를 찍어야지 생각만 하다, 이제 Vue.js 3가 공식버전으로 자리잡힌 것 같아서 PPT와 교안 등 최선을 다해 준비했습니다.
제가 운영하고 있는 짐코딩 유튜브 채널에서는 프론트엔드, 백엔드뿐만 아니라 AWS 인프라 웹 서비스를 만들기 전반적인 콘텐츠로 다가올 예정입니다.
많은 관심과 사랑 부탁드립니다. 감사합니다.

실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램

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
Giving wings to the front-end of Jim Coding

Hello
This is

25,842

Learners

1,544

Reviews

648

Answers

4.9

Rating

Courses

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

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

감사합니다.

👨‍🏫인프런 지식 공유자 | 수강생 24,000+ | 강의평점 ⭐️4.9

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

Curriculum

All

37 lectures ∙ (7hr 48min)

Course Materials:

Lecture resources

Section 1. Course Introduction

3 lectures ∙ (9min)

Section 2. Preparing

4 lectures ∙ (49min)

4. Development Environment Setup
09:47
5. What is Vue? (Please check the video description 🙂)
16:26
6. Understanding Components
23:06
7. New Course Launch Event 🎉

Section 3. Start

4 lectures ∙ (31min)

8. Project Setup Notes
9. Project Structure
04:14
10. ESLint, Prettier
13:46
11. Options API vs Composition API
13:43

Section 4. Vue3 Composition API

12 lectures ∙ (2hr 50min)

Section 5. Bootstrap5

1 lectures ∙ (9min)

Section 6. Component Basics + Advanced

11 lectures ∙ (3hr 17min)

Section 7. In closing

2 lectures ∙ (1min)

Published:

Last updated:

Reviews

All

307 reviews

4.9

307 reviews

design2773
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
Ngay cả khi nghe ở mức 1,5x, tôi vẫn thích cách nó được giải thích rất dễ hiểu với cách phát âm chính xác và nội dung đầy đủ có thể so sánh với rapper. Nó đã giúp ích rất nhiều
- gymcoding
  Instructor
  Tôi thích nó 1,5 lần! Haha wow rapper haha cảm ơn bạn ~!! 🙂
kimjuno97
Reviews 7
∙
Average Rating 5.0
5
100% enrolled
Theo xu hướng của npm, số lượt tải xuống Vue từ tháng 11 đến tháng 12 gấp khoảng ba lần so với React. Tôi nghĩ bài giảng này thực sự hữu ích cho việc bắt đầu với vue3!
- gymcoding
  Instructor
  Ôi~! Cảm ơn bạn~!! 🙂 🎉
psw926409621733
Reviews 5
∙
Average Rating 5.0
5
100% enrolled
Trước đây tôi đã làm việc trong một dự án với React được một năm và gần đây, sau khi thay đổi công việc, tôi bắt đầu sử dụng Vue và tham gia một khóa học. Những bài giảng trước đây tôi học rất hay nhưng sau khi nghe bài giảng này tôi thấy nội dung rất nhiều thông tin và chỉ bao gồm những phần cần thiết. Tôi nghĩ đó là bài giảng hay nhất mà tôi từng tham gia.
- gymcoding
  Instructor
  Chúc mừng bạn đã hoàn thành nó! 🎉 Vui mừng bạn thấy nó hữu ích! Cảm ơn bạn~!! 🙂
mju60130435
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
Tôi đột nhiên bắt đầu sử dụng Vue3 trong công việc thực tế của mình và tôi cảm thấy mình đã học được rất nhiều điều sau thời gian giảng ngắn. Tôi nghĩ quá trình này đã được thực hiện ở mức độ mà ngay cả những người không có kiến thức về Vue2 cũng có thể dễ dàng hiểu được. Tôi nghĩ tôi có thể tập trung tốt vì người hướng dẫn có cách diễn đạt tốt :) Chúng tôi cũng có kế hoạch tham gia các lớp học thực hành và các bài giảng liên quan đến Vuetify!
- gymcoding
  Instructor
  Cảm ơn bạn~!! 🙂
bestksw
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
Cảm ơn Jim Coding vì bài giảng có chiều sâu nhất và khả năng truyền đạt dễ dàng.
- gymcoding
  Instructor
  Ôi~!! Cảm ơn bạn đã làm việc chăm chỉ haha 🎉 Cảm ơn bạn~!! 🙂

$51.70

gymcoding's other courses

Check out other courses by the instructor!

Claude Code Hoàn Hảo Master: Từ Cơ Bản Đến Thực Chiến Quy Trình Phát Triển AI (with Cursor AI)

gymcoding

Khám phá → Lập kế hoạch → Triển khai → Commit. Làm chủ quy trình phát triển AI đã được kiểm chứng với Claude Code. Học hỏi qua 23 nhiệm vụ từ MCP, Sub-agent đến Prompt Engineering, và hoàn thành 3 dự án thực tế.

입문

React, Next.js, cursor

Claude Code Hoàn Hảo Master: Từ Cơ Bản Đến Thực Chiến Quy Trình Phát Triển AI (with Cursor AI)

gymcoding

Hoàn toàn làm chủ React: Từ các khái niệm cơ bản đến dự án LinCanvas

gymcoding

Bạn mới bắt đầu học React? Hãy tham gia khóa học này để nắm vững kiến thức cơ bản về React và tích lũy kinh nghiệm thực tế thông qua dự án LinCanvas. Sau đó, bạn có thể tự tin xin việc làm nhà phát triển front-end!

초급

React, react-query, react-router

Hoàn toàn làm chủ React: Từ các khái niệm cơ bản đến dự án LinCanvas

gymcoding

Hoàn toàn làm chủ TailwindCSS: Từ danh mục đầu tư đến quản trị!

gymcoding

Từ giới thiệu về TailwindCSS đến đào tạo thực tế chỉ trong một bài giảng! Thiết kế đáp ứng từ bố cục bố cục cho hai dự án! Chế độ tối! Hãy học nó một cách hoàn hảo.

초급

HTML/CSS, TailwindCSS, JavaScript

Hoàn toàn làm chủ TailwindCSS: Từ danh mục đầu tư đến quản trị!

gymcoding

Vue3 Perfect Master: Từ cơ bản đến thực hành - "Phiên bản thực hành"

gymcoding

Phát triển một dự án thực tế với Vue.js 3 và tìm hiểu cách sử dụng Composition API. Ngoài ra, nếu tham gia khóa học này, bạn sẽ đạt được các kỹ năng về "Vue Router v4", "Pinia" và "Boostrap"

초급

Vue.js

Vue3 Perfect Master: Từ cơ bản đến thực hành - "Phiên bản thực hành"

gymcoding

[Mới nhất] Khóa học Vue đỉnh cao: Master Nuxt 3 hoàn hảo

gymcoding

Đây là khóa học về khung Nuxt giúp bạn nhanh chóng tạo một trang web hiệu suất cao dựa trên Vue. Tôi nghĩ tôi có thể tự tin nói rằng đây là khóa học phải xem đối với bất kỳ ai sử dụng Vue tại nơi làm việc!

중급이상

Vue.js, Nuxt.js, pinia

[Mới nhất] Khóa học Vue đỉnh cao: Master Nuxt 3 hoàn hảo

gymcoding

Tạo cộng đồng Vue 3 & Firebase 10 Fullstack - "Phần sử dụng" (với Pinia, Quasar, Tiptap, VueUse)

gymcoding

Khóa học tạo cộng đồng bằng Vue3 & Firebase(v10) sẽ giúp bạn phát triển thành một nhà phát triển chuyên nghiệp hơn bằng cách cung cấp các kiến thức thực tế về cách sử dụng Vue3, kiến thức cơ bản và thực tế về Firebase, cách sử dụng các công nghệ web mới nhất, chia sẻ kinh nghiệm của những người chia sẻ kiến thức, v.v.!

중급이상

Vue.js, Firebase, Quasar

Tạo cộng đồng Vue 3 & Firebase 10 Fullstack - "Phần sử dụng" (với Pinia, Quasar, Tiptap, VueUse)

gymcoding

Next.js Hoàn Hảo (v15): Tạo Blog Lập Trình Viên Dựa Trên Notion (với Cursor AI)

gymcoding

Đây là khóa học xây dựng blog thực tế dành cho developer dựa trên Notion cùng với việc học Next.js v15 App Router mới nhất. Ngoài ra, bạn cũng có thể thu được nhiều insight đa dạng như cách sử dụng Cursor AI.

초급

React, Blog, Next.js

Next.js Hoàn Hảo (v15): Tạo Blog Lập Trình Viên Dựa Trên Notion (với Cursor AI)

gymcoding

Giới thiệu về ES6+ JavaScript mới nhất cho người mới bắt đầu

gymcoding

Tôi đã thấy rất nhiều người xung quanh tôi lần đầu tiên bắt đầu viết mã. Những người có kinh nghiệm cho rằng JavaScript dễ nhưng những người mới làm quen chắc chắn sẽ thấy khó. Vì vậy, bài giảng này rất đơn giản và dễ dàng dành cho những người mới bắt đầu học viết mã! đầy! Chúng tôi đã chuẩn bị nội dung. 💪🙂

초급

JavaScript, ES6

Giới thiệu về ES6+ JavaScript mới nhất cho người mới bắt đầu

gymcoding

Quasar Perfect Master: Nếu bạn muốn nhanh chóng tạo một web Vue phía trước! (Dựa trên Vue3)

gymcoding

Khóa học này dành cho những ai muốn sử dụng Quasar trong khi phát triển web với Vue.js. Bạn có phải là người cần nhanh chóng xây dựng một trang web nội bộ hoặc tạo giao diện người dùng thú vị của riêng mình không? Thông qua bài giảng này, bạn có thể tạo một trang web phía trước một cách dễ dàng và nhanh chóng.

초급

Quasar, Vue.js

Quasar Perfect Master: Nếu bạn muốn nhanh chóng tạo một web Vue phía trước! (Dựa trên Vue3)

gymcoding

Tạo và phân phối trang web danh mục đầu tư! : Giới thiệu về Phát triển Web

gymcoding

Nếu bạn đã học HTML&CSS và JavaScript, hãy sử dụng chúng để tự tạo và triển khai trang portfolio của riêng mình. Thực hành sẽ giúp bạn cải thiện kỹ năng của mình rất nhiều.

입문

HTML/CSS, JavaScript, github-pages

Tạo và phân phối trang web danh mục đầu tư! : Giới thiệu về Phát triển Web

gymcoding

Hướng dẫn đầy đủ mới nhất về Vue 3: Thông số kỹ thuật và thiết lập dự án toàn diện

gymcoding

"Master Vue 3" Đây là bài giảng tiếp theo để bạn làm quen với các cài đặt dự án và thông số kỹ thuật mới nhất của phiên bản Vue 3 mới nhất. Khóa học này được cung cấp miễn phí cho những người đã tham gia khóa học Vue cơ bản hoặc thực tế.

초급

Vue.js, Vue 3, TailwindCSS

Hướng dẫn đầy đủ mới nhất về Vue 3: Thông số kỹ thuật và thiết lập dự án toàn diện

gymcoding

Lập trình không đồng bộ: Promise, async/await hoàn hảo

gymcoding

Khóa học này giải thích rõ ràng khái niệm và nguyên lý hoạt động của Promise và async/await trong lập trình không đồng bộ JavaScript, giúp bạn có thể xử lý các tác vụ không đồng bộ một cách thành thạo trong thực tế.

초급

promise, async-await, asynchronous-programming

Lập trình không đồng bộ: Promise, async/await hoàn hảo

gymcoding

Winging the Front End: Kiến thức cần biết trước khi học Vue và React

gymcoding

Thông qua bài giảng này, bạn sẽ có thể củng cố những kiến thức cần biết trước khi trở thành nhà phát triển front-end như Webpack và NPM.

초급

Webpack

Winging the Front End: Kiến thức cần biết trước khi học Vue và React

gymcoding

Giới thiệu về phát triển web HTML&CSS cho người mới bắt đầu

gymcoding

Bằng cách học HTML và CSS, bạn có thể học được những kiến thức cơ bản cần thiết để tạo một trang web. Đây là một bài giảng thực sự dễ hiểu nên bạn không phải lo lắng về việc viết code khi lần đầu tiếp xúc với nó.

입문

HTML/CSS

Giới thiệu về phát triển web HTML&CSS cho người mới bắt đầu

gymcoding

Tạo mẫu quản trị Vuetify – Thực tế (Dựa trên Vue2)

gymcoding

Lời khuyên hữu ích dành cho những người đang phát triển thực tế với Vue&Vuetify! 😃

초급

Vue.js, Vuetify

Tạo mẫu quản trị Vuetify – Thực tế (Dựa trên Vue2)

gymcoding

Tạo mẫu quản trị Vuetify - Cơ bản (Dựa trên Vue2)

gymcoding

Tìm hiểu những điều cơ bản về Vuetify và tạo một trang web Quản trị viên Material Design tuyệt vời 😃

초급

Vue.js, Vuetify

Tạo mẫu quản trị Vuetify - Cơ bản (Dựa trên Vue2)

gymcoding

Similar courses

Explore other courses in the same field!

Vue3 Perfect Master: Từ cơ bản đến thực hành - "Phiên bản thực hành"

gymcoding

초급

Vue.js

Vue3 Perfect Master: Từ cơ bản đến thực hành - "Phiên bản thực hành"

gymcoding

Quasar Perfect Master: Nếu bạn muốn nhanh chóng tạo một web Vue phía trước! (Dựa trên Vue3)

gymcoding

초급

Quasar, Vue.js

Quasar Perfect Master: Nếu bạn muốn nhanh chóng tạo một web Vue phía trước! (Dựa trên Vue3)

gymcoding

Hướng dẫn đầy đủ mới nhất về Vue 3: Thông số kỹ thuật và thiết lập dự án toàn diện

gymcoding

초급

Vue.js, Vue 3, TailwindCSS

Hướng dẫn đầy đủ mới nhất về Vue 3: Thông số kỹ thuật và thiết lập dự án toàn diện

gymcoding

Đăng nhập SNS Kakao, Google (springboot3, vue3)

bradkim

Sử dụng Spring Boot để triển khai đăng nhập Kakao, Google. Đăng nhập dựa trên JWT token được triển khai. Cấu hình màn hình đơn giản thông qua Vue3.

초급

OAuth, oauth2, JWT

Đăng nhập SNS Kakao, Google (springboot3, vue3)

bradkim

Chương trình phát triển hài hước của Hodolman (SpringBoot, Vue.JS, AWS)

hodolman888675

Không chỉ dừng lại ở việc tạo một ứng dụng đơn giản. Chúng tôi sẽ hướng dẫn bạn hoàn thành A-Z, từ việc tạo backend bằng Spring Boot đến việc kết nối với Vue.js, một stack front-end hiện đại.

중급이상

Spring Boot, JPA, AWS

Chương trình phát triển hài hước của Hodolman (SpringBoot, Vue.JS, AWS)

hodolman888675

Tạo trang tìm kiếm việc làm với Vue3 và Supabase

Michael Kwon

Từ việc phát triển ứng dụng đầy đủ của riêng bạn đến ứng dụng web tiến bộ (PWA)!

초급

Vue.js, PWA, supabase

Tạo trang tìm kiếm việc làm với Vue3 và Supabase

Michael Kwon

Học Vue js và UI cùng lúc / Xây dựng ứng dụng thời tiết thời gian thực với Nuxt3 + OpenWeatherMap

gis

Có thể dễ dàng học Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

초급

Vue.js, PWA, Firebase

Học Vue js và UI cùng lúc / Xây dựng ứng dụng thời tiết thời gian thực với Nuxt3 + OpenWeatherMap

gis

Vue.js - Lập trình web liên kết với Django

bestdjango

Bạn có thể lập trình web bằng Vue.js và khung Django.

초급

Django, Vue.js

Vue.js - Lập trình web liên kết với Django

bestdjango

Blog Vue-Django-Bootstrap nhanh chóng

bestdjango

인기 3 bộ ba (Vue + Django + Bootstrap) giúp bạn tạo ra một blog đẹp mắt và dễ dàng. Trang web có khả năng phản hồi và có thể xem trên cả điện thoại thông minh.

초급

Vue.js, Django, Bootstrap

Blog Vue-Django-Bootstrap nhanh chóng

bestdjango

Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]

bokchi

Đây là khóa học phát triển có nhịp độ nhanh dành cho những người lập kế hoạch bận rộn. Với lời giải thích đơn giản, bạn có thể tìm hiểu về quy trình phát triển tổng thể bằng cách tự mình phát triển front-end, back-end và DB.

입문

HTML/CSS, JavaScript, Vue.js

Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]

bokchi

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

Reviews from Early Learners

What you will gain after the course

Launching the latest Vue 3 Complete Guide 🎤

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

Divided into two parts Introducing the lecture ✌

so, In the basic version 💁‍♂️

Bootstrap UI Framework 💻

예상 질문 Q&A 💬

지식공유자를 소개합니다 ✒️

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

gymcoding's other courses

Similar courses

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

Divided into two parts
Introducing the lecture ✌

so,
In the basic version 💁‍♂️

Recommended for
these people

Hello
This is