
Learning JavaScript by Focusing on the Essentials
sucoding
Javascript syntax that frontend beginners must learn! From basic to advanced, let's delve into the JavaScript language from A to Z!
Beginner
JavaScript
TypeScript syntax that front-end beginners must learn! We thoroughly explore the TypeScript language, from basic to advanced!


Reviews from Early Learners
5.0
sy
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.
5.0
깨굴이
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.
5.0
Sun drop
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.
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
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!
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. 🚀
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. 🎯
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 .
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.
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 .
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 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 .
Provides quick and friendly feedback to students' questions.
It points out common mistakes and confusing parts and maximizes each individual's learning effect.
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! 🚀
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.
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.
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.
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 ! 🚀
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! 🚀
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! 🚀
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! 💡
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 . ✨
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 ! ✨
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 ! 🚀
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! 😎
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. 🚀
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.
Operating System and Version (OS): Windows, macOS
Tools used: Visual Studio Code, Chrome
PC specifications: Minimum specifications that allow web surfing are also acceptable.
We provide learning materials for each lecture to help you progress through the practical training.
Completely non-majors and beginners can also take the course
However, learning HTML5/CSS3/JavaScript must be done first.
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
Inflearn Verified
Career Verified
5,564
Learners
368
Reviews
192
Answers
4.9
Rating
11
Courses
Sukoding provides both online and offline
coding instruction.
Based on years of offline teaching experience,
we think every day and work tirelessly so that more people can learn coding easily and enjoyably
.
To date, I have published the following five books
and am leading the field of front-end development education::
We also offer a variety of free courses through our YouTube channel.
👇 Visit us now
[YouTube channel link]
You can also quickly check the latest discount news on the official website.
👇 Visit it now
[Official Website Link]
All
97 lectures ∙ (5hr 53min)
All
29 reviews
5.0
29 reviews
Reviews 4
∙
Average Rating 4.8
5
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.
Thank you for the great review! 😀 Happy coding!
Reviews 20
∙
Average Rating 5.0
Edited
5
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.
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!
Reviews 6
∙
Average Rating 5.0
5
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.
Glad I could help! 😎 Have a great day!
Check out other courses by the instructor!
Explore other courses in the same field!
Limited time deal ends in 7 days
$38,500.00
30%
$42.90