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

214 learners

Level Basic

Course period Unlimited

Node.js
Node.js
Electron
Electron
Socket.io
Socket.io
Node.js
Node.js
Electron
Electron
Socket.io
Socket.io

Reviews from Early Learners

3.8

5.0

Panamera Turbo

100% enrolled

I was able to check the functional parts by dividing them into each dialogue, and I didn't copy and paste the comments from the person who left the review, but I listened to the class by copying and pasting the relevant parts by referring to the code provided, so it was okay! It was my first time using Electron, and I liked that I could easily create an app by running the client and server together for functions such as creating a room and inviting friends! However, even though I listened to it by referring to the comments, I was surprised when I turned up the volume because the coughing sound was louder than I thought because the voice was small! The keyboard was also good, so the rattling sound was really loud, and in the latter half of the lecture, the sound of the MacBook's fan was louder than I thought. (At first, I thought it was mine..) When implementing the backend socket, the video sound was broken, and there was a part where it sounded like a spaceship warping and a banging sound. I even had a small suspicion that you uploaded it without checking the lecture video.ㅠㅠ And since it was a lecture video, the screen shook a lot every time I typed a key because you used the power mode plugin, and when I pasted a lot of code, it would sometimes go BAM BAM, so I couldn't hide my laughter! (That's what it's for, but it was hard to see in the lecture video!) I had some inconveniences with the video and sound, but the code itself was well written, so after completing it all, I felt relieved and rewarded, thinking, 'Oh, I finished it well!' It was a different experience to take the class! I still want to take the class if there are additional lectures for the current project! Thank you!

5.0

도전적인 불가사리

100% enrolled

It was a good lecture

5.0

bcu

97% enrolled

My understanding of Electron has improved significantly. Thank you.

What you will gain after the course

  • 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 kishe561204

214

Learners

11

Reviews

5

Answers

3.8

Rating

1

Course

Reviews

All

11 reviews

3.8

11 reviews

  • panameraturbos님의 프로필 이미지
    panameraturbos

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

    I was able to check the functional parts by dividing them into each dialogue, and I didn't copy and paste the comments from the person who left the review, but I listened to the class by copying and pasting the relevant parts by referring to the code provided, so it was okay! It was my first time using Electron, and I liked that I could easily create an app by running the client and server together for functions such as creating a room and inviting friends! However, even though I listened to it by referring to the comments, I was surprised when I turned up the volume because the coughing sound was louder than I thought because the voice was small! The keyboard was also good, so the rattling sound was really loud, and in the latter half of the lecture, the sound of the MacBook's fan was louder than I thought. (At first, I thought it was mine..) When implementing the backend socket, the video sound was broken, and there was a part where it sounded like a spaceship warping and a banging sound. I even had a small suspicion that you uploaded it without checking the lecture video.ㅠㅠ And since it was a lecture video, the screen shook a lot every time I typed a key because you used the power mode plugin, and when I pasted a lot of code, it would sometimes go BAM BAM, so I couldn't hide my laughter! (That's what it's for, but it was hard to see in the lecture video!) I had some inconveniences with the video and sound, but the code itself was well written, so after completing it all, I felt relieved and rewarded, thinking, 'Oh, I finished it well!' It was a different experience to take the class! I still want to take the class if there are additional lectures for the current project! Thank you!

    • kishe561204
      Instructor

      Thank you for listening to the lecture. It was my first time making it, and since the place I filmed was right next to a train track, I tried to avoid train times as much as possible, but it was difficult. I will pay more attention to the keyboard keystroke sounds and other sound-related points you pointed out in the next lecture or video shoot, and I will try to film a better quality video.

  • devthumb님의 프로필 이미지
    devthumb

    Reviews 12

    Average Rating 5.0

    5

    100% enrolled

    It was a good lecture

    • imredcat님의 프로필 이미지
      imredcat

      Reviews 1

      Average Rating 1.0

      1

      14% enrolled

      It's really hard to concentrate. If I had seen brianjune's review below, I wouldn't have applied.... Sighs, coughs, water running... I can't concentrate at all and can't watch. The lecture content... It says "For those who don't have knowledge of Electron and NodeJS" in the helpful section, but I think you need to have at least some knowledge of NodeJS to be able to listen. And the development tools... It's not important, but what about those who don't have webstorm? For those who don't have it, you should at least explain how to set it up in the console... I'd like to get a refund, but I can't get a refund because the progress rate is 10%...

      • yoonsg1165님의 프로필 이미지
        yoonsg1165

        Reviews 3

        Average Rating 4.7

        4

        100% enrolled

        It helped me a lot.

        • brianjune님의 프로필 이미지
          brianjune

          Reviews 3

          Average Rating 3.7

          1

          100% enrolled

          I took the course to create a desktop app with a shallow understanding of nodejs, and I think it was a very disappointing course. The instructor was so eager to make progress that more than 95% of the course was just reading the source code that he wrote. In other words, there was almost no explanation of each line of code. Of course, following the instructor and typing the code would help me learn the flow, but it was frustrating for the students because I didn't even know what it meant. In particular, when changing screens or reusing code, copying and pasting happened in the blink of an eye, so I had to stop the lecture often or rewind it, and it was also difficult to take the lecture at 1x speed. There was also the problem of not being able to focus while listening because there were frequent noises, coughs, and sighs. If you want to take this course, I recommend that you have at least a basic understanding of html, css, javascript, nodejs+express, socketio, and electron, and if you want to quickly create something practical.

          • kishe561204
            Instructor

            Next time I make a lecture, I will try to improve the parts you mentioned. Thank you.

        Similar courses

        Explore other courses in the same field!