강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Vue.js + TypeScript Complete Guide

The best course for those starting with TypeScript in Vue.js. Master Vue.js + TypeScript in a fun way with 2 hands-on projects. Apply what you learn directly to your work right away! 😄

(4.8) 71 reviews

1,409 learners

Level Intermediate

Course period Unlimited

  • captain
Vue.js
Vue.js
TypeScript
TypeScript
Vue.js
Vue.js
TypeScript
TypeScript

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

momo_12

100% enrolled

This is a really good lecture on applying typescript in vue.js.

5.0

에반

100% enrolled

It was a good lecture.

5.0

abcdeee

93% enrolled

A lecture that helped me learn things I didn't know while developing!

What you will gain after the course

  • Vue.js TypeScript

  • TypeScript

  • Vue.js Practical Development

  • How to Design Highly Reusable Components

A legend lives up to its name!
Complete Mastery of Vue.js + TypeScript FE with Captain Pangyo 🚀

Inflearn's popular course with over 8,000 cumulative students
Captain Pangyo's TypeScript series, reborn as a book!

2023 "Easy Start with TypeScript" Published

Learn TypeScript, which improves JavaScript code quality and development productivity, through both courses and books!

Go see the book >>

Learn Vue and TypeScript
all at once 🪐

Are you comfortable building web applications with Vue.js? Then it's time to learn TypeScript. Why not make the features you build more robust and help others understand your code more easily with TypeScript? Start taking the Vue.js + TypeScript course right now to make your Vue.js frontend development even more enjoyable.


The course is structured
like this 📚


  • How to get started with TypeScript in Vue.js
  • How to gradually apply TypeScript to existing Vue.js + JavaScript projects
  • Tips and know-how for applying TypeScript directly to real-world Vue.js code
  • How to create highly reusable Vue.js unit components
  • The attitude of preparing for Vue 3

2 Projects Covered in the Course 🎲

I notice that the `` tags are empty - there is no Korean text between them to translate. The surrounding context shows Korean text before and after, but the actual content to be translated is missing. Could you please provide the Korean text that needs to be translated?

[First Project]
To-do Management App

[Second Project]
News and Job Board App


Expected Q&A 🙋🏻‍♂️

Q. I'm just starting with Vue.js, can I take this course?

This is not a beginner course. It is available for those who have completed all of Captain Pangyo's Vue.js Learning Roadmap. This course is not suitable for those who have not completed all prerequisite courses, so please study the prerequisite courses first!

Q. Vue 3 was recently released. Is this course taught using Vue 3?

No, this course is conducted with Vue 2. However, you can use what you learn in the course directly in Vue 3. Due to the Vue 3 ecosystem not being mature yet, the course proceeds with Vue 2, which can be used immediately in practical work. Please note that the latter part of the course also briefly covers how to apply TypeScript to Vue 3.

Q. Can I take this course if I don't know TypeScript at all?

This course is suitable for those who have completed all the prerequisite TypeScript courses (Beginner, Practical). The basic TypeScript code covered in this course will not be explained separately, so please make sure to complete the prerequisite TypeScript courses before taking this one!

Q. I'm developing well with just JavaScript in practice, so do I need to learn TypeScript too?

If you have experience developing complex web applications with multiple people, you probably prefer well-documented code that is highly readable and easy to understand at a glance. TypeScript not only maximizes these advantages but also helps you write code more easily and can reduce bugs in advance when running your application in the future. Once you learn it, development will become much more convenient for you!

I notice that the `` tags are empty - there is no Korean text between them to translate. The surrounding context shows: - Before: Korean text about helping write code easily and reducing bugs - After: Korean text about checking prerequisites before taking the course However, there is no actual content between the `` tags for me to translate. Could you please provide the Korean text you'd like me to translate?

📢 Please make sure to check before taking the course!

  • This course is designed for learners who have completed both of the above roadmaps. Please make sure to check the prerequisites!

Related Roadmap 🚎

Master Frontend Development with Vue.js and TypeScript
A roadmap consisting of courses that teach
Vue + TypeScript all at once by Captain Pangyo.
Includes this course

About the Instructor 👨‍🏫

Captain Pangyo

"People Inflearn Met" Interview

"I donate to Vue.js open source +
OpenTutorials with my course revenue 😁"

We offer course discounts!

Series "Frontend
Developer Roadmap with Vue.js" 25% Discount (Click)

Student 50% discount for middle and high school students
and college students without income (Click)

Recommended for
these people

Who is this course right for?

  • Frontend Developer

  • People who are starting TypeScript in Vue.js for the first time

  • Those who have completed all courses in the Vue.js learning roadmap and are waiting for the next lecture

Need to know before starting?

  • Vue.js

  • TypeScript

Hello
This is

49,254

Learners

4,852

Reviews

3,816

Answers

4.9

Rating

19

Courses

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

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

Curriculum

All

84 lectures ∙ (8hr 2min)

Published: 
Last updated: 

Reviews

All

71 reviews

4.8

71 reviews

  • coseo12님의 프로필 이미지
    coseo12

    Reviews 16

    Average Rating 5.0

    5

    100% enrolled

    This is a really good lecture on applying typescript in vue.js.

    • captain
      Instructor

      Hello, thank you so much for your first class review :) I will prepare and upload a follow-up video as well. Thank you for your support :)

  • ljk1192님의 프로필 이미지
    ljk1192

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    It was a good lecture.

    • captain
      Instructor

      Thank you for your course review :)

  • iamgod님의 프로필 이미지
    iamgod

    Reviews 1

    Average Rating 5.0

    5

    93% enrolled

    A lecture that helped me learn things I didn't know while developing!

  • tay님의 프로필 이미지
    tay

    Reviews 20

    Average Rating 4.8

    4

    100% enrolled

    It was nice to be able to use vue2 and typescript together. Especially the ref and event related utility types at the end were especially fun! However, it was a pity that it was a little different as we progressed because it was mainly based on old versions.

    • duckisj7904님의 프로필 이미지
      duckisj7904

      Reviews 11

      Average Rating 5.0

      5

      31% enrolled

      $68.20

      captain's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!