-
第1章 进入Electron的世界 试看2 节 | 11分钟
Electron是全球最大的技术社区GitHub推出的使用HTML、CSS和JavaScript构建跨平台的桌面应用框架。本章主要讲解什么是Electron以及配置Electron的开发环境。
- 视频:1-1 什么是 Electron (06:24)试看
- 视频:1-2 配置开发环境 (04:33)试看
-
第2章 第一个Electron应用3 节 | 31分钟
本章通过第一个简单的Electron Demo讲解Electron中最核心的主进程与渲染进程、browserWindow以及进程之间的通信等内容。
- 视频:2-1 主进程和渲染进程 (07:14)
- 视频:2-2 创建 browserWindow (12:39)
- 视频:2-3 进程间通信 (10:26)
-
第3章 播放器应用的演示与分析 试看2 节 | 12分钟
本章从应用的原型图出发,分析播放器应用的功能流程以及工程文件结构等内容。
- 视频:3-1 从原型图出发 (04:59)试看
- 视频:3-2 功能流程和文件结构 (06:53)
-
第4章 播放器应用之添加音乐窗口8 节 | 71分钟
本章从首页开始制作,创建添加音乐的窗口,并通过Dialog模块实现添加音乐模块,以及使用Electron Store实现数据的持久化存储。
- 视频:4-1 从首页样式开始 (08:25)
- 视频:4-2 创建添加音乐窗口 (07:27)
- 视频:4-3 创建窗口类 (08:14)
- 视频:4-4 使用Dialog模块添加音乐文件 (09:14)
- 视频:4-5 展示添加的文件列表 (11:17)
- 视频:4-6 使用Electron Store持久化数据 (07:00)
- 视频:4-7 音乐持久化存储类 (08:19)
- 视频:4-8 使用存储类保存数据 (10:40)
-
第5章 播放器应用之播放器窗口7 节 | 76分钟
本章主要讲解播放器应用中的渲染主窗口,其中包括音乐列表功能,以及音乐播放功能等内容。
- 视频:5-1 获取数据渲染主窗口列表之概念 (09:04)
- 视频:5-2 获取数据渲染主窗口列表之编码 (15:06)
- 视频:5-3 播放音乐难点分析 (07:04)
- 视频:5-4 主窗口播放音乐编码(上) (11:03)
- 视频:5-5 主窗口播放音乐编码(下) (10:34)
- 视频:5-6 添加音乐播放器状态(上) (10:09)
- 视频:5-7 添加音乐播放器状态(下) (12:26)
-
第6章 应用打包与分发3 节 | 24分钟
本章主要以MacOS系统为例,讲解如何通过Electron Builder打包Electron应用程序。
- 视频:6-1 安装Electron Builder (05:36)
- 视频:6-2 添加Electron Builder配置文件 (10:56)
- 视频:6-3 在MacOS平台打包程序 (06:56)
-
第8章 《Electron+React+七牛云 实战跨平台桌面应用》实战课试看1 节 | 19分钟
《Electron+React+七牛云 实战跨平台桌面应用》实战课的简介,介绍了学习这门课程的收获以及项目展示(内附彩蛋)。新课程将于 9 月 2 日上线,课程链接是 https://coding.imooc.com/class/384.html
- 视频:8-1 学习本课程的收获以及案例展示(内附彩蛋) (18:08)
-
第9章 《Electron+React+七牛云 实战跨平台桌面应用》实战课试看8 节 | 75分钟
这一章节是《Electron+React+七牛云 实战跨平台桌面应用》实战课的第八章,这一章开始进入 Node.js 的世界,使用 FS 模块完成文件的增删改,同时还使用 Electron store 完成文件索引的持久化保存。
- 视频:9-1 在 React 中使用 Node.js (06:18)
- 视频:9-2 FS 模块初试牛刀 (08:55)
- 视频:9-3 FS 模块使用 Promise 改造- (09:24)
- 视频:9-4 在 App 中集成文件操作 (13:15)
- 视频:9-5 数据持久化解决方案 (06:53)
- 视频:9-6 将 Electron store 集成到 App 中 (14:02)
- 视频:9-7 添加持久化数据逻辑代码 (06:50)
- 视频:9-8 由一个 Bug 引发的思考 (08:34)
本课程已完结
隐藏内容
此处内容需要权限查看
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。