BEST

Programming

Front-end

Learn Vue.js 3 with Projects

Name: Learn Vue.js 3 with Projects
Price: 33000 KRW

We'll help you learn how to use Vue.js 3 and get familiar with it as you apply it to your projects.

(4.9) 98 reviews

942 learners

kossiecoder

Vue.js

Vuex

Web Application

Reviews from Early Learners

What you will learn!

Vue.js Composition API
Web App
How to create a project with Vue CLI
Vue 3 New Features
How to use Vue Router
How to use Vuex

Meet the latest Vue 3,
An easy and powerful introduction to front-end development!

Lecture Introduction

Popular front-end framework, Vue.js
Take a look at the latest version of Vue 3 ,
Try it out yourself and practice with your own hands!

This introductory course will help you get started with the popular front-end framework Vue.js. Using the new Composition API added to Vue.js 3, you'll learn the fundamental features needed to build a project, one by one, and immediately apply them to your own projects. Each video is short, with most videos lasting less than 10 minutes.

Expected Questions Q&A

Q. Can I take the course even if I don't know anything about Vue.js?
A. Yes! This is a Vue.js introductory course, so you can learn from the basics even if you don't know anything about it. By the end of this course, you'll have the basics to work on your own projects with Vue.js. However, I recommend that you already have a basic understanding of HTML, CSS, and Javascript (ES6+). There will also be explanations related to ES6+ throughout the course. 😊

Q. I watched the Vue.js 2 Basics tutorial on the Cozy Coder YouTube channel. Is it very different from this course?
A. The Vue.js 2 Basics course on YouTube only covers basic grammar, but its application to real-world projects is somewhat limited. This course covers Vue.js features and explains how to apply them to your projects. Specifically, this course uses the new Composition API in Vue.js 3. The explanations are much more detailed, helping you gain a comprehensive understanding of single-page applications. 😊

Q. What is the Composition API?
A. In Vue.js 2, we used the Options API for development, but it wasn't easy to reuse code when working on large-scale projects. So, in Vue.js 3, a new feature called the Composition API was added, facilitating logic reuse and code maintenance. 😊

Introduction to lecture materials

I've uploaded the source code at the end of each video as a branch on GitHub. If you get stuck with an error, you can compare the source code on GitHub. 😁 To make it easy to find, I've uploaded the video number as the branch name.

_{Cozy Coder GitHub (shortcut)}

Introduction of knowledge sharers

Cozy Coder

I work as a web developer in Australia and run the YouTube channel 'Cozy Coder'.
YouTube link: https://www.youtube.com/kossiecoder

Recommended for
these people

Who is this course right for?

For those who want to learn the basics of Vue.js 3
Anyone who wants to create a web app with Vue.js
Anyone who wants to develop using Composition Api
For those who are new to Vue.js

Need to know before starting?

HTML
CSS
Javascript

Hello
This is

1,282

Learners

130

Reviews

Answers

4.9

Rating

Courses

Curriculum

All

88 lectures ∙ (9hr 30min)

Section 1. Course Introduction and Development Environment Setup

3 lectures ∙ (17min)

1. 00 Course Introduction
05:55
2. 01 Installing a Vue Project
04:30
3. 02. Looking at the folder structure
06:35

Section 2. Create a To-Do Add Form

6 lectures ∙ (20min)

Section 3. Create a To-Do List

15 lectures ∙ (1hr 37min)

10. 08 Data Binding
08:44
11. 09 Two-way binding (v-model)
09:00
12. Add a new To-Do to the list 10
09:46
13. 11 Create To-Do Cards
04:17
14. 12 v-for
04:55
15. 13 v-show vs v-if
09:32
16. 14 Checkbox Binding
04:23
17. 15 class/style binding
06:03
18. 16 Deleting items from an array
05:57
19. 17 Creating Form Components
04:47
20. 18 emit
09:03
21. 19 props
07:17
22. Things to watch out for when using 20 props
06:59
23. 21 Delete To-Do
03:59
24. 22 emits
03:07

Section 4. To-Do Search Function

2 lectures ∙ (15min)

Section 5. Json-Server local development database

8 lectures ∙ (40min)

Section 6. Add Pagination

3 lectures ∙ (22min)

Section 7. Improved search function

5 lectures ∙ (40min)

Section 8. Getting Started with Vue Router

5 lectures ∙ (27min)

Section 9. Create a To-Do Edit Page

8 lectures ∙ (1hr 5min)

Section 10. Create a Toast Notification Component

4 lectures ∙ (38min)

Section 11. Create a To-Do creation page

4 lectures ∙ (24min)

Section 12. Scoped Style

1 lectures ∙ (4min)

Section 13. Toast animation applied and bugs fixed

2 lectures ∙ (8min)

Section 14. Create a modal window

4 lectures ∙ (30min)

Section 15. refactoring

8 lectures ∙ (47min)

Section 16. Using Vuex

7 lectures ∙ (57min)

Section 17. refactoring

2 lectures ∙ (12min)

Section 18. At the end of the course...

1 lectures ∙ (0min)

Published:

Last updated:

Reviews

All

98 reviews

4.9

98 reviews

황지환 Hwang
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
강사님께서 조근조근 설명 잘 해 주시네요. 최신버젼 Vue3로 무언가 시작하는데 큰 도움 받았습니다. 고맙습니다.
- 코지 코더
  Instructor
  황지환님 수강평 감사합니다 ^^
쿠쿠케케
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
좋아요👍👍
Duru
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
Vue.js 3의 기본적인 구조와 효율적으로 컴포넌트를 만들 수 있는 방법을 배울 수 있어서 정말 좋았습니다.
WellBakedToast
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
딱 좋은 강의였습니다! 중급편도 제작해주세요~
이기정
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
좋습니다!

$26.40

kossiecoder's other courses

Check out other courses by the instructor!

프로젝트로 배우는 React.js

코지 코더

블로그 프로젝트를 통해 리액트 기초를 배울수 있습니다

초급

React, Redux, ES6

프로젝트로 배우는 React.js

코지 코더

Similar courses

Explore other courses in the same field!

Vue 3 시작하기

장기효(캡틴판교)

Vue.js 최신 버전 Vue 3를 시작하는 분들을 위한 강좌입니다. Vue.js의 동작원리부터 실무 개발을 할 때 알아둬야 하는 기본 개념들을 배워보세요.

초급

Vue.js, Vue 3, JavaScript

Vue 3 시작하기

장기효(캡틴판교)

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

Michael Kwon

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

초급

Vue.js, supabase, Vue 3

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

Michael Kwon

Vue 3 마스터리: Composition API로 현대적인 웹 인터페이스 구축하기

Professional

Vue 3, Composition API, Vue Router, Pinia 및 실제 프로젝트를 사용하여 동적이고 고성능의 웹 애플리케이션을 구축하는 방법을 배워보세요.

초급

Vue.js, Vue 3, frontend

Vue 3 마스터리: Composition API로 현대적인 웹 인터페이스 구축하기

Professional

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

bradkim

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

초급

OAuth, oauth2, JWT

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

bradkim

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

임종태

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

초급

Vue.js, PWA, Firebase

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

임종태

코알못도 누구나 쉽게 따라하는 웹, 앱 만들기 (기초부터 실전 활용까지)

조코딩

누구나 배울 수 있는 쉬운 코딩을 만들겠습니다. 코딩이 무엇인지 이해하고 라이브러리, API 등 최대한 외부 자원을 활용하여 서비스 가능한 웹과 앱을 제작하는 것이 목표입니다.

입문

웹앱

코알못도 누구나 쉽게 따라하는 웹, 앱 만들기 (기초부터 실전 활용까지)

조코딩

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

짐코딩

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

초급

Vue.js, Vue 3, TailwindCSS

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

짐코딩

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

John Ahn

이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

초급

React, Firebase, 웹앱

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

John Ahn

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

어메이징론

웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

입문

네트워크, Google Chrome, Chrome DevTools

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

어메이징론

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

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

초급

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

순수 함수형 프론트엔드 언어 Elm 가이드

김대현

순수 함수형 프로그래밍으로 프론트엔드 웹앱을 만드는 Elm 프로그래밍 언어 가이드 문서를 3시간만에 다 공부합니다.

초급

elm, 함수형 프로그래밍, SPA

순수 함수형 프론트엔드 언어 Elm 가이드

김대현

Learn Vue.js 3 with Projects

Reviews from Early Learners

What you will learn!

Lecture Introduction

Expected Questions Q&A

Introduction to lecture materials

Introduction of knowledge sharers

Recommended for these people

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

Curriculum

Reviews

kossiecoder's other courses

Similar courses

Recommended for
these people

Hello
This is