Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

Vue.js + TypeScript Complete Guide

The best course for those who are starting out with TypeScript in Vue.js. Learn Vue.js + TypeScript completely and have fun with two practical projects. Apply what you learn right away to your work! 😄

(4.8) 68 reviews

1,394 learners

  • captain
Vue.js
TypeScript

Reviews from Early Learners

What you will learn!

  • Vue.js TypeScript

  • typescript

  • Vue.js Practical Development

  • How to design components with high recyclability

As expected! With Captain Pangyo
Complete Mastery of Vue.js + Typescript FE 🚀

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

2023 『TypeScript: Easy Start』 published

TypeScript, which improves the quality of JavaScript code and development productivity, learn through lectures and books!

Go to the book >>

Vue and TypeScript
Learn it all at once 🪐

Are you familiar with building web applications with Vue.js? Then it's time to learn TypeScript . Would you like to make the functions you've created more robust and make it easier for others to understand the contents of your code? Take the Vue.js + TypeScript course right now to make your Vue.js front-end development even more fun.


The lecture structure is
It's like this 📚


  • How to get started with TypeScript in Vue.js
  • How to gradually apply TypeScript to an existing Vue.js + JavaScript project
  • Tips and know-how to apply TypeScript directly to your practical Vue.js code
  • How to create highly reusable Vue.js unit components
  • Preparing for Vue 3

Covered in the lecture
2 projects 🎲

[First Project]
To-do app

[Second Project]
News, job board app


Expected Q&A 🙋🏻‍♂️

Q. I'm new to Vue.js. Can I still take this course?

This lecture is not a basic lecture. Those who have completed Captain Pangyo's Vue.js learning roadmap can take this lecture. This lecture is not suitable for those who have not completed all of the prerequisite courses, so please study the prerequisite courses first!

Q. Vue 3 has been released. Will this course be taught using Vue 3?

No, we will proceed with Vue 2 version. However, you can use what you learned in the lecture in Vue 3 version. Since the current Vue 3 ecosystem is not mature, we will proceed with Vue 2 version that can be used immediately in practice. Please refer to the latter half of the lecture for a brief guide on how to apply TypeScript to Vue 3.

Q. I don't know anything about TypeScript. Can I still take this course?

This lecture is suitable for those who have taken both the TypeScript pre-course (introduction, practice) . The TypeScript basic code covered in the lecture is not explained separately, so please take the TypeScript pre-course and listen to it!

Q. I'm good at developing using only JavaScript in my field. Do I need to learn TypeScript as well?

If you have experience developing complex web applications with multiple people, you probably prefer well-documented code, highly readable code, and code that is easy to understand at a glance. TypeScript not only maximizes these advantages, but also helps you write code easily and reduces bugs when running the application in the future. If you learn it, you will find it easier to develop!

📢 Please check before taking the class!

  • This course is designed for learners who have completed both of the above roadmaps. Be sure to check the prerequisite knowledge !

Associated Roadmap 🚎

Conquering Front-end Development with Vue.js and TypeScript
Captain Pangyo's view + TypeScript all at once
This is a roadmap of the lectures you will learn.
Including this lecture

Introducing the knowledge sharer 👨‍🏫

Jang Gi-Hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

“Vue.js open source + with lecture revenue
Support Life Coding 😁”

We offer lecture discounts!

Series "Frontend Completed with Vue.js
Developer Roadmap" 25% off (click)

Middle and high school students with no income,
50% off for college students (click)

Recommended for
these people

Who is this course right for?

  • Front-end developer

  • For those who are new to TypeScript in Vue.js

  • For those who have completed all the Vue.js learning roadmap and are waiting for the next lecture

Need to know before starting?

  • Vue.js

  • TypeScript

Hello
This is

48,006

Learners

4,649

Reviews

3,812

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

84 lectures ∙ (8hr 2min)

Published: 
Last updated: 

Reviews

All

68 reviews

4.8

68 reviews

  • 이윤기님의 프로필 이미지
    이윤기

    Reviews 2

    Average Rating 4.0

    3

    95% enrolled

    유료 강의 인데 기존에 다른 강의 repository를 재활용 하는 건 너무 성의 없는 거 아닌가요? public으로 공개해 놓지도 않고... 소스만 가져와서 새로운 repository 만드는 게 많은 시간을 쓰는 것도 아니고 모든 수강생이 해당 강좌를 들은 것도 아닌데...

    • momo_12님의 프로필 이미지
      momo_12

      Reviews 16

      Average Rating 5.0

      5

      100% enrolled

      vue.js 에서 typescript 적용에 대한 정말 좋은 강의입니다.

      • 장기효(캡틴판교)
        Instructor

        안녕하세요 첫 번째 수강평 넘 감사드립니다 :) 후속 영상도 잘 준비해서 올릴게요. 응원 감사합니다 :)

    • 에반님의 프로필 이미지
      에반

      Reviews 2

      Average Rating 5.0

      5

      100% enrolled

      좋은 강의였습니다.

    • abcdeee님의 프로필 이미지
      abcdeee

      Reviews 1

      Average Rating 5.0

      5

      93% enrolled

      개발하면서 몰랐던 부분들을 알 수 있었던 강의!

    • 테이님의 프로필 이미지
      테이

      Reviews 20

      Average Rating 4.8

      4

      100% enrolled

      vue2와 타입스크립트를 같이 사용해볼 수 있어서 좋았어요. 특히 마지막 부분에 ref랑 이벤트 관련 유틸타입부분은 특히 재밌었어요! 근데 아무래도 옛날 버전 위주라서 진행하면서 조금씩 달랐던 건 아쉬웠습니당

      Limited time deal ends in 2 days

      $66,000.00

      25%

      $68.20

      captain's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!