Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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,701 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,014

Learners

4,651

Reviews

3,812

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

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

            Limited time deal ends in 1 days

            $33.00

            23%

            $42.90

            captain's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!