강의

멘토링

로드맵

NEW
Programming

/

Front-end

TypeScript Introduction - Building a Solid Foundation from the Basics

This is an introductory course that focuses on learning TypeScript's core syntax through hands-on practice to improve type safety and code readability. You'll learn through real code examples, from project environment setup to interfaces, generics, and utility types.

3 learners are taking this course

  • ezweb
실습 중심
프론트엔드개발자#취업준비생
프론트엔드개발자
웹개발
비전공자#웹퍼블리싱#개발자
JavaScript
TypeScript
vanilla-javascript

What you will learn!

  • TypeScript Installation and Setup

  • Basic types, type inference, interfaces, type definitions (type)

  • Function Types, Generics, Utility Types, Module Management

🧩 Complete Mastery of TypeScript Fundamentals - First TS Introduction for JavaScript Developers

💡 This lecture is


When working on JavaScript projects, you often find yourself thinking, "What type is this variable?" or "I wish there were no runtime errors."
This course is a TypeScript fundamentals completion course for web developers and frontend beginners who want to solve these inconveniences.

From TypeScript installation to configuration file setup, basic types and type inference, interfaces, type definitions (type), and function type declarations
A step-by-step learning process based on practical examples to naturally master the type system.

👩‍💻 We recommend this for people like:

  • Someone who knows JavaScript but always feels uneasy about type safety

  • Those who want to apply TypeScript for the first time to React, Next.js, Node.js projects

  • Frontend developers who want to improve the readability and maintainability of production code

  • Those who want to understand "Why should we use TypeScript?" not through theory but by experiencing it directly


🚀 What You'll Learn Through This Course

  • TypeScript Development Environment Setup
    (Installation, configuration file tsconfig.json creation, example execution)

  • Basic Types and Type Inference
    ((string, number, boolean, array types, type inference rules, etc.))

  • Interface and Type Extension
    ((readonly, optional properties, interface inheritance, type aliases, etc.))

  • Function Type Specification and Declaration Methods
    (Parameter/Return Types, Function Signatures, Arrow Function Types, etc.)

  • Understanding TypeScript grammar structures that can be immediately applied in practice


🎯 Here's how you'll grow after taking the course

  • You can apply a clear type system to JavaScript code.

  • You can actively utilize auto-completion and type error detection features in VSCode.

  • You'll be ready to apply TypeScript to modern framework environments like React, Next.js, and Express.

  • You'll break free from "coding blocked by types" and develop stable and predictable code writing habits.

Recommended for
these people

Who is this course right for?

  • A developer who wants to grow one step further after learning JavaScript

  • A developer preparing to become a frontend developer

Need to know before starting?

  • HTML, CSS

  • JAVASCRIPT

Hello
This is

2,553

Learners

50

Reviews

3

Answers

4.9

Rating

10

Courses

■ [현재] 그린컴퓨터아트학원 웹퍼블리싱, 프론트엔드 강의
■ [현재] 웹 퍼블리싱 유튜브 채널 'Rock's Easyweb' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 한빛 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의


[ 도서 ]
2021.07.19 출간 / 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서 / 비제이퍼블릭

2022.08.25 출간  / 코딩을 처음이라 with 웹 퍼블리싱  / 영진출판사

2023.10 출간 /2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획

2024.11 재판 /2025 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획

 

[ 수상경력 ]
2022.08 그린컴퓨터 아트 학원 종로지점 - 우수강사 2021.06 그린컴퓨터 아트 학원 종로지점 - 우수강사 2018.06 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2017.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2016.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2015.10 그린 컴퓨터아카데미 신촌 지점 - 우수강사 

 

 

 

Curriculum

All

17 lectures ∙ (2hr 58min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

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

Limited time deal

$6.60

70%

$22.00

ezweb's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!