강의

멘토링

커뮤니티

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

112 learners

  • sucoding
핵심원리
실습 중심
TypeScript

Reviews from Early Learners

What you will gain after the course

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

Learners

241

Reviews

110

Answers

4.9

Rating

7

Courses

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

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

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

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

Curriculum

All

96 lectures ∙ (5hr 53min)

Published: 
Last updated: 

Reviews

All

14 reviews

5.0

14 reviews

  • rlasogus님의 프로필 이미지
    rlasogus

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    • sucoding
      Instructor

      Nehyeon :) Good luck!

  • ensalbin님의 프로필 이미지
    ensalbin

    Reviews 2

    Average Rating 3.5

    5

    30% enrolled

  • sduddla님의 프로필 이미지
    sduddla

    Reviews 7

    Average Rating 5.0

    Edited

    5

    45% enrolled

    The explanations are really clear and easy to understand, making it enjoyable to listen to. The voice tone is also very comfortable, allowing me to concentrate well throughout, and it really sticks in my mind!! As expected, SuCoding's lectures are reliable! I'll diligently work towards completing the course~ TypeScript lecture? SuCoding.

    • sucoding
      Instructor

      Thank you so much for your thoughtful review 😊 It's a great encouragement to hear that the lecture was helpful and that you enjoyed it! I'll be rooting for you to complete the entire course. I'll continue to provide good lectures in the future. Thank you!

  • sundrops10421493님의 프로필 이미지
    sundrops10421493

    Reviews 4

    Average Rating 4.8

    5

    100% enrolled

    The lecture made it easy to understand by clearly covering actual key points from basic concepts to generics and interfaces. After listening to the lecture, the concepts were neatly organized in my head, which is great! 👍🏻 I highly recommend it to anyone who finds TypeScript confusing.

    • sucoding
      Instructor

      Thank you for the great review! 😀 Happy coding!

  • dust030님의 프로필 이미지
    dust030

    Reviews 6

    Average Rating 5.0

    5

    6% enrolled

    I took the TypeScript course on the SuCoding site before, and it's now available on Inflearn too 👀 The lectures are short, so it's great for listening in short bursts! I took it to organize my concepts after learning TypeScript, but I'm even learning concepts I didn't know before.

    • sucoding
      Instructor

      Glad I could help! 😎 Have a great day!

$42.90

sucoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!