강의

멘토링

로드맵

Programming

/

Front-end

Learning TypeScript Basics Easily Through Projects

TypeScript: Core concepts, from basic to practical, all at once! Practical application through a project.

28 learners are taking this course

  • Michael Kwon
JavaScript
TypeScript
TailwindCSS
vite
AI Agent

What you will learn!

  • TypeScript Basics: Basic/Special Types, Arrays, Interfaces, Function Types, etc.

  • TypeScript Advanced: Union Types, Enum, Generics, etc.

  • Project Practice: Applying Diary App Learnings to Practice

  • Increasing Development Productivity with AI Code Tools

First steps to learning TypeScript through practice!

  • You can easily understand the core concepts and grammar of TypeScript , and build practical experience by creating a simple project based on it.

  • Gain a productive development experience by leveraging AI code assistants .

  • Complete mastery of TypeScript's core concepts


  • Implementing my own small project in TypeScript

  • Now, transitioning from JS to TS is not scary!

Learning Contents

Introduction to TypeScript and the development environment

We will introduce the concept and necessity of TypeScript, set up a development environment using Vite, and cover how to set up VS Code and AI tools to increase learning efficiency.

Learning TypeScript Basic Concepts

In the basic part, we will organize the basic types such as string , number , boolean and special types one by one.
You will also learn how to write structured code using array and object types, function parameters and return types, and interface .

Understanding Advanced TypeScript Features

You will learn how to express various values with union types and literal types, and how to define meaningful constants using enum . In particular, you will acquire practical skills to create reusable functions in various situations through generics .

Real-world project – creating a diary app

Based on what you have learned, you will build a diary app project and gain practical experience. It includes hands-on practice of implementing functions such as diary input, output, and deletion, clearly specifying types, and ensuring the stability of the code.

Things to note before taking the class

Practice environment

  • Operating System and Version (OS): All OS are supported, including Windows, macOS, and Linux.

  • Tools used: Visual Studio Code, GitHub account

  • PC specifications: PC with basic specifications that can access the Internet

Learning Materials

  • Format of learning materials provided: GitHub link sharing, text, source code, etc.

  • Volume and Capacity: Learning materials provided for each section

Player Knowledge and Notes

  • HTML, CSS, JavaScript Basics


  • The copyright of this lecture belongs to the author, and unauthorized distribution and reproduction are prohibited. The learning materials are also copyrighted, and use for purposes other than personal learning is prohibited.

Recommended for
these people

Who is this course right for?

  • Those looking to upgrade skills with TypeScript

  • Web Designer & Publisher seeking to write stable, collaborative code

  • Those seeking an efficient, hands-on introduction.

  • Those seeking project-centered courses rather than theory

  • Designers and novice developers who know HTML/CSS/JavaScript basics but are new to TypeScript

Need to know before starting?

  • HTML, CSS, JavaScript Basics

Hello
This is

225

Learners

24

Reviews

17

Answers

5.0

Rating

5

Courses

스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.

- 저서 -

자바스크립트 프로젝트북(한빛미디어,2017)

Curriculum

All

27 lectures ∙ (2hr 27min)

Course Materials:

Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$26.40

Michael Kwon's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!