강의

멘토링

로드맵

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) 634 reviews

5,568 learners

  • captain
TypeScript
ES6
JavaScript

Reviews from Early Learners

What you will learn!

  • 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,214

Learners

4,697

Reviews

3,813

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

87 lectures ∙ (6hr 17min)

Published: 
Last updated: 

Reviews

All

634 reviews

5.0

634 reviews

  • 호눅스님의 프로필 이미지
    호눅스

    Reviews 11

    Average Rating 5.0

    5

    100% enrolled

    진짜 짱짱 좋아요. 많은 자료를 인터넷에 공개해 주셔서 그걸로도 할 수 있지만 강사님의 꿀보이스를 들으면서 하니까 더욱 좋아요! 강추!

    • Yong-Hae Lee님의 프로필 이미지
      Yong-Hae Lee

      Reviews 2

      Average Rating 5.0

      5

      100% enrolled

      타입스크립트를 배우려고 하던 차에 강의가 오픈되어 바로 수강했습니다. 타입스크립트의 완전 기초부터 실용적인 예제를 통한 활용 예까지 알수있었습니다. 강의 경험이 많으신 것 같아요. 강의들이 너무 길지 않게 적절한 길이로 나눠져 있어서 중간에 끊어가면서 공부하기 좋았습니다. 좋은 강의 감사합니다.

      • 장기효(캡틴판교)
        Instructor

        첫 수강평 감사합니다 용해님 :) 강의 특징과 장점도 구체적으로 잘 적어주셔서 더 의미가 크네요 ㅎㅎ 이후에 올라오는 타입스크립트 영상도 기대해 주세요! 감사합니다 :)

    • mediummmmm님의 프로필 이미지
      mediummmmm

      Reviews 3

      Average Rating 5.0

      5

      80% enrolled

      프론트엔드개발자로 취직을 하려고 하는데 요즘은 타입스크립트를 요구하는 회사가 많아보여서, 이 강의를 듣게 되었습니다. 여러 무료강의를 찾아보았지만 몇년전 자료이거나 커리큘럼이 마음에 들지않아 이 유료강의를 듣게 되었는데 여러프로젝트도 만들어 보면서 따라할수있어서 더 머리에 잘들어오는것같습니다. 그리고 개념도 하나하나잘설명해주시고 최대한 쉽게 설명해주시려고 하시는것 같아서 어려움없이 타입스크립트공부를 하고있습니다. 타입스크립트를 체계적으로 배우고 싶으신분들께 추천드려요!

      • 비오님의 프로필 이미지
        비오

        Reviews 10

        Average Rating 5.0

        5

        91% enrolled

        설명이 참 군더더기 없습니다. 강의듣는 맛나네요

        • 아리마님의 프로필 이미지
          아리마

          Reviews 16

          Average Rating 4.6

          3

          100% enrolled

          목소리도 좋으시고 강의 내용은 전반적으로 나쁘지 않은데, 강의를 왜 이리 짧은 시간에 끊고 새로운 강의로 넘어가는지 잘 이해가 되지 않습니다. 적어도 10~15분 정도는 강의가 좀 이어졌으면 하는데 2분 ~4분 같이 너무 짧은 강의가 많으니 집중력을 깨뜨리는 거 같아요. 학교에서 수업을 듣는데 선생님께서 마치 5분 교육하고 1분 쉬었다 하자라고 말하는 거 같아요.

          Limited time deal

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