강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Learn TypeScript Through Real-World Projects

This is the practical application section of "Introduction to TypeScript - From Basics to Practice". If you haven't taken the introductory course, please start with the introductory section first 😄

(4.8) 207 reviews

2,719 learners

Level Intermediate

Course period Unlimited

  • captain
TypeScript
TypeScript
ES6
ES6
TypeScript
TypeScript
ES6
ES6

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

wally-wally

100% enrolled

I have always trusted and followed your lectures since 'Getting Started with Vue.js', and this lecture was also very informative and great! I heard that you will open a lecture on using Typescript in Vue.js in the future, so I am looking forward to it while reviewing the Typescript I have learned so far! Thank you for always giving great lectures!

5.0

Joshua Moon

100% enrolled

This is a great lecture. I felt that the lecture was made by considering the various positions of the learner, and it was good. I've been through the introductory and practical 10 days in a row.ㅎ Now I have to chew on it carefully and make it mine~! My personal wish is.. Captain Pangyo, you mainly give a lot of view lectures, but I wish you would make a lecture that covers React as well... Anyway, I really enjoyed it. Thank you.

5.0

대현

100% enrolled

It was good to be able to become more familiar with how to use TypeScript. In particular, I was able to fully understand the situation where I need to use type assertions because it was explained in relation to DOM. One thing that was disappointing was that after the date of uploading the lecture, chartjs started supporting types, and the lecture content changed slightly, causing errors. It is not difficult to learn how to use TypeScript, so I think it would be good for others to listen to it as well.

What you will gain after the course

  • TypeScript development

  • How to apply TypeScript to JavaScript

  • How to use external libraries in TypeScript

  • Frontend Development Environment

  • Frontend development

  • Frontend Development Build System

  • ES6

  • Type System

TypeScript Introduction, Part Two!
Confidently apply it through real-world projects.

Over 8,000 students on Inflearn
Captain Pangyo's TypeScript series, reborn as a book!

2023 "Easy Start to TypeScript" Published

Learn TypeScript, which improves JavaScript code quality and development productivity, through both courses and books!

Go see the book >>

In practice, use TypeScript too! 🤗

This is a follow-up course to the TypeScript Introductory Course. Based on what you learned in the TypeScript introductory course, we'll work through a simple project together. This course helps you internalize TypeScript's basic syntax and concepts by gradually applying TypeScript to a small-scale website built with JavaScript.. Dựa trên nội dung đã học trong khóa học nhập môn TypeScript, chúng ta sẽ cùng thực hiện một dự án đơn giản. Đây là khóa học giúp bạn thấm nhuần cú pháp cơ bản và các khái niệm của TypeScript thông qua việc áp dụng TypeScript một cách từng bước vào một trang web nhỏ được xây dựng bằng JavaScript.


Topics Covered
in This Course 👨‍🏫



  • How to progressively apply TypeScript to a JavaScript project
  • Front-end development environment setup to increase development productivity: ESLint, Prettier, Babel, Typescript
  • How to use external libraries in TypeScript
  • How to utilize utility types (generic types)
  • Understanding TypeScript's built-in types and type inference

Let's do a
fun project
🎲

[Final Project]
Real-time COVID-19 Global Dashboard


Expected Q&A 🙋🏻‍♂️

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

This course is a follow-up to the TypeScript Introduction course. If you are new to TypeScript, please take the TypeScript Introduction course first before taking this course.

Q. I'm not familiar with frontend development. Can I still take this course?

This course is designed for those who are familiar with basic JavaScript concepts (variables, functions, objects, loops, DOM manipulation, etc.). This course is not suitable for those who are completely unfamiliar with basic JavaScript syntax, so we recommend completing prerequisite learning at the sites below before taking this course!

Q. I develop well with just JavaScript in practice, so do I need to learn TypeScript too?

If you have experience developing complex web applications with multiple people, you probably prefer well-documented code that is highly readable and easy to understand at a glance. TypeScript not only maximizes these advantages but also helps you write code more easily and can reduce bugs in advance when running your application in the future. Once you learn it, development will become much more convenient for you.

Q. Can I apply this to real work immediately after taking this course?

This course teaches you how to progressively apply TypeScript to a simple website built with JavaScript. Since it involves fetching data from an actual server to build the screen and using external libraries, it has a structure similar to a real service environment. You can build a solid foundation in TypeScript by experiencing in advance the problems you might encounter in actual work.

Q. What course materials are used in the lecture?

The course materials use the site next to it, TypeScript Handbook 😄






Related Roadmap 🚎

Mastering Frontend Development with Vue.js and TypeScript
A roadmap consisting of Captain Pangyo's courses
that teach Vue + TypeScript all at once.
Includes this course


Instructor Introduction 👨‍🏫

Captain Pangyo

"People Met by Inflearn" Interview

"I support Vue.js open source +
OpenTutorials with lecture revenue 😁"

We offer course discounts!

Series "Frontend
Developer Roadmap with Vue.js" 25% Discount (Click)

Student 50% discount for middle and high school students
and college students without income (Click)

Recommended for
these people

Who is this course right for?

  • For those who are just starting with TypeScript

  • TypeScript Beginner

  • People who want to apply TypeScript to JavaScript

  • Frontend Developer

  • A web developer who knows the basic syntax of JavaScript

  • A publisher who needs to do publishing work on a TypeScript project

Need to know before starting?

  • JavaScript Basic Concepts

  • Introduction to TypeScript Course

Hello
This is

49,267

Learners

4,853

Reviews

3,816

Answers

4.9

Rating

19

Courses

I have been sharing knowledge on Inflearn for 8 years. 🏠 Tech Blog, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js Introduction, Easy TypeScript and 3 other books authored
📖 Cracking Vue.js, TypeScript Handbook, Webpack Handbook. 3 online free guidebooks authored
👨‍💻 Operating Captain Pangyo's Frontend Development YouTube Channel - A place to hear the concerns of job seekers and junior developers
🥤 Operating Captain Pangyo's KakaoTalk Open Chat Room - A place to get the latest frontend development information and hear the thoughts and concerns of industry peers

Curriculum

All

78 lectures ∙ (5hr 53min)

Published: 
Last updated: 

Reviews

All

207 reviews

4.8

207 reviews

  • wallywally님의 프로필 이미지
    wallywally

    Reviews 15

    Average Rating 5.0

    5

    100% enrolled

    I have always trusted and followed your lectures since 'Getting Started with Vue.js', and this lecture was also very informative and great! I heard that you will open a lecture on using Typescript in Vue.js in the future, so I am looking forward to it while reviewing the Typescript I have learned so far! Thank you for always giving great lectures!

    • joshua85650632님의 프로필 이미지
      joshua85650632

      Reviews 4

      Average Rating 5.0

      5

      100% enrolled

      This is a great lecture. I felt that the lecture was made by considering the various positions of the learner, and it was good. I've been through the introductory and practical 10 days in a row.ㅎ Now I have to chew on it carefully and make it mine~! My personal wish is.. Captain Pangyo, you mainly give a lot of view lectures, but I wish you would make a lecture that covers React as well... Anyway, I really enjoyed it. Thank you.

      • daep93님의 프로필 이미지
        daep93

        Reviews 10

        Average Rating 4.7

        5

        100% enrolled

        It was good to be able to become more familiar with how to use TypeScript. In particular, I was able to fully understand the situation where I need to use type assertions because it was explained in relation to DOM. One thing that was disappointing was that after the date of uploading the lecture, chartjs started supporting types, and the lecture content changed slightly, causing errors. It is not difficult to learn how to use TypeScript, so I think it would be good for others to listen to it as well.

        • castle님의 프로필 이미지
          castle

          Reviews 9

          Average Rating 5.0

          5

          100% enrolled

          Thank you. I understood it well, but I guess it's always a problem to use it?? I will develop repeated learning. The lecture content was good. Thank you again.

          • conradmaker님의 프로필 이미지
            conradmaker

            Reviews 4

            Average Rating 5.0

            5

            100% enrolled

            This was a lecture where the more I listened to it, the more I felt that the lecturer was thinking hard about how to approach TypeScript in a way that would make me more confident. I was really at a loss about how to use TypeScript even after studying it, but this lecture helped me solve that problem.

            $42.90

            captain's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!