inflearn logo

Course

Instructor
inflearn logo
Programming

/

Desktop Application

Desktop Apps with Javascript - Electron Basics Tutorial

You can learn Electron, the most popular way to create desktop apps with JavaScript. Well-known programs such as Slack and VSCODE were created with Electron. Through this Electron basics course, you can learn the basic usage methods for creating desktop apps, and Create a simple app.

(4.2) 13 reviews

219 learners

Level Basic

Course period Unlimited

JavaScript
JavaScript
Electron
Electron
JavaScript
JavaScript
Electron
Electron

Reviews from Early Learners

4.2

5.0

김용현

100% enrolled

It was nice to get a quick glimpse into the overall functionality of electron.

5.0

양기훈

100% enrolled

Thank you for the great lecture.

5.0

반민족적인빵

100% enrolled

This is a lecture that conveys the core well. If you follow along, you will learn it naturally. Everything from the environment settings to the bookmark app is helpful~!!

📣 Lecture Q&A Guide
• This lecture does not provide [Questions/Answers] due to the circumstances of the knowledge sharer. Please keep this in mind when taking the course and studying.

1. Introduction to the Electron Course

The scope of JavaScript continues to expand, and now you can even build desktop applications with it. Learn Electron, the most popular method for building desktop apps with JavaScript. Popular programs like Slack and VSCODE are built with Electron.
Through this Electron basic course, you will learn the basic usage methods for creating desktop apps.
You can create a simple app.

Sources are provided in Github repositories for each course.

Things to learn
Electron Technology Overview
Building a development environment
Get up and running quickly with Quick Start
Understanding the main/renderer process
Concepts of running and deploying Electron apps
Understanding the Electron Module
Master the essential modules of the main process
Learn the essential modules of the renderer process
Learn essential modules available on both sides
Building a Practical App - Bookmark App

2. Example to create

After learning the basics of Electron, let's create a bookmark app that's always available on the taskbar.

3. Helpful people

For those who want to create desktop apps with JavaScript
Recommended for those who have experience using JavaScript.

4. Instructor Introduction

Woongjae Lee, currently a software engineer at Studio Seed Korea, currently an operator of the Electron Korea User Group and TypeScript Korea User Group, and former head of the VTouch Software Engineering Lab. Former CTO of Triplebay.

5. Related Courses

Hello
This is 2woongjae

12,399

Learners

139

Reviews

4.7

Rating

5

Courses

I am a software engineer with 14 years of experience.

I am a software engineer with 14 years of experience.

Since 2021, I have led the Frontend Development Team at NHN Dooray, taking responsibility for the UI of the entire service. Leading the team, I spearheaded the renewal of existing legacy systems (AngularJS, Vue) into React and TypeScript. I am responsible for designing and managing the architecture to enable a large group of over 10 frontend engineers to develop a single product together. Due to the large scale and high complexity of the service, I have utilized a Monorepo for development and operations and worked on shortening deployment cycles by introducing Micro Frontends. I have also actively managed components through Storybook and refined processes to ensure a Design System could be built and effectively utilized.

Previously, at Studio XID, I used TypeScript and Electron to build ProtoPie, an interaction prototyping tool for designers. While working on a single product for about four years, I strove to write high-quality, well-structured code.

I am constantly contemplating and striving to apply better approaches to developing large-scale JavaScript applications. I have been active as a Microsoft MVP (TypeScript),

I am constantly contemplating and striving to apply better directions for developing large-scale JavaScript applications.
I have been active as a Microsoft MVP (TypeScript) and enjoy discussing the latest web technologies with others.

I have led frontend teams in various places and primarily work on backend tasks using functional languages (Clojure) or Node.js.
I have a strong interest in infrastructure automation.

More

Curriculum

All

24 lectures ∙ (3hr 18min)

Published: 
Last updated: 

Reviews

All

13 reviews

4.2

13 reviews

  • yanggihoon0497님의 프로필 이미지
    yanggihoon0497

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the great lecture.

    • mse15201417님의 프로필 이미지
      mse15201417

      Reviews 13

      ∙

      Average Rating 4.9

      5

      100% enrolled

      It was nice to get a quick glimpse into the overall functionality of electron.

      • kjs1049013902님의 프로필 이미지
        kjs1049013902

        Reviews 3

        ∙

        Average Rating 4.0

        5

        100% enrolled

        I heard it well. You teach me carefully and calmly.

        • jaehyuck0103님의 프로필 이미지
          jaehyuck0103

          Reviews 11

          ∙

          Average Rating 5.0

          5

          100% enrolled

          This is a lecture that conveys the core well. If you follow along, you will learn it naturally. Everything from the environment settings to the bookmark app is helpful~!!

          • camomilekr1603님의 프로필 이미지
            camomilekr1603

            Reviews 6

            ∙

            Average Rating 3.5

            1

            46% enrolled

            There are too many things that don't work...

            2woongjae's other courses

            Check out other courses by the instructor!

            TypeScript Korea: React with TypeScript SeminarCourse Thumbnail

            TypeScript Korea: React with TypeScript Seminar

            2woongjae

            Free

            Intermediate / React, TypeScript

            4.8

            (48)

            6,300+

            This course is about TypeScript and React.

            Intermediate

            Intermediate

            React, TypeScript

            TypeScript Korea: React with TypeScript SeminarCourse Thumbnail

            TypeScript Korea: React with TypeScript Seminar

            2woongjae

            Free

            Intermediate / React, TypeScript

            4.8

            (48)

            6,300+
            TypeScript Korea: Basic SeminarCourse Thumbnail

            TypeScript Korea: Basic Seminar

            2woongjae

            Free

            Basic / TypeScript

            4.6

            (68)

            5,500+

            This is a course about TypeScript.

            Basic

            Basic

            TypeScript

            TypeScript Korea: Basic SeminarCourse Thumbnail

            TypeScript Korea: Basic Seminar

            2woongjae

            Free

            Basic / TypeScript

            4.6

            (68)

            5,500+
            Complete Mastery of React RouterCourse Thumbnail

            Complete Mastery of React Router

            2woongjae

            $42.90

            Basic / react-router-dom, react-router, React, SPA

            4.7

            (3)

            Let's conquer React Router, which is essential for everyone who creates SPAs with React 💪

            Basic

            Basic

            react-router-dom, react-router, React

            Complete Mastery of React RouterCourse Thumbnail

            Complete Mastery of React Router

            2woongjae

            $42.90

            Basic / react-router-dom, react-router, React, SPA

            4.7

            (3)

            Angular Basics SeminarCourse Thumbnail

            Angular Basics Seminar

            2woongjae

            $42.90

            Intermediate / Angular

            4.7

            (16)

            200+

            Angular, a major axis of web front-end frameworks, has released version 5. With the release of 5.0, we held a workshop to quickly learn Angular 5 centered around the TypeScript user group. You can quickly understand the big picture, and detailed additional lectures will follow.

            Intermediate

            Intermediate

            Angular

            Angular Basics SeminarCourse Thumbnail

            Angular Basics Seminar

            2woongjae

            $42.90

            Intermediate / Angular

            4.7

            (16)

            200+
            TypeScript Korea: Electron with TypeScript Hands-On Labs SeminarCourse Thumbnail

            TypeScript Korea: Electron with TypeScript Hands-On Labs Seminar

            2woongjae

            $26.40

            Basic / TypeScript, Electron

            4.0

            (4)

            100+

            This tutorial will teach you how to create a simple chat app using TypeScript and Electron.

            Basic

            Basic

            TypeScript, Electron

            TypeScript Korea: Electron with TypeScript Hands-On Labs SeminarCourse Thumbnail

            TypeScript Korea: Electron with TypeScript Hands-On Labs Seminar

            2woongjae

            $26.40

            Basic / TypeScript, Electron

            4.0

            (4)

            100+

            Similar courses

            Explore other courses in the same field!

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)Course Thumbnail

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)

            dakgangjung123

            $26.40

            Basic / React, Electron, GUI, cross-platform, zustand

            4.4

            (8)

            100+
            Mission
            Mission

            This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

            Basic

            Basic

            React, Electron, GUI

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)Course Thumbnail

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)

            dakgangjung123

            $26.40

            Basic / React, Electron, GUI, cross-platform, zustand

            4.4

            (8)

            100+
            Mission
            Mission
            Faster Than Anyone: Electron Todo List With TypeScriptCourse Thumbnail

            Faster Than Anyone: Electron Todo List With TypeScript

            Neo

            $7.70

            Beginner / React, TypeScript, Electron, Portfolio

            4.9

            (7)

            Faster than anyone else, Electron Todo List With TypeScript Create a React-based desktop service using Electron developed with TypeScript!

            Beginner

            Beginner

            React, TypeScript, Electron

            Faster Than Anyone: Electron Todo List With TypeScriptCourse Thumbnail

            Faster Than Anyone: Electron Todo List With TypeScript

            Neo

            $7.70

            Beginner / React, TypeScript, Electron, Portfolio

            4.9

            (7)

            Access is restricted to non-public courses.