|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/electron-from-scratch/
课程评论:没有评论
## Electron 从零开始:使用 JavaScript 构建桌面应用(Coursera 课程总结) 本课程是一门以实践项目为导向的课程,旨在教授学员如何使用 Electron 构建和打包跨平台桌面应用程序。您将深入了解 Electron 的强大功能,并学习如何使用 JavaScript、React 等技术来创建功能丰富的桌面应用。 **课程亮点:** * **实战导向,项目驱动:** 通过构建三个实际应用,您将亲身体验 Electron 的开发流程。 * **ImageShrink:** 一个用于网站图片优化的应用。 * **SystTop:** 一个实时 CPU 监控应用,包含通知和系统托盘功能。 * **BugLogger:** 一个使用 React 和 MongoDB Atlas 云数据库构建的 CRUD 日志跟踪应用。 * **深入理解 Electron 核心概念:** * 创建和管理应用窗口(`BrowserWindow`)。 * 自定义菜单(`Menu`),包括自定义菜单项和预定义角色(`Menu roles`)。 * 使用 `Shell` 模块与文件系统和浏览器交互。 * 创建系统托盘图标,并为其添加上下文菜单。 * 理解 Electron 的主进程(Main Process)和渲染进程(Renderer Process)。 * 掌握进程间通信(IPC)的两种主要方式:[`ipcMain`](https://www.electronjs.org/docs/latest/api/ipc-main) 和 [`ipcRenderer`](https://www.electronjs.org/docs/latest/api/ipc-renderer)。 * **掌握打包与分发:** 学习如何完成 Electron 应用的打包,使其能够在不同平台分发。 * **进阶技能与集成:** * 创建日志文件,用于记录应用运行信息。 * 与系统硬件进行交互(示例可能涉及)。 * 创建数据存储文件,用于保存应用设置。 * 将 React 集成到 Electron 应用中,构建现代化的用户界面。 * 使用 Mongoose 集成 MongoDB 数据库,构建数据驱动型应用。 * **JavaScript 知识拓展:** 课程还将涵盖一些您可能不太了解的 JavaScript 实用技巧,帮助您更高效地进行开发。 **您将学会:** * 从零开始搭建 Electron 开发环境。 * 编写主进程和渲染进程的代码。 * 设计和实现用户界面。 * 处理用户输入和事件。 * 集成第三方库和框架(如 React、Mongoose)。 * 管理应用状态和数据。 * 构建和打包可执行的桌面应用。 本课程是想要利用 JavaScript 构建跨平台桌面应用的开发者的绝佳选择。通过大量的实践操作,您将快速掌握 Electron 开发的核心技能,并能够独立构建出复杂的桌面应用程序。
This is a hands on, project based course on learning how to build and package cross-platform desktop applications using Electron. Many popular apps including VSCode, Slack and Skype are built on Electron.We will build 3 appsImageShrink - An app to optimize images for websitesSystTop - RealTime CPU monitor with notifications and system trayBugLogger - CRUD app to track logs which uses React and the MongoDB Atlas cloud databaseSome stuff you will learn:Create app windows with BrowserWindowCreate menus with custom items Menu rolesShell module to open files and foldersCreate system tray icons with context menusApp eventsMain process & Renderer processCommunication between processes with IPCMain & IPCRenderer Packaging Electron apps Creating log filesInteract with system hardwareCreate a data store file with settings dataIntegrate React with ElectronIntegrate a MongoDB database with MongooseSome JavaScript stuff that you may not have known