Figma Basics: From Fundamentals to Website Design
Neo
Figma Beginner's Guide: From Basics to Website Design~ Learn Figma, the collaboration tool used by the most people worldwide!
Beginner
Web Design, Figma, UX Planning
Faster than anyone else, Electron Todo List With TypeScript Create a React-based desktop service using Electron developed with TypeScript!
Creating a TodoList while Getting a Taste of Electron
Learn how React-based desktop apps are created
React, TypeScript, Electron, Portfolio
Desktop applications made with web technologies!
Create a Todo app with React + TypeScript + Electron.
This course is designed to help web developers easily create desktop applications
by learning Electron and TypeScript from start to finish through hands-on practice.
Create an app that runs on Windows, macOS, and Linux with a single codebase, and
complete a Todo list application built with React and TypeScript (Electron porting).
Section Key Learning Content
1. TypeScript Basics Summary of core syntax including type system, functions and interfaces, classes, generics, etc.
2. Understanding Electron Understanding Electron's structure, pros and cons, and Node.js & Chromium foundation
3. Development Environment Setup From installing VSCode, Node.js, nvm to initial React project setup
4. Integrating with Electron Setting up React + Electron environment and running both simultaneously with npm run dev
5. Building a Todo App Implementing Todo CRUD functionality with TypeScript and React
6. Wrap-up & BuildIntroduction to packaging the completed app as an executable file
✅ You can accurately understand TypeScript syntax and apply it to projects.
✅ Understand Electron's operational structure and integrate it with React apps.
✅ You can develop cross-platform desktop apps with a single codebase.
✅ You can directly configure a React + TypeScript + Electron integrated development environment.
Develop a todo list web application using React + TypeScript and port it to Electron to create a desktop app.
The course focuses on getting hands-on experience with React + TypeScript + Electron.
Advanced lectures will be provided later, so please confirm that this is a basic lecture before enrolling!

Developers who want to create desktop apps using web technologies

React + TypeScript
Electron
Those who want to learn the environment all at once

Those who want to practice TypeScript syntax through
real-world projects
The course is explained based on MacOS. Even if you have a Windows machine, you can still follow along.
The course uses VSCode.
The course is designed for using Electron + TypeScript!
I'll provide it as a Notion link!
Basic Computer Skills
Who is this course right for?
Those who want to learn React and dive deeper into it
Those who want to know how to develop desktop services
Someone who is curious about Electron
Need to know before starting?
TypeScript
React
1,321
Learners
140
Reviews
23
Answers
4.6
Rating
22
Courses
협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!
안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.
평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.
그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.
초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!
All
8 lectures ∙ (50min)
All
2 reviews
Limited time deal
$5.50
28%
$7.70
Check out other courses by the instructor!
Explore other courses in the same field!