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 Javascriptframeworkthat runs on the Node JSruntimeandis a librarythat helpscreateapplicationsthat runondesktopOSs(Linux, OSX, Window)usingweb technologiessuch asJavascript, 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
Mac / Electron 2.0.3, Socket.io 2.1.0, NodeJS 8.4.0, Mongoose 5.1.4, Axios 0.17.1 or higher / Google search capabilities / WebStorm (IDE) preparation / IBM Bluemix account preparation
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.
Tôi có thể kiểm tra các chức năng bằng cách chia từng chức năng thành các hộp thoại.
Không sao đâu vì mình vào lớp bằng cách tham khảo đoạn code đã đăng và sao chép, dán những phần liên quan chứ không tham khảo bài viết của người để lại đánh giá!
Đây là lần đầu tiên tôi sử dụng Electron và tôi thích việc tôi có thể dễ dàng tạo một ứng dụng bằng cách chạy các chức năng như tạo phòng và lời mời kết bạn thông qua máy khách và máy chủ cùng nhau!
Tuy nhiên, dù nghe có tham khảo bài viết nhưng giọng mình hơi nhỏ nên mình tăng âm lượng lên và rất ngạc nhiên khi tiếng ho lại to hơn mình mong đợi! Thầy dùng bàn phím tốt nên tiếng cạch cạch rất to, đến nửa sau bài giảng thì nó tệ hơn tôi nghĩ, tôi tưởng là do quạt của MacBook quay (Lúc đầu tôi tưởng là của mình. )
Khi triển khai phần socket back-end, âm thanh video bị hỏng, nghe như tàu vũ trụ bị cong vênh, thậm chí có phần còn phát ra tiếng vo ve, thậm chí tôi còn có chút nghi ngờ rằng video bài giảng đã được tải lên mà không kiểm tra. ㅠㅠ
Và đó là video bài giảng nên mình không giấu được cười vì mình dùng plug-in chế độ nguồn nên mỗi lần gõ gì đó màn hình rung rất nhiều, khi dán nhiều code thì BAM BAM hiện lên ! (Đó là một tính năng tôi sử dụng cho mục đích đó, nhưng nó là một video bài giảng. Rất khó để xem!)
Có một số bất tiện chỉ với video và âm thanh, nhưng bản thân đoạn mã đã được viết tốt và không có vấn đề gì, và sau khi hoàn thành nó, tôi nghĩ: "Ồ, nhưng nó đã được làm rất tốt!" Tôi tham gia khóa học như một trải nghiệm độc đáo vì tôi có thể nhận được sự nhẹ nhõm và phần thưởng!
Nếu trong tương lai có thêm các bài giảng cho dự án hiện tại, tôi vẫn muốn tham gia!
Cảm ơn!
Cảm ơn các bạn đã nghe bài giảng.
Đây là lần đầu tiên tôi thực hiện nó, và về mặt âm thanh, ngay cạnh nơi tôi quay phim là đường ray xe lửa, vì vậy tôi đã cố gắng quay phim trong khi tránh thời gian tàu chạy nhiều nhất có thể, nhưng cũng có một số khó khăn.
Tôi sẽ chú ý hơn đến âm thanh bàn phím và thông tin liên quan đến âm thanh mà bạn đã chỉ ra trong bài giảng hoặc quay video tiếp theo của tôi và sẽ cố gắng quay những video có chất lượng tốt hơn.
yoonsg1165
![[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp강의 썸네일](https://cdn.inflearn.com/public/courses/329963/cover/26550c58-624a-41c8-86dc-fea75b6c3b22/thumbnail-frontnew.png?f=avif&w=420)
![[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
