〖课程介绍〗:
&nBSp; Electron几乎是 Web 开发人员开发桌面客户端的唯一途径,它天然适配任何前端开发框架,我们结合 React Hooks 这个新特性进行教学,结合七牛云和很多 Node 原生模块进行开发,来完成一个非常有吸引力的云同步 Markdown 文档管理应用。
〖课程目录〗:
第1章 进入 Electron 的世界 试看1 节 | 19分钟
收起列表
第2章 我们的第一个应用 试看8 节 | 61分钟
本章讲述了 Electron 的基础用法,包括搭建 Electron 开发环境、进程和线程的知识、BrowserWindow 模块、跨进程访问等内容。
收起列表
视频:2-2 进程和线程 (08:02)
视频:2-3 主进程和渲染进程 (07:04)
视频:2-4 创建 BrowserWindow (13:09)
视频:2-5 进程间的通信 (06:20)
第3章 神奇的 React11 节 | 88分钟
本章回顾了 React 的基础知识,从而引出了全新的 React Hooks,详细讲解了 useState、useEffect、自定义Hook 等内容。
收起列表
视频:3-3 useState Hook (11:22)
视频:3-4 useEffect 不需要清除的 Effect (05:50)
视频:3-5 useEffect 需要清除的 Effect (09:27)
视频:3-6 useEffect 可控 effect (11:31)
视频:3-7 自定义 Hook(一) (08:35)
视频:3-8 HOC 的概念和缺点 (05:28)
视频:3-9 自定义Hook(二) (13:19)
第4章 双剑合璧与庖丁解牛 试看6 节 | 42分钟
收起列表
第5章 左侧面板开发10 节 | 106分钟
收起列表
视频:5-2 FileSearch 组件(一) (15:53)
视频:5-3 FileSearch 组件(二) (11:59)
视频:5-6 FileList 组件开发(一) (14:41)
视频:5-7 FileList 组件开发(二) (12:29)
视频:5-10 左侧收尾工作 (12:31)
第6章 右侧面板开发5 节 | 45分钟
收起列表
视频:6-2 TabList 组件代码(一) (14:44)
视频:6-3 TabList 组件代码(二) (11:02)
视频:6-4 选择 MarkDown 编辑器 (06:13)
视频:6-5 引入 easyMDE 编辑器 (07:02)
第7章 功能结合9 节 | 80分钟
本章遵循 React 哲学的最后步骤,从分析应用 state 结构入手,从上至下的给应用添加状态和逻辑处理,然后提出了 flatten state 的概念, 最后用这个概念进化了整个应用的状态。
收起列表
第8章 持久化保存数据8 节 | 75分钟
本章开始进入 Node.js 的世界,使用 FS 模块完成文件的增删改,同时还使用 Electron store 完成文件索引的持久化保存。
收起列表
视频:8-2 FS 模块初试牛刀 (08:55)
第9章 Electron 锦上添花11 节 | 125分钟
本章使用 Electron 提供的模块 – Dialog、Menu、BrowserWindow 等模块进一步进化应用。在这之中,还穿插了 Node.js、DOM 遍历以及操作等一系列知识。
收起列表
第10章 认识七牛云平台9 节 | 94分钟
本章从对象存储云平台简介开始,引出七牛云使用的流程,以及七牛云 SDK 的下载。然后使用 SDK 写一些小 DEMO,最后抽象到一个云文件操作类。
收起列表
第11章 使用 SDK 同步到七牛云12 节 | 102分钟
收起列表
视频:11-4 动态修改菜单项 (09:06)
第12章 应用打包与分发11 节 | 89分钟
本章主要以 MacOS 和 Windows 系统为例,讲解如何通过 Electron Builder 打包 Electron 应用程序。
收起列表
第13章 课程总结1 节 | 8分钟
本课程的回顾与总结。
收起列表
视频:13-1 课程总结 (07:52)