使用 Github 的 Electron,开发一款自动云同步的 Markdown 文件管理软件
Electron几乎是 Web 开发人员开发桌面客户端的唯一途径,它天然适配任何前端开发框架,我们结合 React Hooks 这个新特性进行教学,结合七牛云和很多 Node 原生模块进行开发,来完成一个非常有吸引力的云同步 Markdown 文档管理应用
目录展示
-
第1章 进入 Electron 的世界 试看
介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识。
共 1 节 (19分钟)
- 1-1 学习本课程的收获以及案例展示(内附彩蛋) (18:08)试看
-
第2章 我们的第一个应用 试看
本章讲述了 Electron 的基础用法,包括搭建 Electron 开发环境、进程和线程的知识、BrowserWindow 模块、跨进程访问等内容。
共 8 节 (61分钟)
-
第3章 神奇的 React
本章回顾了 React 的基础知识,从而引出了全新的 React Hooks,详细讲解了 useState、useEffect、自定义Hook 等内容。
共 10 节 (88分钟)
-
第4章 双剑合璧与庖丁解牛 试看
本章分析了整个应用的需求,将整个应用分割成组件,然后打造一个 适配 Electron 和 React 的开发环境
共 5 节 (42分钟)
-
第5章 左侧面板开发
本章开始分别开发左侧面板的各个 React 组件,同时在开发过程中选用样式库、图标库,重构公共自定义 Hook。
共 9 节 (106分钟)
-
第6章 右侧面板开发
本章开发了应用右侧的 TabList 和编辑器部分,同时在整个过程中穿插了如何选取一个好用的开源库的思路。
共 5 节 (45分钟)
-
第7章 功能结合
本章遵循 React 哲学的最后步骤,从分析应用 state 结构入手,从上至下的给应用添加状态和逻辑处理,然后提出了 flatten state 的概念, 最后用这个概念进化了整个应用的状态。
共 8 节 (80分钟)
-
第8章 持久化保存数据
本章开始进入 Node.js 的世界,使用 FS 模块完成文件的增删改,同时还使用 Electron store 完成文件索引的持久化保存。
共 8 节 (75分钟)
-
第9章 Electron 锦上添花
本章使用 Electron 提供的模块 – Dialog、Menu、BrowserWindow 等模块进一步进化应用。在这之中,还穿插了 Node.js、DOM 遍历以及操作等一系列知识。
共 11 节 (125分钟)
-
第10章 认识七牛云平台
本章从对象存储云平台简介开始,引出七牛云使用的流程,以及七牛云 SDK 的下载。然后使用 SDK 写一些小 Demo,最后抽象到一个云文件操作类。
共 9 节 (94分钟)
-
第11章 使用 SDK 同步到七牛云
本章使用上一章完成的云文件操作类将云文件同步功能添加到应用当中。
共 11 节 (102分钟)
-
第12章 应用打包与分发
本章主要以 MacOS 和 Windows 系统为例,讲解如何通过 Electron Builder 打包 Electron 应用程序。
共 11 节 (89分钟)
-
第13章 课程总结
本课程的回顾与总结。
共 1 节 (8分钟)
请先
!