BEST

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

Name: Vue3 Perfect Master: Từ cơ bản đến thực hành - "Cơ bản"
Price: 66000 KRW

Chúng tôi trình bày chi tiết và chuyên sâu về các thông số kỹ thuật của Vue 3 dựa trên tài liệu chính thức để bạn có thể phát triển web bằng Vue.js 3.

(4.9) 275 đánh giá

2,814 học viên

gymcoding

Vue.js

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

API sáng tác Vue3
Các thành phần Vue3 từ cơ bản đến nâng cao!
Bắt đầu một dự án với Vite
<thiết lập tập lệnh> Ngữ pháp và <chữ viết> sự khác biệt
Dựa trên các tài liệu chính thức bằng tiếng Anh, chúng tôi trình bày những kiến thức cơ bản một cách chuyên sâu.

Đầu tiên, chúng ta hãy cùng tìm hiểu Vue.js 3 một cách dễ dàng với những kiến thức cơ bản.
Học chi tiết và sâu hơn với phiên bản thực hành! 🎵

Ra mắt Hướng dẫn đầy đủ về Vue 3 mới nhất 🎤

Nếu bạn đã tham gia khóa học Vue3 Complete Mastery: Basics hoặc Practical,
Bạn có thể xem bài giảng "Hướng dẫn đầy đủ về Vue 3 mới nhất" miễn phí .

Theo cách riêng của Jimcoding
Tôi sẽ giải thích cho bạn một cách dễ hiểu 🥴

Khóa học này nói về cách tạo ứng dụng web bằng Vue.js 3 .
Bài giảng sẽ được tiến hành dựa trên tài liệu Composition A P I mới được giới thiệu.
Trong khi bao gồm tất cả thông tin bạn cần biết dựa trên các tài liệu chính thức,
Nó trình bày nội dung một cách dễ hiểu, chi tiết và sâu sắc.

Chia thành hai phần
Giới thiệu bài giảng ✌

1️⃣ [Vue.js 3 Complete Mastery: Từ cơ bản đến thực hành "Phiên bản cơ bản"]
Bài giảng hiện tại

2️⃣ [Vue.js 3 Complete Mastery: Từ cơ bản đến thực hành "Phiên bản thực hành"]

Khi tôi lập kế hoạch cho khóa học lần đầu, tôi đã cố gắng trình bày nó dưới dạng một bài giảng.

Tất cả các thông số kỹ thuật của Vue.js 3 mà bạn phải tìm hiểu trong tài liệu chính thức Tôi muốn xây dựng một chương trình giảng dạy
Vue.js 3 Thay vì chỉ dạy ngữ pháp, tôi muốn cấu trúc nó với nhiều nội dung khác nhau để bạn có thể làm quen với nó nhiều nhất có thể .
Khi Vue 3 xuất hiện dựa trên Composition API, tôi cũng muốn đề cập đến thư viện cốt lõi.
Ngay cả những người đã biết Vue 3 cũng có thể hiểu được nội dung bài giảng thực hành .
Bài giảng được thực hiện bằng cách chia thành hai bài giảng.

Vì thế,
Trong phiên bản cơ bản 💁‍♂️

Dành cho những người mới làm quen với Vue.js 3, khóa học này tập trung vào việc tìm hiểu cú pháp Vue.js 3 mới nhất, dựa trên tài liệu chính thức. Nội dung khóa học như sau.

HTML, CSS và JavaScript thành ứng dụng web Vue.js dựa trên thành phần Quá trình thay đổi
Sự khác biệt giữa API Tùy chọn và API Thành phần
Bắt đầu một dự án với Vite
Cài đặt ESLint Prettier
Tài liệu chính thức Ngữ pháp API thành phần phản ánh các thông số kỹ thuật mới nhất
Cơ bản và nâng cao về 3 thành phần của Vue.js
<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스타그램

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Bất cứ ai muốn trở thành nhà phát triển front-end
Bất kỳ ai muốn tạo một ứng dụng web thú vị
Những người muốn tìm hiểu kỹ lưỡng dựa trên các tài liệu chính thức

Cần biết trước khi bắt đầu?

HTML, CSS cơ bản
Khái niệm cơ bản về JavaScript
Gimcoding cánh phía trước

Xin chào
Đây là

24,774

Học viên

1,384

Đánh giá

631

Trả lời

4.9

Xếp hạng

Các khóa học

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

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

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

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

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

Chương trình giảng dạy

Tất cả

37 bài giảng ∙ (7giờ 48phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Giới thiệu khóa học

3 bài giảng ∙ (9phút)

Phần 2. Chuẩn bị

4 bài giảng ∙ (49phút)

4. Cấu hình môi trường phát triển
09:47
5. Vue là gì? (Kiểm tra phần mô tả video nhé 🙂)
16:26
6. Tìm hiểu thành phần
23:06
7. Sự kiện ra mắt khóa học mới 🎉

Phần 3. Bắt đầu

4 bài giảng ∙ (31phút)

8. Lưu ý cấu hình dự án
9. Cấu trúc dự án
04:14
10. ESLint, Prettier
13:46
11. Options API vs Composition API
13:43

Phần 4. Vue3 Composition API

12 bài giảng ∙ (2giờ 50phút)

Phần 5. Bootstrap5

1 bài giảng ∙ (9phút)

Phần 6. Component cơ bản + nâng cao

11 bài giảng ∙ (3giờ 17phút)

Phần 7. Lời kết

2 bài giảng ∙ (1phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

275 đánh giá

4.9

275 đánh giá

design
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
1.5배로 들어도 레퍼못지 않은 알찬내용과 정확한 발음으로 굉장히 알아듣기 쉽게 설명하는게 좋았습니다. 많은 도움 되었습니다
- 짐코딩
  Giảng viên
  1.5배 좋아요!ㅎㅎ 와우 레퍼ㅋ 감사합니다~!! 🙂
kimjuno97
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
npm trends에서 11월~12월 사이에 vue 다운로드 수가 리액트의 3배정도 뛰어넘었던데, 해당강의는vue3 입문에 정말 많은 도움이 되는 거 같습니다,!,
- 짐코딩
  Giảng viên
  와우~! 감사합니다~!! 🙂 🎉
박상우
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
기존에 리액트로 1년간 프로젝트를 진행했고 최근 이직하면서 Vue를 사용하게되어 강의를 듣게 되었습니다. 이전에 들었던 강의들도 좋았지만, 해당 강의를 들으면서 내용이 참 알차고 필요한 부분만 잘 담았다고 생각했습니다. 제가 들었던 강의중에 가장 좋았던 것 같아요
- 짐코딩
  Giảng viên
  완강 축하드려요! 🎉 도움이 되었다니 다행이에요! 감사합니다~!! 🙂
mju6013
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
실무에서 갑작스럽게 Vue3를 사용하게 되었는데, 짧은 강의 시간으로 많은 것을 얻어가는 것 같습니다. Vue2에 대한 지식이 없는 분들도 쉽게 이해할 수 있는 수준으로 진행해 주신 것 같고 강사님 딕션이 좋으셔서 집중이 잘 되는 것 같아요 : ) 실전편과 Vuetify 관련 강의들도 들을 예정입니다!
- 짐코딩
  Giảng viên
  감사합니다~!! 🙂
bestksw
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
강의들 중에 가장 깊이가 있고 이를 쉽게 잘 전달하는 능력을 가지신 짐코딩님 감사합니다.
- 짐코딩
  Giảng viên
  와우~!! 수고하셨습니다 ㅎ 🎉 감사합니다~!! 🙂

1.405.028 ₫

Khóa học khác của gymcoding

Hãy khám phá các khóa học khác của giảng viên!

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!

Basic

React, react-query, react-router

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.

Basic

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

Basic

React, 블로그, Next.js

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

HTML&CSS, 자바스크립트를 배웠다면 이를 활용하여 직접 포트폴리오 사이트를 만들고 배포해 보세요. 실제로 써 보는 것은 우리의 실력을 향상시키는 데 큰 도움이 될 것입니다.

Beginner

HTML/CSS, JavaScript, github-pages

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!

Intermediate

Vue.js, Nuxt.js, pinia

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

Vue.js로 웹 개발을 하며 퀘이사(Quasar)를 이용하고 싶은 분들을 위한 강의입니다. 사내에서 프론트 웹을 빠르게 구축해야 하는 분 또는 나만의 멋진 UI를 만들어야 하는 분이신가요? 이 강의를 통해서 쉽고, 빠르게 프론트 웹을 만들 수 있습니다.

Basic

Quasar, Vue.js

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

Vue.js 3로 실전 프로젝트를 개발하며 Composition API의 사용법을 숙지합니다. 뿐만 아니라 본 강좌를 수강하면 "Vue Router v4"와 "Pinia", "Boostrap"에 대한 기술을 가져가실 수 있습니다.

Basic

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

"Vue 3 완벽 마스터" 후속 강의로 최신 Vue 3 버전의 프로젝트 설정과 최신 스펙을 익히는 강의입니다. Vue 기본편 또는 실전편을 수강하신 분들에게 무료로 제공되는 강의입니다.

Basic

Vue.js, Vue 3, TailwindCSS

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

짐코딩

이 강의를 통해 Webpack, NPM 등 프론트엔드 개발자가 되기 전에 꼭 알아야할 지식을 탄탄히 다질 수 있습니다.

Basic

Webpack

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

짐코딩

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

이 강의는 자바스크립트 비동기 프로그래밍에서 Promise와 async/await의 개념과 작동 원리를 명확히 설명하며, 실무에서 비동기 처리를 능숙하게 다룰 수 있도록 돕습니다.

Basic

promise, async-await, asynchronous-programming

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

Intermediate

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

HTML과 CSS를 배워서 웹사이트 제작에 필요한 기본 지식을 배울 수 있습니다. 코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명한 강의입니다.

Beginner

HTML/CSS

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

Basic

JavaScript, ES6

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vue&Vuetify로 실무에서 개발하시는 분들을 위한 유용한 팁! 😃

Basic

Vue.js, Vuetify

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

짐코딩

Vuetify 기초를 학습하고, 멋진 Material Design Admin 웹 사이트를 만들 수 있습니다 😃

Basic

Vue.js, Vuetify

Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

짐코딩

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

Basic

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

Basic

Vue.js, Vue 3, TailwindCSS

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

Intermediate

Vue.js, Nuxt.js, pinia

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

Basic

OAuth, oauth2, JWT

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

Vue.js - Django 연동 웹 프로그래밍 (실전편)

김석훈

클라이언트 전문 FW인 Vue.js와 서버 전문 FW인 Django를 같이 활용하여, 업그레이드된 웹 프로그래밍을 해보자. Vue 쪽의 VueRouter와 Vuex를 사용하지 않고도, Django 쪽의 DRF를 사용하지 않고도, 쉽게 할 수 있다.

Basic

Vue.js, Django, Vuetify

Vue.js - Django 연동 웹 프로그래밍 (실전편)

김석훈

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

Basic

Vue.js, supabase, Vue 3

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

인기 3총사 (Vue + Django + Bootstrap) 를 활용하여, 쉬우면서도 멋진 나의 블로그를 만들 수 있습니다. 반응형은 기본, 스마트폰으로도 볼 수 있습니다.

Basic

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

Basic

Vue.js, PWA, Firebase

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

단순히 애플리케이션 하나를 만드는데 끝나지 않습니다. Spring Boot를 활용한 백엔드부터 Vue.js 모던 프론트엔드 스택을 연동한 서비스 완성 A-Z를 보여드립니다.

Intermediate

Spring Boot, JPA, AWS

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

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

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Ra mắt Hướng dẫn đầy đủ về Vue 3 mới nhất 🎤

Theo cách riêng của Jimcoding Tôi sẽ giải thích cho bạn một cách dễ hiểu 🥴

Chia thành hai phần Giới thiệu bài giảng ✌

Vì thế, Trong phiên bản cơ bản 💁‍♂️

Bootstrap UI Framework 💻

예상 질문 Q&A 💬

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

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của gymcoding

Khóa học tương tự

Theo cách riêng của Jimcoding
Tôi sẽ giải thích cho bạn một cách dễ hiểu 🥴

Chia thành hai phần
Giới thiệu bài giảng ✌

Vì thế,
Trong phiên bản cơ bản 💁‍♂️

Khuyến nghị cho
những người này

Xin chào
Đây là