강의

멘토링

로드맵

BEST
Programming

/

Front-end

Learn TypeScript with a real-world project

This is the practical application part of "TypeScript Introduction - From Basics to Practical Use." If you haven't taken the introductory course, please take the introductory course first 😄

(4.8) 206 reviews

2,705 learners

  • captain
TypeScript
ES6

Reviews from Early Learners

What you will learn!

  • TypeScript Development

  • How to apply TypeScript to JavaScript

  • How to use external libraries in TypeScript

  • Front-end development environment

  • Front-end development

  • Frontend Development Build System

  • ES6

  • Type System

Introduction to TypeScript, Part 2!
Use it confidently for real-world projects.

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 >>

TypeScript in real life too! 🤗

This is a follow-up lecture to the TypeScript Introduction lecture . We will work together on a simple project based on what we learned in the TypeScript Introduction lecture. This lecture will gradually apply TypeScript to a small website created with JavaScript and embody the basic grammar and concepts of TypeScript.


In class
Topics to learn 👨‍🏫



  • How to gradually implement TypeScript in your JavaScript projects
  • Setting up a front-end development environment to increase development productivity: ESLint, Prettier, Babel, Typescript
  • How to use external libraries in TypeScript
  • How to use utility types (generic types)
  • Understanding TypeScript's built-in types and type inference

entertaining
Let's do a project
🎲

[Final Project]
Corona Real-time World Status Board


Expected Q&A 🙋🏻‍♂️

Q. I want to learn TypeScript. Should I take this course?

This lecture is a follow-up to Introduction to TypeScript. If you are new to TypeScript, please take the Introduction to TypeScript lecture first and then take this lecture.

Q. I am not familiar with front-end development. Can I still take the course?

This course is designed for those who know the basic concepts of JavaScript (variables, functions, objects, loops, DOM manipulation, etc.). This course is not suitable for those who do not know the basic grammar of JavaScript at all , so we recommend that you study first on the site below before taking this course!

Q. I'm good at developing with just 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.

Q. Can I apply what I learn in this lecture to my work right away?

This course will teach you how to gradually apply TypeScript to a simple website built with JavaScript. It is structured similar to an actual service environment because it calls data from an actual server to configure the screen and also uses external libraries. You can build a solid foundation of TypeScript while experiencing problems that you may encounter in practice.

Q. What kind of teaching materials do you use in the lectures?

The lecture notes are from the site next door, TypeScript Handbook 😄






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?

  • For those who are new to TypeScript

  • TypeScript Beginner

  • For those who want to apply TypeScript to JavaScript

  • Front-end developer

  • Web developer who knows basic JavaScript grammar

  • A publisher who needs to publish a project written in TypeScript

Need to know before starting?

  • JavaScript Basic Concepts

  • TypeScript Introduction Course

Hello
This is

48,214

Learners

4,698

Reviews

3,813

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

78 lectures ∙ (5hr 53min)

Published: 
Last updated: 

Reviews

All

206 reviews

4.8

206 reviews

  • wally-wally님의 프로필 이미지
    wally-wally

    Reviews 15

    Average Rating 5.0

    5

    100% enrolled

    'Vue.js 시작하기'부터 항상 믿고 들어왔는데 이번 강의도 배울 내용이 많고 강의 하나하나 너무 알차서 좋았습니다! 추후 Vue.js에 Typescript 사용하는 내용을 담은 강의도 개설하신다고 하셨는데 그전까지 배웠던 Typescript 복습하면서 기대하고 있겠습니다! 항상 늘 좋은 강의 감사합니다!

    • Joshua Moon님의 프로필 이미지
      Joshua Moon

      Reviews 4

      Average Rating 5.0

      5

      100% enrolled

      역시 명강의 입니다. 배우는 사람의 다양한 입장을 고려해서 만든 강의라는게 곳곳에서 느껴져서 좋았습니다. 입문과 실전 10일동안 순삭했네요.ㅎ 이제 찬찬히 꼽씹어 보며 제것으로 만들어 봐야죠~! 개인적인 바램은.. 캡틴판교님 주로 뷰강의를 많이 하시는데 리액트를 다루는 강의도 만들어 주셨으면 하는... 여튼 정말 잘 들었습니다. 감사해요.

      • 대현님의 프로필 이미지
        대현

        Reviews 10

        Average Rating 4.7

        5

        100% enrolled

        타입스크립트 활용법에 더 친숙해질 수 있어서 좋았습니다. 특히 타입 단언을 써야 하는 상황을 DOM과 연관해서 설명해주셔서 충분히 이해할 수 있었습니다. 한 가지 아쉬운 것은 강의 업로드해주신 날짜 이후로 chartjs가 type을 지원하면서 강의 내용과 조금씩 달라지면서 에러가 발생했습니다. 타입스크립트를 어떻게 쓰는지 공부하는데는 무리가 없으니 다른 분들도 꼭 들어보시면 좋을 것 같습니다.

        • dev.jun28님의 프로필 이미지
          dev.jun28

          Reviews 9

          Average Rating 5.0

          5

          100% enrolled

          감사합니다. 쏙쏙 이해했지만 항상 사용이 문제겠죠?? 반복 학습 개발 하겠습니다 강의 내용 좋았습니다 다시금 감사합니다

          • yhg0337님의 프로필 이미지
            yhg0337

            Reviews 4

            Average Rating 5.0

            5

            100% enrolled

            정말 들으면 들을수록 어떻게 타입스크립트에 다가가야 좀더 자신감이 생길수 있게 접근이 가능할 수 있을지를 고심하신게 느껴지는 강의였습니다.. 정말 타입스크립트를 공부해도 어떻게 사용할지 막막함이 앞서 들었는데 그 막막함을 해결해준 강의였습니다.

            Limited time deal ends in 8 days

            $41,250.00

            25%

            $42.90

            captain's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!