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

/

Front-end

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

Learn essential TypeScript concepts while coding in React and Vue, widely used in practice. For practitioners and beginners alike, this course covers typing React and Vue, plus ChatGPT usage!

(4.9) 18 reviews

412 learners

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

Reviews from Early Learners

What you will learn!

  • TypeScript (TypeScript)

  • React (React)

  • Vue.js (Vue)

  • ChatGPT

In React and Vue.js code
When applying TypeScript
Concepts you must know

TypeScript is an essential tool in practical code. Have you struggled with TypeScript when writing React and Vue code? After taking this course, you'll understand the concepts and why they're important. You'll also develop problem-solving skills that allow you to analyze and resolve errors as they arise.

I recommend this to these people

  • Anyone who wants to use React/Vue.js and TypeScript together

  • For those who are new to TypeScript or still unfamiliar with it

  • Front-end development experience of less than 5 years

Special features of this course

Whether you're looking to gradually adopt TypeScript to your existing JavaScript projects , or you're a front-end developer looking to improve both user and developer experience, this course will teach you how to leverage TypeScript at the code level.

Essential TS Concepts Learned with Real-World Code: Vue 3 Support

Learn essential TS concepts with real-world code

Learn how to easily apply TypeScript to front-end frameworks through live coding lessons.

Providing vivid tips for use

We'll also share tips on how to define types and functions, REST API types, how to use ChatGPT in real-world development, and what to watch out for when using TS.

Learn about these things

1. Practical knowledge needed to become a skilled FE developer

  • Ability to understand why an error occurred

  • The ability to quickly identify and deduce the core error from an error

  • Practical tips for troubleshooting 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

  • Comparing TypeScript's built-in types with library built-in types

  • Learn essential TS concepts to improve your concise code and error-solving skills.

Inflearn's popular lectures have surpassed 8,000 cumulative students.

Captain Pangyo TypeScript Series,
Reborn as a book!

2023 publication of "TypeScript: Easy Start"

Learn TypeScript, a language that improves the quality of your JavaScript code and development productivity, through lectures and books!

Go to the book >>

387-6-r8

Who created this course 👨‍🏫

Jang Gi-hyo (Captain Pangyo)

Interview with "People Met by Inflearn"

Do you have any questions?

Q. How can this be helpful to job seekers and junior developers?

Rather than simply writing code and implementing it, we delve into the library's internal source code to gain a deeper understanding of how the code is defined internally as we write it.

You can learn the basic usage of React and Vue, which are absolutely used in practice, as well as the grammar required to implement UI from the perspective of the language called TypeScript, and organize all the concepts you need to know at once.

You'll learn how a FE developer with 10 years of experience views frameworks and languages. You'll also get tips on ChatGPT, a tool frequently used in the field . 😄

Q. What knowledge is required to take the class?

Anyone who knows the basic grammar of JavaScript (variables, functions, objects, conditional statements, etc.) and the basic grammar of component-based frameworks such as React and Vue (how to define states and components, etc.) can listen.

Q. What skills will I improve after completing the course?

You'll gain a deeper understanding of the code in React and Vue projects written in TypeScript. Beyond simple knowledge transfer, you'll learn why errors occur and the concepts needed to resolve them.

We offer discounts on lectures!

"Starting with React and TypeScript
30% off "Front-end Development Roadmap" (click)

Middle and high school students with no income,
50% student discount for college students and job seekers (click)

Recommended for
these people

Who is this course right for?

  • Wanting React & TypeScript together

  • Frontend development experience 5 years or less

  • React developer

  • Vue.js developer

  • TypeScript beginner

Need to know before starting?

  • React

  • Vue.js

  • JavaScript

Hello
This is

48,012

Learners

4,651

Reviews

3,812

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

31 lectures ∙ (2hr 42min)

Published: 
Last updated: 

Reviews

All

18 reviews

4.9

18 reviews

  • kumtry님의 프로필 이미지
    kumtry

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    타입스크립트, 리액트 컴포넌트 타입, 함수 정의 방법, 이벤트 처리, 제네릭의 쉬운 설명 뷰 데이터 정의 방법, ChatGPT를 활용법에 대하여 쉽게 설명된 강좌인것 같습니다. 강좌를 통해 정의를 이해하고 최신 프론트엔드 기술과 트렌드의 기본기를 다진 후, 실제 프로젝트에 적용하기 좋은 강좌인 것 같습니다.

    • 콩팬더님의 프로필 이미지
      콩팬더

      Reviews 17

      Average Rating 5.0

      5

      100% enrolled

      실무에서 Typescript를 사용하고 있긴 하지만 캡틴 판교님의 엄청난 팬이기에.. 강의 구매해서 들어봤습니다! 언제나 들어도 깔끔하고 쉬운 강의네요. React 강의도 기대하고 있겠습니다. 감사하고 사랑합니다!

      • 장기효(캡틴판교)
        Instructor

        콩팬더님 수강평 감사합니다 :) 감사의 마음으로 리액트 강의 출시되면 쿠폰 드릴게요! ❤️

    • Evan Kim님의 프로필 이미지
      Evan Kim

      Reviews 17

      Average Rating 4.9

      4

      100% enrolled

      vue, react에서 사용하는 맛보기 typescript 내용 좋았음.

      • 황선태님의 프로필 이미지
        황선태

        Reviews 13

        Average Rating 5.0

        5

        100% enrolled

        react, vue의 간단한 타입정의하는 방법을 배우기에 좋았습니다..! 초보자가 접근하기 쉽도록 쉬운 말로 풀어서 말씀해주셔서 감사합니다 :)

        • 크라울리님의 프로필 이미지
          크라울리

          Reviews 20

          Average Rating 5.0

          5

          100% enrolled

          좋은 강의 감사합니다.

        Limited time deal ends in 2 days

        $33,000.00

        25%

        $34.10

        captain's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!