강의

멘토링

커뮤니티

BEST
Programming

/

Programming Language

TypeScript Introduction - From Basics to Practice

This is a lecture for those who are starting out with TypeScript. The curriculum is designed to make it easy for even those who don't know the latest JavaScript grammar to learn. Let's learn TypeScript, which can seem difficult, in an easy and fun way from the perspective of a beginner 😄

(5.0) 639 reviews

5,603 learners

  • captain
TypeScript
ES6
JavaScript

Reviews from Early Learners

What you will gain after the course

  • TypeScript Development

  • How to apply TypeScript to JavaScript

  • Type System

  • Front-end development

  • ES6

Learn and apply it to JavaScript projects.
Introduction to TypeScript, easy and fun to learn!

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


Now, it's time to learn TypeScript! 🔔

TypeScript is a language that front-end developers must know. It helps reduce bugs in implemented functions, and from a maintenance perspective, it allows you to quickly understand the role of the code.

However, TypeScript is vaguely an object of fear. Not only is the official documentation of TypeScript difficult to understand, but there are not many materials that can be easily learned. Or, you may think, "I'm not even familiar with the latest JavaScript, so what about TypeScript?"

This course can be learned by anyone who knows the basic concepts of JavaScript, even if they do not know the latest JavaScript. It is structured so that you can have fun learning TypeScript through short concept explanations and practice-oriented lectures .


Course Structure 📚

  • Advantages of using TypeScript and how to code JavaScript like TypeScript
  • TypeScript basic concepts (from basic types to generics and advanced types)
  • How to gradually adopt TypeScript to your JavaScript project
  • The internal workings of TypeScript and the process of type inference


Applications covered in the lecture 🎲

Introducing a project that will make your learning fun.
(Practical Project 1 - Practical Project 2)

Hands-on project 1
To-do management application
(To-Do App)

Hands-on project 2
Phonebook application


Expected questions about the lecture 🙋🏻‍♂️

Q. I'm not familiar with front-end development. Can I still join?

A. 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. Where can I find the lecture notes?

You can check the lecture notes at the link below.
Go to TypeScript Handbook

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, code that is readable and 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?

The overall flow of the course is designed to gradually apply what you have learned to already implemented JavaScript code and convert it into a TypeScript project. Through two hands-on projects, you will be able to gain experience and confidence in applying what you have learned to real projects.

Q. Do I need to know React or Vue to take the course?

You can take the course even if you do not have knowledge of popular frameworks such as React or Vue. Since this course focuses on understanding the overall concepts of the language, you do not need to have knowledge of frameworks. t-end, javascript, typescript, FE


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

Hello
This is

48,949

Learners

4,794

Reviews

3,815

Answers

4.9

Rating

19

Courses

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

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

Curriculum

All

87 lectures ∙ (6hr 17min)

Published: 
Last updated: 

Reviews

All

639 reviews

5.0

639 reviews

  • honux님의 프로필 이미지
    honux

    Reviews 11

    Average Rating 5.0

    5

    100% enrolled

    本当のちゃんちゃんいいですね。多くの資料をインターネットに公開していただいてそれでもできますが、講師様の蜂蜜ボイスを聞きながらするのでさらに良いです!イチオシ!

    • sundlee님의 프로필 이미지
      sundlee

      Reviews 2

      Average Rating 5.0

      5

      100% enrolled

      タイプスクリプトを学ぼうとしていた車に講義がオープンし、すぐに受講しました。タイプスクリプトの完全な基礎から実用的な例による活用例までわかりました。 講義経験が多かったと思います。講義が長すぎないように適切な長さに分かれていて、途中で切れながら勉強することが良かったです。 良い講義ありがとうございます。

      • captain
        Instructor

        初受講評ありがとうございます 溶解様 :) 川の特徴と長所も具体的によく書いてくださってもっと意味が大きいですねㅎㅎ以降に上がるタイプスクリプト映像もお楽しみください!ありがとう:)

    • tsc03018님의 프로필 이미지
      tsc03018

      Reviews 3

      Average Rating 5.0

      5

      80% enrolled

      フロントエンド開発者として就職をしようとしているが、最近はタイプスクリプトを要求する会社が多く見え、この講義を聞くようになりました。いくつかの無料講義を探してみましたが、数年前の資料だったり、カリキュラムが気に入らずにこの有料講義を聞くことになりましたが、複数のプロジェクトも作ってみながら従うことができ、もっと頭によく入ってくるようです。そして概念も一つ一つよく説明してくださり、できるだけ簡単に説明していただきたいと思うので、難なくタイプスクリプトを勉強しています。タイプスクリプトを体系的に学びたい方におすすめです!

      • pius712님의 프로필 이미지
        pius712

        Reviews 11

        Average Rating 5.0

        5

        91% enrolled

        説明が真です。講義を聞くのはおいしいです。

        • shout님의 프로필 이미지
          shout

          Reviews 16

          Average Rating 4.6

          3

          100% enrolled

          声も良く、講義内容は全体的に悪くないのですが、講義をなぜこんなに短い時間に切って新しい講義に進むのかよく理解できません。少なくとも10~15分程度は講義がちょっと続いてほしいのですが、2分~4分のように短すぎる講義が多いので集中力を破ると思います。学校で授業を聞くのに先生がまるで5分教育して1分休んだと言うのだと思います。

          Limited time deal ends in 4 days

          $4,236.00

          22%

          $34.10

          captain's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!