课程介绍：
Electron 作为一个成熟的前端轻框架，已经受到众多主流桌面系统青睐。本课将带你由浅入深掌握 Electron 这个构建跨平台桌面应用的基本概念和用法，复原从零搭建一个本地音乐播放器的全过程。通过从零开始，一步步完成一个完整的应用，整个过程中穿插了 Node.js 的第三种玩法和集成浏览器内核的原理，让你轻松高效学会 Electron 开发。
课程目录：
-
第1章 Electron 的世界2 节 | 12分钟
Electron是全球最大的技术社区GitHub推出的使用HTML、CSS和JavaScript构建跨平台的桌面应用框架。本章主要讲解什么是Electron以及配置Electron的开发环境。
- 视频：1-1 什么是 Electron (06:29)
- 视频：1-2 配置开发环境 (04:33)
-
第2章 第一个Electron应用3 节 | 31分钟
本章通过第一个简单的Electron Demo讲解Electron中最核心的主进程与渲染进程、browserWindow以及进程之间的通信等内容。
- 视频：2-1 主进程和渲染进程 (07:14)
- 视频：2-2 创建 browserWindow (12:42)
- 视频：2-3 进程间通信 (10:37)
-
第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:24)
- 视频：4-4 使用 Dialog 模块添加音乐文件 (09:14)
- 视频：4-5 展示添加的文件列表 (11:19)
- 视频：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)
本课程已完结
阅读全文
常见问题
是否支持单个资源购买？
答：点击“立即购买”，即是单个资源购买。
开通VIP会员后，是否支持全部资源下载，如何开通VIP会员？
答：点击“升级VIP”按钮，支付完成后即可开通VIP会员，VIP会员支持全站课程免费下载。
链接失效怎么办？
答：联系客服QQ：630965719，获取最新下载链接。
原文链接：https://www.itspxx.com/qdkf/css/2072/，转载请注明出处。
评论0