Electron开发仿网易云音乐播放器

Electron开发仿网易云音乐播放器

Electron开发仿网易云音乐播放器

Electron开发仿网易云音乐播放器 1

Electron开发仿网易云音乐播放器 2

课程介绍(A000424):

本课将带你由浅入深掌握Electron这个构建跨平台桌面应用的基本概念和用法,复原从零搭建一个本地音乐播放器的全过程,通过从零开始,一步步完成一个完整的应用,整个过程中穿插了Node.js的第三种玩法和集成浏览器内核的原理,让你轻松高效学会Electron开发。

课程目录:

  • 第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)
  • 第7章 总结与展望1 节 | 8分钟
  • 总结本课程中的核心Electron技术中的重点、难点,基于本课程展望更高阶的Electron课程计划。
  • 收起列表
    • 视频:7-1 总结与展望 (07:12)

文件目录:

Electron开发仿网易云音乐播放器,
│ ├─第1章 进入Electron的世界,
│ │ 1-1 什么是 Electron,.mp4
│ │ 1-2 配置开发环境,.mp4
│ │
│ ├─第2章 第一个Electron应用,
│ │ 2-1 主进程和渲染进程,.mp4
│ │ 2-2 创建 browserWindow,.mp4
│ │ 2-3 进程间通信,.mp4
│ │
│ ├─第3章 播放器应用的演示与分析,
│ │ 3-1 从原型图出发,.mp4
│ │ 3-2 功能流程和文件结构,.mp4
│ │
│ ├─第4章 播放器应用之添加音乐窗口,
│ │ 4-1 从首页样式开始,.mp4
│ │ 4-2 创建添加音乐窗口,.mp4
│ │ 4-3 创建窗口类,.mp4
│ │ 4-4 使用Dialog模块添加音乐文件,.mp4
│ │ 4-5 展示添加的文件列表,.mp4
│ │ 4-6 使用Electron Store持久化数据,.mp4
│ │ 4-7 音乐持久化存储类,.mp4
│ │ 4-8 使用存储类保存数据,.mp4
│ │
│ ├─第5章 播放器应用之播放器窗口,
│ │ 5-1 获取数据渲染主窗口列表之概念,.mp4
│ │ 5-2 获取数据渲染主窗口列表之编码,.mp4
│ │ 5-3 播放音乐难点分析,.mp4
│ │ 5-4 主窗口播放音乐编码(上),.mp4
│ │ 5-5 主窗口播放音乐编码(下),.mp4
│ │ 5-6 添加音乐播放器状态(上),.mp4
│ │ 5-7 添加音乐播放器状态(下),.mp4
│ │
│ ├─第6章 应用打包与分发,
│ │ 6-1 安装Electron Builder,.mp4
│ │ 6-2 添加Electron Builder配置文件,.mp4
│ │ 6-3 在MacOS平台打包程序,.mp4
│ │
│ └─第7章 总结与展望,
│ 7-1 总结与展望,.mp4

点击获取课程资源:Electron开发仿网易云音乐播放器

https://zy.98ke.com/zyjn/54142.html?ref=7

好牛新坐标

发布者:知识学院,火焰兔收录并登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。https://huoyantu.com/240832.html

版权声明:

  • 火焰兔遵守相关法律法规,由于本站资源全部来源于网络程序/用户发布/投稿,故量太大无法一一准确核实资源侵权的真实性;
  • 出于传递信息之目的,故火焰兔可能会误刊发损害或影响您的合法权益,请您积极与我们联系处理(所有内容不代表本站观点与立场);
  • 因时间、精力有限,我们无法一一核实每一条消息的真实性,但我们会在发布之前尽最大努力来核实这些信息;
  • 无论出于何种目的要求本站删除内容,您均需要提供根据国家版权局发布的示范格式 《要求删除或断开链接侵权网络内容的通知》

    国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明:http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
    请按照此通知格式填写(或提供具有法律效应且证据链完整的证明)发至本站的邮箱 huoyantu@qq.com
    (收到核实后 24小时内绝对处理)
  • (0)
    知识学院的头像知识学院作者
    上一篇 2022年11月15日 下午6:24
    下一篇 2022年11月15日 下午6:24

    你可能喜欢的文章

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注

    火焰兔欢迎您!