강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Essential TypeScript Concepts with React and Vue (feat. ChatGPT)

This is a course where you learn essential TypeScript concepts while writing React and Vue code that are widely used in practice. A course for both professionals and beginners that covers everything from how to add types to React and Vue to how to use ChatGPT!

(4.9) 20 reviews

435 learners

Level Basic

Course period Unlimited

  • captain
타입스크립트
타입스크립트
실무
실무
실습 중심
실습 중심
React
React
TypeScript
TypeScript
Vue.js
Vue.js
Vue 3
Vue 3
ChatGPT
ChatGPT
타입스크립트
타입스크립트
실무
실무
실습 중심
실습 중심
React
React
TypeScript
TypeScript
Vue.js
Vue.js
Vue 3
Vue 3
ChatGPT
ChatGPT

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

kumtry

100% enrolled

TypeScript, React component types, function definition methods, event handling, easy explanation of generics, view data definition methods, how to use ChatGPT It seems like an easily explained course. After understanding the definitions through the course and building a foundation of the latest front-end technology and trends, it seems like a good course to apply to actual projects.

5.0

콩팬더

100% enrolled

I'm using Typescript in my work, but I'm a huge fan of Captain Pangyo, so I bought the lecture and listened to it! It's always a clean and easy lecture. I'm looking forward to the React lecture too. Thank you and I love you!

5.0

황선태

100% enrolled

It was great to learn how to define simple types in react and vue..! Thank you for explaining it in easy terms so that beginners can easily approach it :)

What you will gain after the course

  • TypeScript

  • React

  • Vue.js (View)

  • ChatGPT

Essential concepts you need to know
when applying TypeScript
to React and Vue.js code

TypeScript is absolutely essential in real-world code. Have you struggled a lot with not knowing TypeScript when writing React and Vue code? After taking this course, you'll understand which concepts you need to know and why, and you'll develop problem-solving skills to systematically interpret and resolve errors when you encounter them.

This course is recommended for

  • Those who want to use React/Vue.js together with TypeScript

  • Those who are new to using TypeScript or still find it unfamiliar

  • Frontend developers with less than 5 years of experience

The unique features of this course

Those who want to gradually apply TypeScript to legacy JavaScript projects or frontend developers who want to improve quality for both users and developers can learn how to utilize TypeScript at the code level.

실전 코드로 배우는 TS 필수 개념 : Vue 3 대응

Learn Essential TS Concepts Through Real-World Code

Through live coding sessions, you can easily learn how to apply TypeScript to frontend frameworks.

Practical tips for effective utilization

We'll share tips on how to define types and functions, REST API types, how to utilize ChatGPT in actual development, and precautions to take when using TS.

You'll learn the following content

1. Practical knowledge you need to know to become a proficient FE developer

  • The ability to understand why errors occur

  • The ability to quickly identify the core error by looking at the error message

  • Practical tips for resolving errors

2. React, Vue Built-in Types and Essential TS Concepts

  • Built-in library types you need to know when developing UI with React and Vue

  • Comparison of TypeScript built-in types and library built-in types

  • Learning essential TS concepts to improve concise code and error-solving abilities

Popular course with over 8,000 cumulative students on Inflearn

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 the course and the book!

Go see the book >>

387-6-r8

The person who created this course 👨‍🏫

Captain Pangyo

"People Inflearn Met" Interview

Do you have any questions?

Q. How will this help job seekers and junior developers?

Rather than simply writing and implementing code, we deeply understand how the code is internally defined by examining the library's internal source code together as we write it.

You can learn not only the basic usage of React and Vue, which are absolutely essential in real-world development, but also interpret the syntax needed to implement UI from the perspective of TypeScript as a language, and consolidate what concepts you need to know all at once.

You'll learn how a FE developer with 10 years of experience views frameworks and languages. Additionally, it will be an opportunity to get tips on ChatGPT, which is frequently used in practice 😄

Q. What knowledge is required to take this class?

Anyone who knows JavaScript basic syntax (variables, functions, objects, conditional statements, etc.) and the basic syntax of component-based frameworks like React and Vue (state and component definition methods, etc.) can take this course.

Q. What skills will be improved after completing the course?

You can gain a deeper understanding of React and Vue project code written in TypeScript. Beyond simple knowledge transfer, you'll understand why errors occur and what concepts are needed to resolve those errors.

We're offering a course discount!

"Frontend Development Roadmap
Starting with React and TypeScript" 30% Discount (Click)

For middle and high school students with no income,
college students, and job seekers - 50% student discount (click)

Recommended for
these people

Who is this course right for?

  • People who want to use React and TypeScript together

  • Frontend development experience of 5 years or less

  • React Professional

  • Vue.js Practitioner

  • TypeScript Beginner

Need to know before starting?

  • React

  • Vue.js

  • JavaScript

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

31 lectures ∙ (2hr 42min)

Published: 
Last updated: 

Reviews

All

20 reviews

4.9

20 reviews

  • kumtry4786님의 프로필 이미지
    kumtry4786

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    TypeScript, React component types, function definition methods, event handling, easy explanation of generics, view data definition methods, how to use ChatGPT It seems like an easily explained course. After understanding the definitions through the course and building a foundation of the latest front-end technology and trends, it seems like a good course to apply to actual projects.

    • ymh0951님의 프로필 이미지
      ymh0951

      Reviews 17

      Average Rating 5.0

      5

      100% enrolled

      I'm using Typescript in my work, but I'm a huge fan of Captain Pangyo, so I bought the lecture and listened to it! It's always a clean and easy lecture. I'm looking forward to the React lecture too. Thank you and I love you!

      • captain
        Instructor

        Thank you for your review, Kongpanda :) As a token of my appreciation, I will give you a coupon when the React course is released! ❤️

    • sameness3님의 프로필 이미지
      sameness3

      Reviews 17

      Average Rating 4.9

      4

      100% enrolled

      I liked the preview of TypeScript used in Vue and React.

      • pain103님의 프로필 이미지
        pain103

        Reviews 13

        Average Rating 5.0

        5

        100% enrolled

        It was great to learn how to define simple types in react and vue..! Thank you for explaining it in easy terms so that beginners can easily approach it :)

        • yuntaehee님의 프로필 이미지
          yuntaehee

          Reviews 21

          Average Rating 5.0

          5

          100% enrolled

          Thank you for the great lecture.

          • captain
            Instructor

            Thank you for your first review :)

        $34.10

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!