Phát triển ứng dụng trò chuyện bằng Electron, NodeJS và Socket.io

Name: Phát triển ứng dụng trò chuyện bằng Electron, NodeJS và Socket.io
Price: 36960 KRW
Rating: 3.8 (11 reviews)

Dựa trên nội dung bài giảng hãy tạo một ứng dụng chat cơ bản và Tìm hiểu về cấu trúc cơ bản của Electron và NodeJS.

(3.8) 11 đánh giá

215 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

kishe561204

Node.js

Electron

Socket.io

Node.js

Electron

Socket.io

Đánh giá từ những học viên đầu tiên

3.8

5.0

Panamera Turbo

100% đã tham gia

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!

5.0

도전적인 불가사리

100% đã tham gia

Đó là một bài giảng hay

5.0

bcu

97% đã tham gia

Hiểu biết về Electron của tôi đã tăng lên rất nhiều. Cảm ơn bạn.

Bạn sẽ nhận được điều này sau khi học.

Phát triển ứng dụng máy tính để bàn bằng Electron
Triển khai ứng dụng nhắn tin theo thời gian thực bằng Node.js và Socket.io
Triển khai chức năng phần mềm trung gian nhanh và xác thực người dùng
Phát triển thành phần giao diện người dùng bằng HTML, CSS và JavaScript
Triển khai máy chủ bằng IBM Bluemix

Phát triển ứng dụng trò chuyện bằng Electron, NodeJS và Socket.io

Chúng tôi sẽ nói về quá trình phát triển ứng dụng trò chuyện bằng Electron, một thư viện phát triển ứng dụng máy tính để bàn dựa trên công nghệ web gần đây được sử dụng để phát triển ứng dụng máy tính để bàn, NodeJS chạy ứng dụng này và thư viện Socket.io, được sử dụng rộng rãi để phát triển các ứng dụng nhắn tin thời gian thực.

Mục tiêu học tập

Dựa trên nội dung bài giảng, bạn sẽ học cách tạo ứng dụng trò chuyện cơ bản và cấu trúc cơ bản của Electron và NodeJS.

Electron

Đây là một khuôn khổ Javascript chạy trên thời gian chạy Node JS và là một thư viện giúp tạo các ứng dụng chạy trên hệ điều hành máy tính để bàn (Linux, OSX, Window) bằng các công nghệ web như Javascript, HTML và CSS .

Học hỏi

1. Đăng nhập từ máy khách (kết nối websocket khi thành công)
2. Gửi tin nhắn bằng emit từ máy khách
3. Nhận tin nhắn từ máy chủ và phát đến các máy khách khác
4. Triển khai màn hình đăng nhập đơn giản (Electron&HTML&CSS&JS) và chức năng đăng nhập (NodeJS&Socket.IO)

Những người hữu ích

Dành cho những người mới làm quen với Electron và NodeJS, các nhà phát triển muốn xây dựng ứng dụng máy tính để bàn nhưng đã quen thuộc với công nghệ web, cũng như người mới bắt đầu và nhà phát triển quan tâm đến NodeJS.

Ghi chú

Mac / Electron 2.0.3, Socket.io 2.1.0, NodeJS 8.4.0, Mongoose 5.1.4, Axios 0.17.1 trở lên / Khả năng tìm kiếm của Google / Chuẩn bị WebStorm (IDE) / Chuẩn bị tài khoản IBM Bluemix
Mã ví dụ ( https://github.com/kishe89/ InflearnElectronExample )

Giới thiệu những người chia sẻ kiến thức

Kim Ji-woon

Xin chào, tôi là Jiwoon Kim, từng làm việc tại THATZIT, một công ty khởi nghiệp phát triển ứng dụng di động dựa trên vị trí, phụ trách phát triển Backend (NodeJS), iOS (Swift) và Android (Java). Hiện tại, tôi là một lập trình viên độc lập, phụ trách các dự án cá nhân (dịch vụ chia sẻ bản đồ, ứng dụng trò chuyện) và các công việc phụ.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

người mới bắt đầu lập trình
Bất kỳ ai quan tâm đến việc phát triển ứng dụng trò chuyện thời gian thực
Bất cứ ai muốn học phát triển ứng dụng máy tính để bàn bằng Electron
Bất kỳ ai quan tâm đến giao tiếp thời gian thực bằng Node.js và Socket.io
Bất kỳ ai quan tâm đến việc phát triển ứng dụng máy tính để bàn bằng công nghệ web

Xin chào
Đây là kishe561204

215

Học viên

Đánh giá

Trả lời

3.8

Xếp hạng

Khóa học

Chương trình giảng dạy

Tất cả

29 bài giảng ∙ (13giờ 59phút)

Phần 1. giới thiệu

2 bài giảng ∙ (16phút)

Phần 2. đăng nhập

7 bài giảng ∙ (3giờ 37phút)

3. Cài đặt IDE&Babel
16:00
4. Phần cuối nhanh
41:00
5. Giao diện người dùng đăng nhập và phần mềm trung gian HandShake của Socket.io
01:16:00
6. Giao diện người dùng đăng ký thành viên & màn hình chờ kết nối ổ cắm & liên kết MongoDB
41:00
7. Định nghĩa lược đồ người dùng
07:00
8. Áp dụng UserSchema cho API đăng nhập và đăng ký
22:00
9. Bản dựng (dựa trên máy Mac)
14:00

Phần 3. Tạo màn hình chính

10 bài giảng ∙ (4giờ 47phút)

10. tóm tắt mã đăng ký sự kiệnHandler
09:00
11. Chỉnh sửa và viết trình xử lý liên quan đến làm mới mã thông báo
29:00
12. Tạo màn hình (HTML & CSS)
43:00
13. Tạo hộp thoại mời và thoát (HTML & CSS)
15:00
14. Tạo hộp thoại menu phòng và bạn bè (HTML & CSS)
11:00
15. Hộp thoại Thêm bạn bè & danh sách & danh sách yêu cầu & hộp thoại làm mới mã thông báo (HTML & CSS)
32:00
16. Gói hộp thoại và tạo nhà máy hộp thoại (JS)
46:00
17. Tạo khu vực phòng & khu vực menu phòng (JS)
38:00
18. Tạo khu vực trò chuyện (JS)
27:00
19. Tạo nhà máy sản xuất mục tin nhắn (JS)
37:00

Phần 4. Triển khai các chức năng nhắn tin, kết bạn và phòng

9 bài giảng ∙ (4giờ 56phút)

Phần 5. học sau

1 bài giảng ∙ (23phút)

Ngày đăng: 03/10/2018

Cập nhật lần cuối: 19/05/2025

Đánh giá

Tất cả

11 đánh giá

3.8

11 đánh giá

devthumb
Đánh giá 13
∙
Đánh giá trung bình 5.0
30/01/2020
5
100% đã tham gia
Đó là một bài giảng hay
panameraturbos
Đánh giá 5
∙
Đánh giá trung bình 5.0
02/05/2021
5
100% đã tham gia
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!
- kishe561204
  Giảng viên
  04/05/2021
  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
Đánh giá 3
∙
Đánh giá trung bình 4.7
01/03/2020
4
100% đã tham gia
Nó đã giúp tôi rất nhiều.
imredcat
Đánh giá 1
∙
Đánh giá trung bình 1.0
07/05/2022
1
14% đã tham gia
Tôi thực sự không thể tập trung được. Nếu tôi nhìn thấy bài đánh giá của Brianjune bên dưới, tôi đã không nộp đơn... Những tiếng thở dài, tiếng ho, tiếng nước chảy... Tôi không thể tập trung nhìn được. Về nội dung bài giảng... Có ghi "những người chưa có kiến thức về Electron và NodeJS" dành cho những ai sẽ thấy nó hữu ích. Tôi nghĩ bạn cần phải có ít nhất một số kiến thức về NodeJS mới có thể nghe được nó. Và các công cụ phát triển... Nó không quan trọng, nhưng với những người sử dụng webstorm nhưng không có thì sao? Đối với những người không có nó, ít nhất bạn nên giải thích cách thiết lập nó trên bảng điều khiển... Tôi muốn hoàn lại tiền nhưng tiến độ là 10% nên tôi không thể hoàn lại tiền được...
brianjune
Đánh giá 3
∙
Đánh giá trung bình 3.7
23/05/2020
1
100% đã tham gia
Tôi đã tham gia khóa học tạo một ứng dụng dành cho máy tính để bàn trong khi chỉ có kiến thức cơ bản nông cạn về nodejs và tôi nghĩ đó là một khóa học rất đáng thất vọng. Người hướng dẫn lo lắng làm chậm tiến độ nên hơn 95% bài giảng chỉ đơn giản là đọc mã nguồn bạn viết. Nói cách khác, hầu như không có lời giải thích nào cho từng dòng mã. Tất nhiên, chơi theo các hợp âm theo hướng dẫn của người hướng dẫn sẽ giúp bạn học được dòng nhạc, nhưng việc chơi theo các hợp âm mà không biết ý nghĩa của nó sẽ khiến học viên khó chịu. Đặc biệt, khi chuyển đổi màn hình hoặc sử dụng lại code, việc sao chép và dán được thực hiện chỉ trong chớp mắt nên tôi phải dừng hoặc phát lại bài giảng thường xuyên và cũng khó có thể tiếp thu bài giảng với tốc độ 1x. Ngoài ra còn có vấn đề là không thể duy trì sự tập trung khi nghe do thường xuyên có tiếng động, ho và thở dài. Nếu bạn muốn tham gia khóa học này, ít nhất bạn phải có kiến thức cơ bản về html&css&javascript&nodejs+express&socketio&electron'khi bạn muốn tạo thứ gì đó nhanh chóng và theo cách thực tế' Tôi khuyên bạn nên tham gia khóa học.
- kishe561204
  Giảng viên
  24/06/2020
  Lần tới khi làm bài giảng tôi sẽ cố gắng cải thiện những phần bạn đề cập. Cảm ơn

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

[CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp

codecamp

Chương trình giảng dạy này chứa đầy niềm đam mê cá nhân của Captain, một nhà phát triển phần mềm đầy đủ với 8 năm kinh nghiệm và yêu thích lập trình. Trái tim của thuyền trưởng tan chảy khi anh ấy muốn kể cho bạn mọi thứ về phần sau! Nếu bạn nghe bài giảng này, bạn sẽ nghĩ: "Họ đã nói với tôi nhiều như vậy sao?" Bạn sẽ không thể thoát khỏi suy nghĩ đó. Chúng ta hãy bắt đầu bằng bài giảng này, bài giảng này sẽ giải đáp và cung cấp cho chúng ta những phần mà mọi người đều thấy khó hiểu?

Nhập môn

NestJS, Node.js, JavaScript

[CodeCamp] Khóa học backend cô đặc được tạo ra từ bootcamp

codecamp

[Khóa học phát triển web Full Stack] Một tuần trước khi triển khai dự án Node.js - từ cơ bản đến thực hành

realprogrammers

Bài giảng này nói về phần phụ trợ của chuỗi bài giảng [Khóa học phát triển web toàn ngăn xếp] để đào tạo các nhà phát triển web full stack. Bài giảng này dựa trên nội dung sách của giảng viên <Một tuần trước khi bắt đầu dự án Node.js>.

Cơ bản

Node.js, MySQL, Express

[Khóa học phát triển web Full Stack] Một tuần trước khi triển khai dự án Node.js - từ cơ bản đến thực hành

realprogrammers

Khái niệm cơ bản về mã hóa của Jocoding và phát triển web toàn diện

jocoding

Tính năng nén thực tế của Jo Coding, YouTuber mã hóa số 1! Bài giảng phát triển web full-stack dễ dàng và thú vị

Nhập môn

HTML/CSS, JavaScript, Node.js

Khái niệm cơ bản về mã hóa của Jocoding và phát triển web toàn diện

jocoding

Hội thảo về TypeScript Korea: Electron với Phòng thí nghiệm thực hành TypeScript

2woongjae

Đây là khóa học về cách tạo một ứng dụng trò chuyện đơn giản bằng TypeScript và Electron.

Cơ bản

TypeScript, Electron

Hội thảo về TypeScript Korea: Electron với Phòng thí nghiệm thực hành TypeScript

2woongjae

"Thời đại của AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 4 - Vực thẳm HTTP và Custom Framework

nhcodingstudio

Chúng tôi sẽ giải quyết triệt để nỗi lo lắng của những ai từng cảm thấy bế tắc khi chỉ biết sao chép mã do AI tạo ra mà không thực sự hiểu cơ chế hoạt động bên trong của HTTP cũng như nguyên nhân gây ra tình trạng treo máy (Hanging) không mong muốn.

Cơ bản

JavaScript, Node.js, Computer Architecture

"Thời đại của AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 4 - Vực thẳm HTTP và Custom Framework

nhcodingstudio

"Thời đại AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 3: TCP/UDP Socket và Network Core

nhcodingstudio

Trong thời đại mà AI có thể viết mã thay cho con người, giá trị của một "kiến trúc sư thực thụ" – người có khả năng thấu hiểu và kiểm soát khung sườn vĩ mô của hệ thống – càng trở nên cao hơn bao giờ hết. Khóa học này sẽ đi sâu vào bản chất của mạng cấp thấp (low-level network) và socket TCP/UDP ẩn sau các framework, giúp bạn rèn luyện khả năng thiết kế các công cụ cốt lõi (core engine) vững chắc, không bao giờ đổ vỡ ngay cả trước lưu lượng truy cập hàng triệu người và dữ liệu khổng lồ. Hãy vượt xa giới hạn của một lập trình viên chỉ biết sao chép - dán một cách mù quáng để trở thành một bậc thầy không thể thay thế, người có thể chỉ thị và kiểm soát AI đưa ra những giải pháp chính xác ở cấp độ hệ thống.

Cơ bản

JavaScript, Node.js, Computer Architecture

"Thời đại AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 3: TCP/UDP Socket và Network Core

nhcodingstudio

Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]

bokchi

Đây là khóa học phát triển có nhịp độ nhanh dành cho những người lập kế hoạch bận rộn. Với lời giải thích đơn giản, bạn có thể tìm hiểu về quy trình phát triển tổng thể bằng cách tự mình phát triển front-end, back-end và DB.

Nhập môn

HTML/CSS, JavaScript, Vue.js

Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]

bokchi

[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp

codecamp

1 năm đào tạo ra hơn 300 nhà phát triển, đây là chương trình đào tạo cô đọng của 'trại huấn luyện' thực sự. Chỉ với một khóa học này, bạn có thể phát triển đến trình độ của một nhà phát triển cấp junior và có được khả năng sử dụng và kiến thức về công nghệ stack phía trước. [InflearnX Code Camp] đã chuẩn bị để bất kỳ ai, bất kể bối cảnh xã hội, kinh tế hay giáo dục, đều có thể xây dựng sự nghiệp :)

Nhập môn

React, Next.js, GraphQL

[CodeCamp] Khóa học Front-end cô đặc được tạo ra từ Bootcamp

codecamp

Kiểm thử mã nguồn Backend không như ý muốn - Kỳ vọng và Thực tế

inflearn

Cơ bản

Software Test, backend, Node.js

Kiểm thử mã nguồn Backend không như ý muốn - Kỳ vọng và Thực tế

inflearn

Tất cả về Redis (feat. Node.js)

yongsoocho

Khởi đầu vững chắc với Redis từ A đến Z! Tất cả về Redis một cách dễ hiểu và thú vị, ngay cả học sinh cấp 3 cũng có thể hiểu được một cách hoàn hảo.

Nhập môn

Redis, Node.js

Tất cả về Redis (feat. Node.js)

yongsoocho

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

jeonghwan

Tôi có thể hiểu môi trường phát triển đã được thiết lập. Tôi có thể tự mình tạo môi trường phát triển từ đầu.

Trung cấp trở lên

Node.js, Webpack, Babel

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

jeonghwan

# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)

dakgangjung123

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

Cơ bản

React, Electron, GUI

# [Electron #1] Ứng dụng Timer với Electron + React (Sử dụng Zustand)

dakgangjung123

Sử dụng Node.js để xử lý cơ sở dữ liệu và tạo ứng dụng web

Egoing Lee

Giới thiệu về mối quan hệ giữa ngôn ngữ JavaScript phía máy chủ là Nodejs và cơ sở dữ liệu, đồng thời hướng dẫn cách tạo ứng dụng web thông qua NodeJs và cơ sở dữ liệu.

Cơ bản

Node.js

Sử dụng Node.js để xử lý cơ sở dữ liệu và tạo ứng dụng web

Egoing Lee

Phát triển dịch vụ hồi ký AI với React + GPT API (lớp học một ngày)

dodocoding

Dịch vụ AI GPT nền React, hoàn tất trong 1 giờ Sau khi học, hãy tạo giải pháp AI GPT SASS của riêng bạn.

Cơ bản

React, ChatGPT, JavaScript

Phát triển dịch vụ hồi ký AI với React + GPT API (lớp học một ngày)

dodocoding

Phát triển ứng dụng trò chuyện bằng Electron, NodeJS và Socket.io

3.8

Bạn sẽ nhận được điều này sau khi học.

Phát triển ứng dụng trò chuyện bằng Electron, NodeJS và Socket.io

Mục tiêu học tập

Electron

Học hỏi

Những người hữu ích

Ghi chú

Giới thiệu những người chia sẻ kiến thức

Khuyến nghị cho những người này

Xin chàoĐây là kishe561204

Chương trình giảng dạy

Đánh giá

Khóa học tương tự

Khuyến nghị cho
những người này

Xin chào
Đây là kishe561204