Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Electron for Desktop Apps: The Complete Developer's Guide

Electron cho Ứng dụng Máy tính để bàn: Hướng dẫn Toàn diện cho Nhà phát triển

Electron cho Ứng dụng Máy tính để bàn: Hướng dẫn Toàn diện cho Nhà phát triển

Sử dụng Framework Electron để xây dựng ứng dụng máy tính đa nền tảng hấp dẫn với công nghệ phát triển web mới nhất

4.6
(3,559 đánh giá)
22,294 học viên
Giảng viên
Stephen Grider
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 999.000đ -95%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
8.0 giờ video
96 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Học cách tạo ứng dụng có cảm giác gốc (native) bằng công nghệ phát triển web
Thành thạo những chi tiết phức tạp trong phát triển với Electron JS
Xây dựng ứng dụng chạy tốt trên cả MacOS và Windows từ một bộ mã nguồn duy nhất
Phát triển cả ứng dụng cửa sổ đơn truyền thống và ứng dụng dựa trên khay hệ thống (status tray)
Hiểu cách tích hợp các công nghệ hiện có như React và Redux vào ứng dụng Electron JS của bạn
Xây dựng một doanh nghiệp sinh lời với ứng dụng máy tính để bàn, vì có rất ít cạnh tranh trên thị trường

Yêu cầu

Hiểu biết cơ bản về Javascript

Đối tượng phù hợp

Dành cho bất kỳ ai muốn tạo ứng dụng máy tính để bàn gốc (native) hấp dẫn

Nội dung khóa học

5 phần • 93 bài giảng
1 Cách Nhận Trợ giúp
2 Tài nguyên Khóa học
3 Tại sao Electron Tồn tại?
4 Electron Hoạt động Như thế nào?
5 Lịch sử của Electron
1 Tổng quan Ứng dụng
2 Bắt đầu
3 Khởi động và Dừng Electron
4 Làm rõ về Bật/Tắt Công cụ Nhà phát triển (Developer Tools)
5 Tải Tài liệu HTML
6 Chọn Video
7 Video Mẫu - Hãy Tải Xuống!
8 Đọc Chi tiết Tệp
9 Giới thiệu về FFMPEG
10 Cài đặt FFMPEG trên OSX
11 Thiết lập FFMPEG trên Windows
12 Cập nhật Quan trọng về BrowserWindow
13 Câu lệnh Require trong Trình duyệt
14 Cập nhật Bắt buộc về Destructuring
15 Giao tiếp IPC
16 Thời lượng Video với FFProbe
17 Nhận Sự kiện IPC
18 Tổng kết
19 Cập nhật Dự án của Bạn theo Thực hành Bảo mật Tốt nhất
1 Tổng quan Ứng dụng
2 Mẫu Code Ứng dụng (Boilerplate)
3 Cập nhật Quan trọng về BrowserWindow
4 Tạo MainWindow
5 Xây dựng Thanh Menu
6 Những Lưu ý về Thanh Menu
7 Cập nhật Bắt buộc Điều kiện Darwin
8 Chức năng Khi nhấp vào Menu
9 Phím tắt Đa nền tảng
10 Tạo Cửa sổ Riêng biệt
11 Một Lưu ý Khác về Electron
12 Hoàn thiện Ứng dụng Electron
13 Khôi phục Công cụ Nhà phát triển
14 Giao tiếp IPC giữa các Cửa sổ
15 Cập nhật Bắt buộc cho Việc Đóng Cửa sổ
16 Thu gom Rác (Garbage Collection) với Electron
17 Phím tắt Vai trò (Role Shortcuts)
18 Lượt của Bạn - Xóa Danh sách
19 Giải pháp và Tổng kết
20 Cập nhật Dự án của Bạn theo Thực hành Bảo mật Tốt nhất
1 Mẫu Code Ứng dụng (Boilerplate)
2 Tệp Dự án Khởi đầu
3 Mã React này là gì?
4 BrowserWindow so với Tray
5 Cập nhật Quan trọng về BrowserWindow
6 Cấu hình BrowserWindow
7 Cập nhật Nhỏ cho Biểu tượng Tray
8 Tạo Biểu tượng Tray
9 Bật/Tắt Hiển thị BrowserWindow
10 Phát hiện Trạng thái Hiển thị
11 Hệ thống Giới hạn Vị trí (Positioning Bounds)
12 Thiết lập Vị trí với Bounds
13 Định vị Cửa sổ
14 Lập trình Hướng đối tượng với Electron
15 Kiến thức cơ bản về Lớp ES6
16 Kế thừa Lớp (Subclassing)
17 Lớp con TimerTray
18 Cập nhật sang Hàm Mũi tên (Arrow Functions)
19 Hoàn thành Tái cấu trúc TimerTray
20 Thiết lập Chú giải Công cụ (Tooltips)
21 Thêm về Thu gom Rác
22 Tái cấu trúc Thêm với Hàm Mũi tên
23 Xây dựng Menu Ngữ cảnh
24 Kiểm soát Tiêu điểm Cửa sổ
25 Ẩn Biểu tượng Dock
26 Lớp MainWindow
27 Giao tiếp IPC giữa React và Electron
28 Hiển thị Văn bản trên Tray
29 Giới hạn Nền (Background Throttling)
1 Tổng quan Ứng dụng
2 Tệp Dự án Khởi đầu
3 Thách thức của Ứng dụng
4 Cập nhật Quan trọng về BrowserWindow
5 Tạo BrowserWindow
6 Khởi động Electron với Webpack
7 Tổng quan về React và Redux
8 Nhận Danh sách Video
9 Siêu dữ liệu Video (Metadata)
10 Xử lý Thao tác Hàng loạt Bất đồng bộ với Promise
11 Lấy Siêu dữ liệu trong Promise
12 Tái cấu trúc cho Nhiều Video
13 Tổng kết về Siêu dữ liệu
14 Cập nhật Bắt buộc cho Action Creator convertVideos
15 Đường dẫn Đầu ra
16 Chuyển đổi Video Hàng loạt
17 Xử lý Hoàn tất Chuyển đổi
18 Phát hiện Tiến trình Chuyển đổi
19 Mở Thư mục với Shell
20 Tổng kết

Giới thiệu khóa học

Take your web dev skills out of the browser!  This course will teach you the topics you need to make a #1 best-selling desktop app.

------------------------------

What is Electron?

Electron is an elegant solution for writing desktop-based apps using existing web technologies you already know, like HTML, CSS, and Javascript.  Electron is used for ultra-popular apps like Atom, Slack, and Discord.

Who builds desktop apps?!

In the last 10 years there has been a tremendous shift from desktop to mobile, true, but the result is that there is a huge opportunity to create desktop apps, as all other developers have shifted over to building mobile!  You can easily get into the front page on the MacOS store with an app you spend a few days building - this would never happen on mobile!  The last app you'll build in this course can be easily tweaked into a front-page app.

What Will You Build?

All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we'll build four separate apps with increasing complexity, each of which will profile different features of Electron.  By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.

Both MacOS and Windows supported!

------------------------------

Apps you'll build:

  1. Video File Analyzer.  Learn how to manipulate the underlying OS with this first app, in which you'll build a tool to analyze video files, supported by the FFMPEG CLI tool.  This app will get you familiar with Electron, along with an understanding of how to build a basic app.
  2. Cross Window Todo List: Ok, yep, a todo app, I know, but you'll learn how to manipulate multiple windows with Electron, along with customizing the top menu bar.  Additional emphasis is placed on cross platform experiences between MacOS and Windows
  3. System Tray Timer.  Build a classic system-tray based app - this is the type of app that exists as an icon by the clock on your desktop.  You'll learn how to add a ton of polish to common Electron apps, which will make your users assume that they're using a fully native experience.
  4. Video File Converter.  Make an app that can convert video files to any other format.  Existing apps with the exact same feature set sell for $10 on the MacOS store. This tool is amazingly useful, and is something that I use daily myself!

Here's what we'll learn:

  • Learn the theory and history behind Electron
  • Build complex desktop applications using repeatable processes
  • Assemble both classic desktop apps and 'tray-based' apps
  • Add polish to your Electron apps, making them feel more native
  • Sidestep the common pitfalls associated with Electron

I've built the course that I would have wanted to take when I was learning Electron. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Desktop Application Development
Hiển thị tất cả khoá học Electron
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊