
From Figma design to publishing
Michael Kwon
All-in-one course for designers and developers! New UI3 included
Basic
HTML/CSS, Figma
TypeScript: Core concepts, from basic to practical, all at once! Practical application through a project.
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
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!
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.
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
Format of learning materials provided: GitHub link sharing, text, source code, etc.
Volume and Capacity: Learning materials provided for each section
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.
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
233
Learners
29
Reviews
17
Answers
4.9
Rating
5
Courses
스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.
- 저서 -
자바스크립트 프로젝트북(한빛미디어,2017)
All
27 lectures ∙ (2hr 27min)
Course Materials:
Limited time deal
$18.70
29%
$26.40
Check out other courses by the instructor!
Explore other courses in the same field!