BEST

Programming

Front-end

Hướng dẫn hoàn chỉnh về Vue.js + TypeScript

Name: Hướng dẫn hoàn chỉnh về Vue.js + TypeScript
Price: 88000 KRW

Đây là khóa học tuyệt vời dành cho những người mới bắt đầu sử dụng TypeScript trong Vue.js. Khóa học hoàn toàn chinh phục Vue.js + TypeScript thú vị với 2 dự án thực hành. Hãy học và áp dụng ngay vào thực tế! 😄

(4.8) 68 đánh giá

1,390 học viên

captain

Vue.js

TypeScript

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

Vue.js TypeScript
kiểu đánh máy
Phát triển thực tế Vue.js
Làm thế nào để thiết kế các thành phần có khả năng tái sử dụng cao

Nó thực sự xứng đáng với danh tiếng của nó! Với thuyền trưởng Pangyo
Thành thạo hoàn toàn Vue.js + Typescript FE 🚀

Bài giảng phổ biến của Inflearn với hơn 8.000 học viên tích lũy
Bộ truyện TypeScript Captain Pangyo được tái sinh dưới dạng sách!

2023 『TypeScript: Easy Start』 được xuất bản

TypeScript, công cụ cải thiện chất lượng mã JavaScript và năng suất phát triển, hãy học qua các bài giảng và sách!

Đi đến cuốn sách >>

Vue và TypeScript
Học tất cả cùng một lúc 🪐

Bạn có quen thuộc với việc xây dựng ứng dụng web bằng Vue.js không? Bây giờ đã đến lúc học TypeScript . Bạn nghĩ sao về việc làm cho các tính năng tôi tạo ra mạnh mẽ hơn và giúp người khác dễ hiểu nội dung mã của tôi hơn bằng TypeScript? Hãy tham gia khóa học Vue.js + TypeScript ngay bây giờ để khiến quá trình phát triển front-end Vue.js của bạn trở nên thú vị hơn.

Cấu trúc bài giảng là
Nó giống như thế này 📚

Cách bắt đầu với TypeScript trong Vue.js
Cách áp dụng TypeScript dần dần vào dự án Vue.js + JavaScript hiện có
Mẹo và bí quyết áp dụng TypeScript trực tiếp vào mã Vue.js thực tế của bạn
Cách tạo các thành phần đơn vị Vue.js có khả năng tái sử dụng cao
Chuẩn bị cho Vue 3

Đã được đề cập trong bài giảng
2 dự án 🎲

[Dự án đầu tiên]
Ứng dụng việc cần làm

[Dự án thứ hai]
Tin tức, ứng dụng bảng việc làm

Dự kiến Q&A 🙋🏻‍♂️

H. Tôi mới làm quen với Vue.js. Tôi có thể tham gia khóa học này không?

Đây không phải là khóa học cơ bản. Bất kỳ ai đã hoàn thành lộ trình học Vue.js của Captain Pangyo đều có thể nghe chương trình này. Khóa học này không phù hợp với những người chưa học hết tất cả các khóa học tiên quyết, vì vậy hãy học hết các khóa học tiên quyết trước nhé!

H. Vue 3 đã được phát hành. Khóa học này có được giảng dạy bằng Vue 3 không?

Không, chúng tôi đang chuyển sang phiên bản Vue 2. Tuy nhiên, những gì bạn học được trong bài giảng vẫn có thể sử dụng trong phiên bản Vue 3. Do hệ sinh thái Vue 3 hiện tại chưa hoàn thiện nên chúng tôi đang chuyển sang phiên bản Vue 2, phiên bản này đã sẵn sàng để sử dụng thực tế. Xin lưu ý rằng ở nửa sau của bài giảng, sẽ có hướng dẫn ngắn gọn về cách áp dụng TypeScript vào Vue 3.

H. Tôi không biết gì về TypeScript. Tôi vẫn có thể học khóa học này chứ?

Khóa học này phù hợp với những người đã học cả khóa cơ bản và khóa thực hành về TypeScript . Mã TypeScript cơ bản được trình bày trong bài giảng không được giải thích riêng, vì vậy hãy đảm bảo tham gia khóa học trước về TypeScript!

H. Tôi chỉ giỏi phát triển bằng JavaScript trong lĩnh vực của mình. Tôi có cần phải học TypeScript không?

Nếu bạn có kinh nghiệm phát triển các ứng dụng web phức tạp với nhiều người, có lẽ bạn sẽ thích mã được ghi chép đầy đủ, dễ đọc và dễ hiểu ngay từ cái nhìn đầu tiên. TypeScript không chỉ tối đa hóa những lợi thế này mà còn giúp bạn viết code dễ dàng và giảm lỗi khi chạy ứng dụng trong tương lai. Nếu bạn học được điều này, việc phát triển sẽ trở nên dễ dàng hơn!

📢 Vui lòng kiểm tra trước khi tham gia lớp học!

Bài giảng này được thiết kế dành cho những người học đã hoàn thành cả hai lộ trình trên. Hãy chắc chắn kiểm tra kiến thức chơi của bạn !

Lộ trình liên quan 🚎

Chinh phục phát triển Front-end với Vue.js và TypeScript
Quan điểm của thuyền trưởng Pangyo + TypeScript cùng một lúc
Đây là lộ trình các bài giảng bạn sẽ học. Bao gồm bài giảng này

Giới thiệu người chia sẻ kiến thức 👨‍🏫

Jang Gi-Hyo (Đội trưởng Pangyo)

Nhà phát triển front-end hiện tại
Tác giả của "Do it! Introduction to Vue.js" và "TypeScript: Easy to Start"
Bài giảng về Vue.js của Naver, eBay Korea, Samsung, LG, SK Group, v.v.
Bài giảng về Trại chinh phục Vue.js của Fast Campus
Người dịch trang web chính thức của Google Web Technologies
Blog công nghệ , Github

Phỏng vấn với "People Met by Inflearn"

“Vue.js mã nguồn mở + với doanh thu từ bài giảng
Hỗ trợ Life Coding 😁”

Chúng tôi cung cấp chiết khấu cho bài giảng!

Series "Hoàn thiện Frontend với Vue.js
Developer Roadmap" giảm giá 25% (nhấp vào)

Học sinh trung học cơ sở và trung học phổ thông không có thu nhập,
Giảm giá 50% cho sinh viên đại học (nhấp vào)

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

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

Nhà phát triển phần mềm phía trước
Những người mới bắt đầu sử dụng TypeScript trong Vue.js
Vue.js Học tập lộ trình đã hoàn thành và đang chờ đợi bài giảng tiếp theo

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

Vue.js
Kiểu chữ

Xin chào
Đây là

47,759

Học viên

4,608

Đánh giá

3,812

Trả lời

4.9

Xếp hạng

Các khóa học

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

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

Tất cả

84 bài giảng ∙ (8giờ 2phút)

Phần 1. Định hướng bài giảng và thiết lập môi trường phát triển

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

Phần 2. Bắt đầu dự án đầu tiên của bạn

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

Phần 3. Ứng dụng quản lý việc cần làm – Triển khai các tính năng bổ sung

8 bài giảng ∙ (39phút)

7. Danh sách các chức năng sẽ được thực hiện và thông tin về các phím tắt thành phần xem TS
03:31
8. Tạo và đăng ký các thành phần đầu vào
05:01
9. Xác định các thuộc tính dữ liệu và đạo cụ sẽ được gửi đến thành phần đầu vào
05:59
10. Xác định và triển khai sự kiện phát ra của thành phần đầu vào
08:06
11. Triển khai chức năng nút thêm việc cần làm
03:48
12. Ưu điểm của việc giải và triển khai v-model
04:17
13. Thành phần đầu vào Xác thực thuộc tính Props và định nghĩa loại
06:06
14. Thiết lập tự động hoàn thành thẻ thành phần trong plugin Vetur
02:39

Phần 4. Ứng dụng quản lý việc cần làm - thực hiện chức năng hỏi đáp

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

Phần 5. Ứng dụng quản lý việc cần làm - thực hiện chức năng xóa

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

Phần 6. Ứng dụng quản lý việc cần làm - thực hiện chức năng hoàn thành

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

Phần 7. Ứng dụng quản lý việc cần làm - thực hiện chức năng sắp xếp

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

Phần 8. Tóm tắt dự án đầu tiên

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

Phần 9. Bắt đầu dự án thứ hai

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

Phần 10. Hai cách để áp dụng TypeScript vào các dịch vụ thực

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

Phần 11. Bước 1 của ứng dụng TypeScript dần dần - bộ định tuyến, HOC, chức năng tiện ích

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

Phần 12. Bước 2 của ứng dụng TypeScript dần dần - thành phần, hàm API

7 bài giảng ∙ (46phút)

Phần 13. Bước 3 của ứng dụng TypeScript lũy tiến - Xác định loại cửa hàng Vuex

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

Phần 14. Tóm tắt dự án thứ hai

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

Phần 15. Xem định nghĩa loại plugin và thư viện bên ngoài

8 bài giảng ∙ (44phút)

Phần 16. thuộc tính giới thiệu

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

Phần 17. Xem định nghĩa loại tùy chỉnh sự kiện

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

Phần 18. Vue 3

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

Phần 19. kết luận lớp học

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

Ngày đăng:

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

Đánh giá

Tất cả

68 đánh giá

4.8

68 đánh giá

이윤기
Đánh giá 2
∙
Đánh giá trung bình 4.0
3
95% đã tham gia
유료 강의 인데 기존에 다른 강의 repository를 재활용 하는 건 너무 성의 없는 거 아닌가요? public으로 공개해 놓지도 않고... 소스만 가져와서 새로운 repository 만드는 게 많은 시간을 쓰는 것도 아니고 모든 수강생이 해당 강좌를 들은 것도 아닌데...
momo_12
Đánh giá 16
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
vue.js 에서 typescript 적용에 대한 정말 좋은 강의입니다.
- 장기효(캡틴판교)
  Giảng viên
  안녕하세요 첫 번째 수강평 넘 감사드립니다 :) 후속 영상도 잘 준비해서 올릴게요. 응원 감사합니다 :)
에반
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
좋은 강의였습니다.
- 장기효(캡틴판교)
  Giảng viên
  수강평 감사드립니다 :)
abcdeee
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
93% đã tham gia
개발하면서 몰랐던 부분들을 알 수 있었던 강의!
- 장기효(캡틴판교)
  Giảng viên
  감사합니다 :)
테이
Đánh giá 20
∙
Đánh giá trung bình 4.8
4
100% đã tham gia
vue2와 타입스크립트를 같이 사용해볼 수 있어서 좋았어요. 특히 마지막 부분에 ref랑 이벤트 관련 유틸타입부분은 특히 재밌었어요! 근데 아무래도 옛날 버전 위주라서 진행하면서 조금씩 달랐던 건 아쉬웠습니당

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

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

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

장기효(캡틴판교)

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

초급

JavaScript, Vue.js

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

장기효(캡틴판교)

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

초급

•

JavaScript

Vue.js

5시간 25분

이런 걸 배울 수 있어요

프런트엔드 개발

화면 UI 개발

Javascript

웹 개발

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

장기효(캡틴판교)

Vue.js 중급 강좌 - '누구나', '쉽게', '훌륭한' 웹 어플리케이션을 만들 수 있도록 도와주는 Vue.js 활용 강좌 입니다. Vue.js 에 대한 기본적인 이해를 바탕으로 Todo 앱을 만들어 보며 코드 중심의 실용적인 지식을 배우게 됩니다.

중급이상

JavaScript, Vue.js, ES6

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

장기효(캡틴판교)

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

중급이상

•

JavaScript

Vue.js

ES6

Vuex

6시간 50분

이런 걸 배울 수 있어요

웹 개발

Javascript

Vue.js

뷰 최신 CLI 도구 특징을 알 수 있어요

Vue 3 중급 - Composition API

장기효(캡틴판교)

Vue 2와 최신 Vue 3에서 모두 사용할 수 있는 Vue Composition API를 가장 쉽고 정확하게 배울 수 있는 강의!

중급이상

Vue 3, Vue.js

Vue 3 중급 - Composition API

장기효(캡틴판교)

Vue 3 중급 - Composition API

Vue 2와 최신 Vue 3에서 모두 사용할 수 있는 Vue Composition API를 가장 쉽고 정확하게 배울 수 있는 강의!

중급이상

•

Vue.js

2시간 52분

이런 걸 배울 수 있어요

Vue.js

Vue Composition API

컴포넌트 설계

프론트엔드 개발자를 위한 웹팩

장기효(캡틴판교)

1000명이 선택한 웹팩 강의! 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :)

초급

Webpack

프론트엔드 개발자를 위한 웹팩

장기효(캡틴판교)

프론트엔드 개발자를 위한 웹팩

1000명이 선택한 웹팩 강의! 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :)

초급

•

Webpack

3시간 27분

이런 걸 배울 수 있어요

Front-End

Webpack

NPM

프런트엔드 빌드 시스템

Vue 3 시작하기

장기효(캡틴판교)

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

초급

Vue.js, Vue 3, JavaScript

Vue 3 시작하기

장기효(캡틴판교)

Vue 3 시작하기

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

초급

•

Vue.js

JavaScript

3시간 38분

이런 걸 배울 수 있어요

Vue.js

프론트엔드 개발

웹 개발

Vue.js 끝장내기 - 실무에 필요한 모든 것

장기효(캡틴판교)

Vue.js로 실무 하시는 분들께 필요한 모든 것을 담았습니다. 실제 백엔드 API로 구현하는 학습 노트 CRUD 애플리케이션. 생산성 높은 프로젝트 환경 구축과 백엔드 개발자와 협업하는 방법에 대한 메시지를 꼭 확인해보세요 :)

중급이상

JavaScript, Vue.js, Vuex

Vue.js 끝장내기 - 실무에 필요한 모든 것

장기효(캡틴판교)

Vue.js 끝장내기 - 실무에 필요한 모든 것

중급이상

•

JavaScript

Vue.js

Vuex

8시간 22분

이런 걸 배울 수 있어요

프론트엔드 개발

화면 UI 개발

Vue.js 실무

Vue.js 실무 환경 구성

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

장기효(캡틴판교)

실무에서 많이 사용되는 React와 Vue의 코드를 작성하면서 타입스크립트 필수 개념을 익히는 강의입니다. React와 Vue에 타입을 입히는 방법, ChatGPT 사용법까지 모두 잡는 실무자와 입문자 모두를 위한 강의!

초급

React, TypeScript, Vue.js

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

장기효(캡틴판교)

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

초급

•

React

TypeScript

Vue.js

ChatGPT

2시간 42분

이런 걸 배울 수 있어요

TypeScript (타입스크립트)

React (리액트)

Vue.js (뷰)

ChatGPT

실전 프론트엔드 테스트 시작하기

장기효(캡틴판교)

능력 있는 프론트엔드 개발 실무자가 되고 싶다면 꼭 들어야 할 테스트 강의. 테스팅 입문부터 실전까지 한방에 끝낸다 👊

초급

소프트웨어 테스트, Cypress, e2e

실전 프론트엔드 테스트 시작하기

장기효(캡틴판교)

실전 프론트엔드 테스트 시작하기

능력 있는 프론트엔드 개발 실무자가 되고 싶다면 꼭 들어야 할 테스트 강의. 테스팅 입문부터 실전까지 한방에 끝낸다 👊

초급

•

소프트웨어 테스트

Cypress

e2e

JavaScript

Next.js

React

3시간 32분

이런 걸 배울 수 있어요

프론트엔드 테스팅

테스팅 이론

테스트 코드 작성 방법

e2e 테스트

Amazing JavaScript - 입문

장기효(캡틴판교)

프런트엔드 개발을 위해 필요한 자바스크립트 기초 지식. 실무자로서 꼭 알아야 하는 필수 지식들을 쉽고 빠르게 설명해 줍니다. 2024년 현대 프런트엔드 개발 트렌드를 반영한 기본 강의.

입문

JavaScript, ES6

Amazing JavaScript - 입문

장기효(캡틴판교)

Amazing JavaScript - 입문

입문

•

JavaScript

ES6

2시간 56분

이런 걸 배울 수 있어요

자바스크립트 개발

JavaScript 기본 문법

ES6+

보러가기

Next.js 시작하기

장기효(캡틴판교)

React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.

초급

Next.js, React, JavaScript

Next.js 시작하기

장기효(캡틴판교)

Next.js 시작하기

초급

•

Next.js

React

JavaScript

7시간 57분

이런 걸 배울 수 있어요

Next.js 14(최신 버전)

Next.js 실무 프로젝트 폴더 구조

Next와 React 컴포넌트 설계

Next.js 실무 코딩 팁

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

초급

TypeScript, ES6, JavaScript

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

타입스크립트 입문 - 기초부터 실전까지

초급

•

TypeScript

ES6

JavaScript

6시간 17분

이런 걸 배울 수 있어요

타입스크립트 개발

자바스크립트에 타입스크립트를 적용하는 방법

타입 시스템

프런트엔드 개발

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

장기효(캡틴판교)

실무에서 가장 많이 사용되고 있는 리액트 프레임워크, 쉽고 빠르고 재밌게 배워보세요! 할 일 관리 앱을 만들면서 리액트의 동작 원리, 컴포넌트 설계, 리팩토링 방법을 배워봅니다.

초급

React, JavaScript, 리팩터링

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

장기효(캡틴판교)

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

초급

•

React

JavaScript

리팩터링

3시간 20분

이런 걸 배울 수 있어요

리액트

JavaScript

React

Vite

Nuxt.js 시작하기

장기효(캡틴판교)

내가 만든 Vue.js 사이트가 더 많은 사람들에게 노출 되기를 원한다면? 캡틴판교의 Vue.js 시리즈를 다 듣고 이제는 서버 사이드 렌더링도 해보고 싶은 분들이 듣기 좋은 강좌입니다. Nuxt.js 시작하기 강의!

중급이상

Nuxt.js, Vue.js, ssr

Nuxt.js 시작하기

장기효(캡틴판교)

Nuxt.js 시작하기

중급이상

•

Nuxt.js

Vue.js

ssr

6시간 11분

이런 걸 배울 수 있어요

Server Side Rendering

Vue.js 개발

프론트엔드 개발

실전 프로젝트로 배우는 타입스크립트

장기효(캡틴판교)

"타입스크립트 입문 - 기초부터 실전까지"의 실전 활용편입니다. 입문 편을 수강하지 않으신 분들은 입문 편부터 수강해주세요 😄

중급이상

TypeScript, ES6

실전 프로젝트로 배우는 타입스크립트

장기효(캡틴판교)

실전 프로젝트로 배우는 타입스크립트

"타입스크립트 입문 - 기초부터 실전까지"의 실전 활용편입니다. 입문 편을 수강하지 않으신 분들은 입문 편부터 수강해주세요 😄

중급이상

•

TypeScript

ES6

5시간 53분

이런 걸 배울 수 있어요

타입스크립트 개발

자바스크립트에 타입스크립트를 적용하는 방법

타입스크립트에서 외부 라이브러리 사용하는 방법

프런트엔드 개발 환경

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

장기효(캡틴판교)

Do it! Vue.js 입문 -> Vue.js 초급 강좌 -> Vue.js 중급 강좌의 계보를 잇는 Vue.js 실전 강좌입니다. Vue.js 를 실무에서 완벽히 활용 가능하도록 도와줄것 입니다.

중급이상

JavaScript, Vue.js

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

장기효(캡틴판교)

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

중급이상

•

JavaScript

Vue.js

10시간 23분

이런 걸 배울 수 있어요

최신 뷰 CLI(v3.0)로 프로젝트를 구성하고 개발하는 방법

Vue Router 기본부터 실전, 그리고 고급 패턴까지

Axios를 이용한 API 호출 방법과 자바스크립트 비동기 처리

Vuex와 상태 관리에 대한 깊은 이해

PWA 시작하기 - 웹 기술로 앱을 만들자

장기효(캡틴판교)

Web 기술로 오프라인 환경에서 작동하는 App 을 만들 수 있습니다. 프로그레시브 웹 앱이 발전해온 시대적 배경과 주요 특징을 배우고, 주요 기술들로 실제 프로그레시브 웹 앱을 만들어보세요.

초급

Vue.js, 웹앱, PWA

PWA 시작하기 - 웹 기술로 앱을 만들자

장기효(캡틴판교)

PWA 시작하기 - 웹 기술로 앱을 만들자

초급

•

Vue.js

웹앱

PWA

3시간 29분

이런 걸 배울 수 있어요

PWA의 기본 개념

웹 앱 매니페스트 구성

서비스 워커를 이용한 오프라인 웹 앱 제작

PWA 보조 라이브러리 활용

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 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

장기효(캡틴판교)

중급이상

JavaScript, Vue.js

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

장기효(캡틴판교)

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

중급이상

•

JavaScript

Vue.js

10시간 23분

이런 걸 배울 수 있어요

최신 뷰 CLI(v3.0)로 프로젝트를 구성하고 개발하는 방법

Vue Router 기본부터 실전, 그리고 고급 패턴까지

Axios를 이용한 API 호출 방법과 자바스크립트 비동기 처리

Vuex와 상태 관리에 대한 깊은 이해

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

장기효(캡틴판교)

중급이상

JavaScript, Vue.js, ES6

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

장기효(캡틴판교)

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

중급이상

•

JavaScript

Vue.js

ES6

Vuex

6시간 50분

이런 걸 배울 수 있어요

웹 개발

Javascript

Vue.js

뷰 최신 CLI 도구 특징을 알 수 있어요

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

호돌맨

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

중급이상

Spring Boot, JPA, AWS

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

호돌맨

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

중급이상

•

Spring Boot

JPA

AWS

Vue.js

Spring Security

32시간 59분

이런 걸 배울 수 있어요

스프링부트 + JPA로 나만의 서비스 만들기

AWS를 이용한 애플리케이션 배포방법

Vue.js로 블로그 만들기

실무중심의 개발 테크닉

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

이웅재

타입스크립트와 일렉트론으로 간단한 채팅 앱을 만드는 강좌입니다.

초급

TypeScript, Electron

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

이웅재

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

타입스크립트와 일렉트론으로 간단한 채팅 앱을 만드는 강좌입니다.

초급

•

TypeScript

Electron

4시간 56분

이런 걸 배울 수 있어요

Electron 프레임워크의 기본 개념

타입스크립트를 사용한 데스크탑 애플리케이션 개발

Firebase 설정 및 사용자 인증

실시간 데이터베이스 연결

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

초급

•

TypeScript

10시간 31분

•

Update 2025.06.25

이런 걸 배울 수 있어요

타입스크립트

타입스크립트의 필요성과 특징

타입 시스템에 대한 깊은 이해

타입을 집합으로 이해하기

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

초급

MongoDB, Express, React

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

초급

•

MongoDB

Express

React

Node.js

TypeScript

4시간 24분

이런 걸 배울 수 있어요

React + TypeScript 개발

Express + TypeScript 개발

MongoDB + Mongoose 활용

카카오 맵 API 사용 방법

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

임종태

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

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

초급

•

Vue.js

PWA

Firebase

Nuxt.js

pinia

7시간 31분

이런 걸 배울 수 있어요

Vue 기반 웹 프레임워크 Nuxt 3 기초 학습

Nuxt 3 프로젝트 개발후 배포

Firebase Firestore v11

Nuxt 공식상태관리 라이브리 Pinia

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

bradkim

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

초급

OAuth, oauth2, JWT

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

bradkim

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

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

초급

•

OAuth

oauth2

JWT

Spring Boot

Vue.js

6시간 36분

이런 걸 배울 수 있어요

springboot3.x대 jwt토큰 기반 로그인 구현

oauth기반의 회원가입, 로그인

구글로그인, 카카오로그인 구현과 콘솔작업

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

개복치개발자

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

입문

HTML/CSS, JavaScript, Vue.js

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

개복치개발자

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

입문

•

HTML/CSS

JavaScript

Vue.js

Node.js

소프트스킬

MongoDB

3시간 49분

이런 걸 배울 수 있어요

웹개발

프론트엔드

백엔드

데이터베이스

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

MDU 유인동

중고급 개발자로 성장하기 위한 고급 프로그래밍 언어 활용 능력과, 함수형, 객체 지향, LISP 패러다임이 결합된 소프트웨어 설계 및 구현 능력을 기릅니다.

중급이상

멀티 패러다임 프로그래밍, TypeScript, 함수형 프로그래밍

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

MDU 유인동

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

중급이상

•

멀티 패러다임 프로그래밍

TypeScript

함수형 프로그래밍

객체지향

소프트웨어 설계

JavaScript

5시간 15분

이런 걸 배울 수 있어요

고급 프로그래밍 언어 활용

타입 시스템

함수형 프로그래밍

객체 지향 프로그래밍

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

초급

Node.js, TypeScript, Prisma

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

초급

•

Node.js

TypeScript

Prisma

REST API

fastify

5시간 19분

이런 걸 배울 수 있어요

Node.js 백엔드 서버

REST API

Fastify

Prisma

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트와 리액트 관련 강좌입니다.

중급이상

React, TypeScript

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트 코리아 : React with TypeScript 세미나

타입스크립트와 리액트 관련 강좌입니다.

중급이상

•

React

TypeScript

8시간 54분

이런 걸 배울 수 있어요

타입스크립트

리액트

서버 사이드 렌더링

리덕스

보러가기

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

김석훈

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

초급

Vue.js, Django

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

김석훈

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

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

초급

•

Vue.js

Django

4시간 41분

이런 걸 배울 수 있어요

Vue.js와 Django의 연동

ToDo 앱 개발

클라이언트와 서버 렌더링의 차이점

CSRF 토큰 처리

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

입문

TypeScript, IONIC, 하이브리드 앱

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

입문

•

TypeScript

IONIC

하이브리드 앱

9시간 59분

이런 걸 배울 수 있어요

타입스크립트

아이오닉

파이어스토어

파이어베이스 스토리지

아바타 커뮤니티앱 만들기 (React Native Expo)

Kyo

리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

초급

React Native, TypeScript, expo

아바타 커뮤니티앱 만들기 (React Native Expo)

Kyo

아바타 커뮤니티앱 만들기 (React Native Expo)

초급

•

React Native

TypeScript

expo

react-hook-form

react-query

8시간 18분

•

Update 2025.07.14

이런 걸 배울 수 있어요

React Native & Expo, TypeScript

React Query (Tanstack Query)

React Hook Form

PushNotification, EAS, Dayjs, i18n

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

김석훈

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

초급

Vue.js, Django, Vuetify

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

김석훈

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

초급

•

Vue.js

Django

Vuetify

11시간 28분

이런 걸 배울 수 있어요

Vue.js와 Django를 연동하여 웹 프로그램을 만들 수 있다.

Bootstrap보다 기능이 더 풍부한 Vuetify로 화면을 꾸밀 수 있다.

Django 입문 그 이상의 기술을 알 수 있다.

클라이언트와 연동을 위해, JsonResponse를 활용할 수 있다.

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

JavaScript, React, Node.js

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발 입문을 위한 React Native 완벽 기초 클래스

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

•

JavaScript

React

Node.js

React Native

TypeScript

3시간 18분

이런 걸 배울 수 있어요

Javascript ES6 기초 문법

React 기초 문법

React Native 시작하기

React Native 작동 원리

보러가기

Hướng dẫn hoàn chỉnh về Vue.js + TypeScript

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

Bài giảng phổ biến của Inflearn với hơn 8.000 học viên tích lũy Bộ truyện TypeScript Captain Pangyo được tái sinh dưới dạng sách!

Vue và TypeScript Học tất cả cùng một lúc 🪐

Cấu trúc bài giảng là Nó giống như thế này 📚

Đã được đề cập trong bài giảng 2 dự án 🎲

Dự kiến ​​Q&A 🙋🏻‍♂️

Lộ trình liên quan 🚎

Giới thiệu người chia sẻ kiến ​​thức 👨‍🏫

Jang Gi-Hyo (Đội trưởng Pangyo)

Chúng tôi cung cấp chiết khấu cho bài giảng!

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 captain

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

Bài giảng phổ biến của Inflearn với hơn 8.000 học viên tích lũy
Bộ truyện TypeScript Captain Pangyo được tái sinh dưới dạng sách!

Vue và TypeScript
Học tất cả cùng một lúc 🪐

Cấu trúc bài giảng là
Nó giống như thế này 📚

Đã được đề cập trong bài giảng
2 dự án 🎲

Dự kiến Q&A 🙋🏻‍♂️

Giới thiệu người chia sẻ kiến thức 👨‍🏫

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

Xin chào
Đây là