收藏

深度实战Electron,开发本地音乐播放器

开发你的第一个桌面系统应用,多个技术难点一网打尽

深度实战Electron,开发本地音乐播放器

3人拼团 1.00 原价¥69.00
难度 初级 时长 3小时50分钟 学习人数 1024 综合评分 9.73

深度实战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)
  • 第7章 总结与展望 1 节 | 8分钟

    总结本课程中的核心Electron技术中的重点、难点,基于本课程展望更高阶的Electron课程计划。

    收起列表

    • 视频: 7-1 总结与展望 (07:12)
本课程已完结


讲师

张轩 Web前端工程师

曾在Apple、百度担任高级前端开发工程师,是《React全栈:Redux Flux webpack Babel整合开发》该书作者,拥有丰富的Web开发经验,喜欢追寻新技术,同时致力于前端工程化,并且有大型SPA项目的架构及开发经验。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题