Học Vue khi làm web game

Name: Học Vue khi làm web game
Rating: 4.9 (150 reviews)

Bằng cách tạo 8 trò chơi web đơn giản, bạn sẽ tìm hiểu Vuex và Vue Router được sử dụng với Vue.js và Vue.

(4.9) 150 đánh giá

7,864 học viên

zerocho

Vue.js

Webpack

Vuex

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

Bạn sẽ nhận được điều này sau khi học.

Vue
Gói web
vuex
Bộ định tuyến Vue

Đây là khóa học Vue nơi bạn sẽ học bằng cách tạo 8 trò chơi web đơn giản.
Chúng tôi sử dụng Vue, Webpack, Vuex và Vue Router.

Hãy cùng tạo ra nhiều trò chơi web khác nhau! :D

Bạn cũng có thể thực hiện bằng React!

Học React trong khi tạo trò chơi web
Tạo 8 trò chơi web đơn giản :)

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

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

Bất kỳ ai muốn trở thành nhà phát triển web
Bất cứ ai muốn tìm hiểu một framework khác ngoài React
Bất cứ ai muốn phát triển front-end với Vue.js

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

HTML, CSS
JavaScript

Xin chào
Đây là

66,503

Học viên

1,682

Đánh giá

9,755

Trả lời

4.8

Xếp hạng

Các khóa học

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

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

Tất cả

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

Phần 1. nối chữ

6 bài giảng ∙ (57phút)

1. 1-1. Giới thiệu khóa học và dùng thử
10:37
2. 1-2. data và v-if, v-else
08:08
3. 1-3. Nội suy và v-model
09:39
4. 1-4. Hoàn thành ref và bảng cửu chương
11:58
5. 1-5. Ôn tập qua nối chữ
08:57
6. 1-6. Hỏi & Đáp
08:30

Phần 2. Bảng cửu chương

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

Phần 3. Baseball số

5 bài giảng ∙ (1giờ 3phút)

10. 3-1. Sử dụng Webpack
13:35
11. 3-2. Cấu trúc dự án và Webpack build
09:47
12. 3-3. Sử dụng Webpack Loader
12:40
13. 3-4. Sử dụng vòng lặp với v-for
10:26
14. 3-5. Hoàn thành bóng chày số
16:58

Phần 4. Kiểm tra tốc độ phản ứng

5 bài giảng ∙ (52phút)

Phần 5. oẳn tù tì

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

Phần 6. Máy quay số

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

Phần 7. Cờ caro

11 bài giảng ∙ (2giờ 5phút)

Phần 8. Dò mìn

8 bài giảng ∙ (1giờ 28phút)

Phần 9. Vue Router

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

Ngày đăng:

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

Đánh giá

Tất cả

150 đánh giá

4.9

150 đánh giá

dev538
Đánh giá 24
∙
Đánh giá trung bình 4.6
5
100% đã tham gia
Vue, ES6 를 입문하는데 너무 도움이 되었습니다.
csw10410
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
뷰.js 프레임워크를 처음 입문하시는 분들이 쉽게 접근하고 이해하기 수월하도록 커리큘럼이 구성되어있습니다. 가벼운 마음으로 학습하기에 매우 좋은 강좌입니다.
제임스
Đánh giá 8
∙
Đánh giá trung bình 4.8
5
6% đã tham gia
이런 꿀 강의가 무료? 너무 감사합니다
김현수
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
54% đã tham gia
잘듣고있습니다
동해물과백두산이마르고닳도록
Đánh giá 503
∙
Đánh giá trung bình 5.0
5
14% đã tham gia
프론트엔드 개발자라 급하게 필요해서 봤는데 강의력이 훌륭하십니다. 고맙습니다

Miễn phí

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

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

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

Basic

Node.js, Express, MySQL

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

Intermediate

Next.js, React, react-query

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

Basic

소프트웨어 테스트, Jest, react-testing-library

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

Intermediate

디자인 패턴, 객체지향, TypeScript

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

Basic

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

Beginner

DBMS/RDBMS, SQL, MySQL

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

Beginner

네트워크, tcpip, websockets

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

Basic

JavaScript, 알고리즘, 코딩 테스트

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

웹 게임을 만들며 배우는 React

제로초(조현영)

웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.

Basic

React

웹 게임을 만들며 배우는 React

제로초(조현영)

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

Intermediate

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

Basic

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

배달앱 클론코딩 [with React Native]

제로초(조현영)

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

Intermediate

React Native

배달앱 클론코딩 [with React Native]

제로초(조현영)

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

Intermediate

NestJS, TypeORM, Express

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

Basic

JavaScript

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

Intermediate

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

Intermediate

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

Intermediate

Node.js, 웹앱, TypeScript

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

Intermediate

React, TypeScript

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

Basic

Redux, MobX

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

Intermediate

Vue.js, Node.js, AWS

Vue로 Nodebird SNS 만들기

제로초(조현영)

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!

핵심만 골라 배우는 Vue.js

수코딩

프론트엔드 입문자들은 필수적으로 익혀야하는 Vue.JS!! 기초부터 시작해서 고급에 이르기까지 Vue.JS를 샅샅히 파헤쳐봅니다!

Basic

Vue.js, Vue 3, pinia

핵심만 골라 배우는 Vue.js

수코딩

Vue.js 시작하기 - Age of Vue.js

장기효(캡틴판교)

Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요.

Basic

JavaScript, Vue.js

Vue.js 시작하기 - Age of Vue.js

장기효(캡틴판교)

Vue.js - Django 연동 웹 프로그래밍

김석훈

Vue.js 와 Django 프레임워크를 사용하여, 웹 프로그래밍을 할 수 있다.

Basic

Vue.js, Django

Vue.js - Django 연동 웹 프로그래밍

김석훈

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

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

Basic

Vue.js, Django, Bootstrap

Vue-Django-Bootstrap 뚝딱 블로그

김석훈

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

짐코딩

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

Basic

Vue.js, Vue 3, TailwindCSS

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

짐코딩

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

바쁜 기획자 분들을 위한 빠르게 진행되는 개발 강의입니다. 군더더기 없는 설명으로 웹 프론트엔드, 백엔드, DB를 직접 개발해보며 전체적인 개발 프로세스를 알아볼 수 있습니다.

Beginner

HTML/CSS, JavaScript, Vue.js

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

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

Michael Kwon

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

Basic

Vue.js, PWA, supabase

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

Michael Kwon

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 으로 실시간 날씨 앱 제작

임종태

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

bradkim

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

Basic

OAuth, oauth2, JWT

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

bradkim

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

호돌맨

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

Intermediate

Spring Boot, JPA, AWS

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

호돌맨

Học Vue khi làm web game

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

Bạn sẽ nhận được điều này sau khi học.

Hãy cùng tạo ra nhiều trò chơi web khác nhau! :D

Bạn cũng có thể thực hiện bằng React!

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 zerocho

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

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

Xin chào
Đây là