Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Back-end

Developing a chat application using Electron, NodeJS, and Socket.io

Based on the lecture content, you will learn how to write a basic chat application and the basic structure of Electron and NodeJS.

(3.8) 11 reviews

207 learners

  • kishe561204
Node.js
Electron
Socket.io

Reviews from Early Learners

What you will learn!

  • Developing Desktop Applications Using Electron

  • Implementing a real-time messaging application using Node.js and Socket.io

  • Implementing Express middleware functions and authenticating users

  • Developing UI components using HTML, CSS, and JavaScript

  • Deploying servers using IBM Bluemix

Developing a chat application using Electron, NodeJS, and Socket.io

We will talk about the process of developing a chat application using Electron, a web technology-based desktop application development library recently utilized for desktop application development, NodeJS that runs it, and Socket.io library, which is widely used for developing real-time messaging applications.

Learning Objectives

  • Based on the lecture content, you will learn how to create a basic chat application and the basic structure of Electron and NodeJS.

Electron

  • It is a Javascript framework that runs on the Node JS runtime and is a library that helps create applications that run on desktop OSs (Linux, OSX, Window) using web technologies such as Javascript, HTML, and CSS .

Learning

1. Login from the client (websocket connection upon success)
2. Sending a message using emit from the client
3. Receive message from server and broadcast to other clients
4. Implement a simple login screen (Electron&HTML&CSS&JS) and login function (NodeJS&Socket.IO)

Helpful people

  • For those who are new to Electron and NodeJS, developers who want to build desktop applications but are familiar with web technologies, and beginners and developers interested in NodeJS.

Note

Introduction of knowledge sharers

Kim Ji-woon
Hello, I am Jiwoon Kim, who worked at THATZIT, a location-based mobile application development startup, in charge of Backend (NodeJS), iOS (Swift), and Android (Java) development. Now, I am an individual developer working on personal projects (map sharing service, chat application) and side jobs.

Recommended for
these people

Who is this course right for?

  • Beginner in Programming

  • People interested in developing real-time chat applications

  • Anyone who wants to learn how to develop desktop applications using Electron

  • People interested in real-time communication using Node.js and Socket.io

  • People interested in developing desktop applications using web technologies.

Hello
This is

207

Learners

11

Reviews

5

Answers

3.8

Rating

1

Course

Curriculum

All

29 lectures ∙ (13hr 59min)

Published: 
Last updated: 

Reviews

All

11 reviews

3.8

11 reviews

  • 윤순기님의 프로필 이미지
    윤순기

    Reviews 3

    Average Rating 4.7

    4

    100% enrolled

    많은 도움 되었어요.

    • Panamera Turbo님의 프로필 이미지
      Panamera Turbo

      Reviews 5

      Average Rating 5.0

      5

      100% enrolled

      각각 다이얼로그들로 나눠서 기능 부분을 확인할 수 있었고, 평가 남겨주신 분의 글을 참고하여 따라 쓰지는 않고 올려주신 코드를 참고하여 해당 부분들 복붙하면서 수업들으니 괜찮긴했습니다! 일렉트론을 처음 사용해보는데 방 생성, 친구 초대 등의 기능을 클라이언트와 서버를 같이 진행하여 간단하게 앱을 만들 수 있는 점이 좋았습니다! 하지만 글을 참고해서 들었어도 목소리가 작으셔서 소리를 키워놨다가 기침 소리가 생각보다 커서 깜짝 놀라는 경우가 있었습니다! 키보드도 좋은걸 쓰셔서 자그락 자그락 소리가 엄청 크게 들렸고 후반부 강의에서는 맥북의 팬 돌아가는 소리인지도 생각보다 심했습니다.(처음엔 제꺼에서 도는 줄 알았습니다..) 백엔드 소켓부분 구현시에는 영상 소리가 깨져서 워프하는 우주선 소리가 나고 웡웡 울리는 부분이 있는데 강의 영상을 확인을 안하시고 올리신거 아닌가 하는 자그마한 의심마저 들었습니다.ㅠㅠ 그리고 강의 영상인데 power mode 플러그인을 쓰셔서 타자 하나하나 칠때마다 화면이 엄청 흔들리고 코드를 많이 붙여넣기 하는 경우에 BAM BAM 하고 뜨는 경우가 있어 실소를 감출 수 없었습니다!(그러려고 쓰는 기능이긴 하지만 강의 영상에서는 보기 어려웠습니다!) 영상과 소리에 대해서만 어느정도 불편함이 있었지만 코드 자체는 이상없이 잘 작성되어 모두 완료하고 난 다음에는 '아 그래도 잘 마쳤구나!' 하는 안도와 보람을 얻을 수 있어 색다른 경험으로 수강했습니다! 이후 현재 프로젝트에 추가로 진행하시는 강의가 나오면 그래도 저는 수강은 하고 싶습니다! 감사합니다!

      • 김지운
        Instructor

        강의 들어주셔서 감사합니다. 처음 만들어보기도 하였고 음향관련해서는 촬영한곳 바로 옆이 열차가 다니는 선로라 최대한 열차시간을 피해서 찍어보기도 하였으나 힘든점이 있었습니다. 키보드 타건 소리나 지적해주신 음향관련한 내용은 다음에 강의나 영상촬영시에 좀 더 신경써서 더 좋은 품질의 영상 촬영을 하도록 노력하겠습니다.

    • 도전적인 불가사리님의 프로필 이미지
      도전적인 불가사리

      Reviews 12

      Average Rating 5.0

      5

      100% enrolled

      좋은 강의 였습니다

      • bcu님의 프로필 이미지
        bcu

        Reviews 2

        Average Rating 5.0

        5

        97% enrolled

        Electron에 대한 이해도가 많이 올라갔습니다. 감사합니다.

        • 서승효님의 프로필 이미지
          서승효

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          IDE 화면에서 화면 효과 때문에 커서 위치가 흔들리면서 조금 알아보기 힘들긴 했습니다.

          $40.70

          Similar courses

          Explore other courses in the same field!