Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Programming Language

Learning TypeScript by Focusing on the Essentials

TypeScript syntax that front-end beginners must learn! We thoroughly explore the TypeScript language, from basic to advanced!

(5.0) 9 reviews

58 learners

  • sucoding
핵심원리
실습 중심
TypeScript

Reviews from Early Learners

What you will learn!

  • Latest TypeScript 5.8 syntax

  • Introduction to TypeScript

  • Basic Types and Variable Declarations

  • TypeScript and JavaScript integration

  • Interfaces

  • Type Aliases

  • Classes and object-oriented programming

  • Generics

  • Type inference and explicit types

  • Working with Functions in TypeScript

  • Type Guards

  • Advanced Types in TypeScript

  • Asynchronous programming in TypeScript

TypeScript is easy to understand even for non-majors!!
🛩 Sucoding's Front-End Roadmap Series Step 5! 🛩

Bestseller in the Front-End Introduction category

A course created by the best-selling author of Introduction to Front-End!

2022 『Coding Self-study HTML+CSS+JavaScript』 published! 🎉
2023 『Front-end Development That You See as Much as You Know』 published! 🎉
2024 『Coding Self-study Vue.JS』 published! 🎉

Sucoding is a working writer who has written about various fields of front-end.
All the books published are bestsellers. 😎
This is a special lecture created by Sucoding, a leader in front-end lectures!

I'm curious

What do you learn?

TypeScript is an extension language for JavaScript that improves the stability and readability of code through static type checking . It is a powerful tool that prevents code errors in advance and makes maintenance easier, especially in large-scale projects or collaborative environments . However, it is not easy to learn and master all the TypeScript features from the beginning.

In this course, we will learn only the core TypeScript concepts that are frequently used in practice .
Boldly exclude complex or infrequently used functions.

  • Basic type declaration

  • Using interfaces and types (aliases)

  • Generic

  • Union/Intersection Type

  • Function and class type definitions

  • Creating reusable types

We focused on content that is frequently used in actual development.

This allows even beginners to learn the core concepts and grammar of TypeScript easily and efficiently.
Clearly understand the differences with JavaScript ,
You will naturally acquire development skills that can be applied immediately in the field. 🚀

Even complete beginners are welcome,

I'll teach you everything step by step, starting from the basics.

TypeScript is a powerful tool that increases the efficiency and stability of JavaScript development.
However, it can be difficult for beginners because of the unfamiliar grammar and concepts .
Don't worry!

In this lecture , we will build a solid foundation from the basics.
We will explain everything carefully and kindly .

  • So that even beginners can learn with confidence
    Let's go through easy examples and practice together! 🚀

  • Learn the core concepts of TypeScript one by one,
    Naturally learn skills you can apply to real-world projects!

"Making JavaScript safer and smarter!"
Take your development skills to the next level with TypeScript. 🎯

Only for Sucoding lectures
Special point

Core-focused curriculum that can be applied directly in practice

  • We will reduce the complex theories of TypeScript and learn only the core concepts frequently used in actual projects .

  • You can learn skills that can be immediately applied in practice by focusing on frequently used features such as types, interfaces, and generics .

Intuitive and easy-to-follow examples and practice-oriented lectures

  • We explain concepts step by step so that even beginners to TypeScript can easily understand them , and you can learn in an example → practice manner.

  • This is a hands-on, hands-on course that teaches you how to code , helping you apply theory directly to real life.

Clearly understand the differences with JavaScript

  • Since TypeScript is a language that extends JavaScript, you will learn it while clearly understanding the differences from JavaScript .

  • If you already know JavaScript, you'll immediately see the distinct strengths of TypeScript .

Fully implemented with the latest version of TypeScript features

  • You can learn the most up-to-date syntax and features , reflecting the latest version of TypeScript features.

  • By immediately reflecting the latest updates of TypeScript in the lectures, we foster developers who can flexibly adapt to future changes .

We generously share practical tips and developer know-how.

  • We will teach you practical tips from working developers that are not found in textbooks, as well as ways to improve work efficiency .

  • In addition to JavaScript, it also provides direction for growing as a front-end developer .

Customized student feedback and detailed Q&A support

  • Provides quick and friendly feedback to students' questions.

  • It points out common mistakes and confusing parts and maximizes each individual's learning effect.

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

Just as a great game that everyone recognizes may not be fun for me ,
Lectures aren't the same for everyone.

No matter how much praise there is in a lecture, it may not be right for me .
Conversely, what is an ordinary lecture to someone else may be the best lecture to me .

So, at least 10% of all my lectures are free .
Come listen for yourself and see if it's the 'match' between you and your style !

If you and I get along well,
Let me show you the fastest route to becoming a front-end developer .
Trust and follow! 🚀

At a beginner's level
Optimized
Core Curriculum

Chapter 01
Get ready

Learn about the required environment settings before getting started with TypeScript.
Apply TypeScript to your project and set up the default configuration file, tsconfig.json , to prepare to use TypeScript.

Chapter 02
TypeScript Basics

Learn about important primitive types and reference types in TypeScript and understand how each type works.
Based on the concepts of basic and reference data types in JavaScript, we will learn in detail how to utilize them in TypeScript.

  • Basic Types : We will cover basic and frequently used data types such as numbers, strings, and booleans, and learn how to declare types in TypeScript.

  • Reference Types : Learn how to use type inference and type definition in TypeScript while handling reference data such as objects, arrays, and functions through hands-on practice.

  • Type Inference and Explicit Typing : Understand the automatic type inference capabilities provided by TypeScript, and learn how to explicitly specify types when needed.

Through this, you can gain a solid understanding of TypeScript's type system and learn how to increase the stability of your code.

Chapter 03
special type

In addition to basic types and reference types, TypeScript also has types that are used for special purposes.
In this chapter, we'll cover special types like any, unknown, and never.

Learn how to use these types appropriately to increase the flexibility of your code and achieve safer type management.

Chapter 04
Type inference

TypeScript automatically infers types for variables and functions without requiring you to explicitly specify types for them.
In this chapter, you'll learn how TypeScript infers types and how that inference can help you write code.

When type inference is used properly, your code becomes cleaner and you don't have to write types explicitly.
From now on, writing code will feel easier and more efficient thanks to TypeScript's automatic type inference ! 🚀

Chapter 05
Looking at the function

Function types are an important part of TypeScript , but the more you learn, the more there is to cover .
This chapter delves deeper into function types , looking at function parameters, return values, and different ways to declare functions .

Making good use of function types in TypeScript makes your code safer and easier to maintain .
You will be able to experience the true potential of TypeScript by exploring the various possibilities of functions! 🚀

Chapter 06
Typeguards and type assertions

Type guards and type assertions are some of the advanced syntax in TypeScript, and these two are important things that TypeScript users must know.
It is a technology that helps to perform precise type checking and type confirmation in TypeScript, and if used well, it can greatly increase the safety and readability of the code.

In this chapter, we will easily explain the concepts of type guards and type assertions and learn in what situations they can be used through real-life examples.
Mastering these two techniques will help you master TypeScript.
You'll be able to leverage the powerful type system even more! 🚀

Chapter 07
Looking at object types

Object types are a very important concept in TypeScript, as they allow you to clearly specify types when dealing with objects, thereby increasing the stability and predictability of your code.
We've briefly covered this before, but in this chapter we'll explore object types in more depth .

From the definition of object types to interfaces , type aliases , and other methods of handling objects, you will learn through real examples .
You can learn techniques to effectively manage objects in TypeScript . Through this chapter, you will further strengthen your understanding of object types and develop the ability to handle complex structures! 💡

Chapter 08
Interface

Now it's time to move on to becoming an expert ! 🚀
In this chapter, you'll learn about interfaces and how to efficiently specify types in the form of objects.

Interfaces are used to define the structure of objects in TypeScript, allowing types to be reused once defined.
This reduces code duplication and allows for writing clean code that is easy to maintain .

In this chapter, you will learn how to use interfaces and write more structured and extensible code!
Learn core techniques for efficiently handling object types and creating reusable structures .

Chapter 09
Type alias

Type aliases are a similar concept to interfaces , but they are a powerful tool that allows you to define your own custom types .
In this chapter, you'll learn how to create and manage your own types using type aliases . 🎯

Type aliases are particularly useful for creating complex or reusable types , as they allow you to combine different types , allowing you to write flexible code .
Interfaces allow you to compose efficient and reusable types in TypeScript.

In this chapter, learn how to create structured types using type aliases !

Chapter 10
class

Classes are already an important concept in JavaScript, but classes in TypeScript can be a bit more complex because of the type system added on top of them.
But don't worry! You'll learn the core concepts and syntax of TypeScript classes step by step, and learn how to actually specify and use types .

We will learn how to apply object-oriented programming (OOP) in a TypeScript way using classes, and how to write maintainable code through type designation, inheritance, and access modifiers within classes. 🛠

Through this chapter, you will gain a deeper understanding of TypeScript classes and experience the essence of object-oriented programming ! 🚀

Chapter 11
Generic

Generics, the king of TypeScript! It may feel a little difficult at first, but once you understand it, it becomes a powerful tool that allows you to use TypeScript more powerfully and flexibly . 🚀

Generics are a feature that helps you set types flexibly , and they are very useful when writing reusable code . You will learn how to dynamically specify types in functions , classes , interfaces , etc., and through this, you will be able to write more efficient and extensible code .

Learning generics will help you realize how important flexibility and extensibility are to your code, and it will allow you to experience the true power of TypeScript . 🧠

In this chapter, we will explain the basic concepts of generics and how to use them in practice , step by step, and guide you on the path to mastering generics! 😎

Chapter 12
Utility type

TypeScript provides a variety of utility types to help you write code more concisely and efficiently . If you make good use of these utility types, you can reduce repetitive code and write cleaner code .

Utility types include various types such as Partial , Required , Readonly , Pick , Omit , etc. If you make good use of these types, it will be a great help in easily handling type conversion and transforming existing types .

In this chapter, you will learn how to use TypeScript more efficiently through basic usage of utility types and real-world examples . 🙌

By learning utility types, you will learn how to handle TypeScript more easily and write code more conveniently in practice. 🚀

Frequently Asked Questions

Q. I'm a complete beginner and don't know anything. Is that okay?
A. Yes, that's really fine. It's a customized course designed so that people who don't know anything can learn.

Q. Is prior knowledge required?

A. Yes, this course requires prior knowledge of HTML5/CSS3/JavaScript.

Things to note before taking the class

Practice environment

  • Operating System and Version (OS): Windows, macOS

  • Tools used: Visual Studio Code, Chrome

  • PC specifications: Minimum specifications that allow web surfing are also acceptable.

Learning Materials

  • We provide learning materials for each lecture to help you progress through the practical training.


Player Knowledge and Notes

  • Completely non-majors and beginners can also take the course

  • However, learning HTML5/CSS3/JavaScript must be done first.

Recommended for
these people

Who is this course right for?

  • Developers who already know JavaScript

  • Frontend developer

  • Backend developer

  • Full-stack developer

  • A developer who wants to learn TypeScript for the first time

  • Team developer

  • Someone who wants to develop large-scale applications

Need to know before starting?

  • JavaScript

Hello
This is

4,372

Learners

202

Reviews

74

Answers

4.9

Rating

7

Courses

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

Curriculum

All

96 lectures ∙ (5hr 53min)

Published: 
Last updated: 

Reviews

All

9 reviews

5.0

9 reviews

  • 김내현님의 프로필 이미지
    김내현

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    • 수코딩
      Instructor

      내현님 :) 화이팅입니다!

  • 김예빈님의 프로필 이미지
    김예빈

    Reviews 2

    Average Rating 3.5

    5

    30% enrolled

  • sy님의 프로필 이미지
    sy

    Reviews 4

    Average Rating 5.0

    Edited

    5

    45% enrolled

    설명이 정말 깔끔하고 이해도 잘 돼서 듣는 맛이 있습니다. 목소리 톤도 편안해서 듣는 내내 집중도 잘 되고, 귀에도 쏙쏙 들어옵니다!! 역시 믿고 듣는 수코딩님 강의! 완강까지 열심히 달려보겠습니다~ 타입스크립트 강의 ? 수코딩.

    • 수코딩
      Instructor

      정성스러운 후기 정말 감사합니다 😊 강의가 도움이 되고, 재미있게 들어주셨다니 큰 힘이 되네요! 끝까지 함께 완강하실 수 있도록 저도 응원하겠습니다. 앞으로도 좋은 강의로 보답드릴게요. 감사합니다!

  • Sun drop님의 프로필 이미지
    Sun drop

    Reviews 3

    Average Rating 4.7

    5

    100% enrolled

    기본 개념부터 제네릭, 인터페이스 등 실제 핵심 포인트를 확실하게 짚어줘서 이해가 쉬웠고 강의를 다 듣고 나니 개념이 머릿속에서 깔끔하게 정리 되어 너무 좋습니다👍🏻 타입스크립트가 헷갈린다 하시는 분들에게 완전 강추

    • 수코딩
      Instructor

      좋은 리뷰 감사합니다! 😀 해피 코딩하세요 !

  • 깨굴이님의 프로필 이미지
    깨굴이

    Reviews 3

    Average Rating 5.0

    5

    6% enrolled

    이전에 수코딩 사이트에서 타입스크립트 강의 수강했었는데 인프런에도 올라왔네요 👀 강의당 시간이 짧아서 틈틈히 쪼개 듣기 좋았어요! 타입스크립트를 배운 상태에서 개념 정리하려고 들은 건데 몰랐던 개념까지 알아갑니당

    • 수코딩
      Instructor

      도움이 되셨다니 다행입니다 😎 좋은 하루 되세요!

$42.90

sucoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!