使用 Electron 开发桌面应用程序:完整的开发人员指南

Electron 是由 Github 开发的开源框架,它允许使用 HTML/Javascript/CSS 开发同时支持 Linux/Windows/Mac 的桌面应用程序,当下许多知名桌面应用程序如 Atom,Slack 都是基于 Electron 所开发,透过这堂课,你将会跟随著 Stephen 使用 Web 开发技术创建 4 个桌面应用程序,让你的技术不再局限于浏览器,增加不同的视野。

繁體中文課程介紹

从这 8 小时的课程,你会学到

  • 学习如何使用 Web 开发技术制作像是原生( native )的应用程序
  • 使用 Electron JS 掌握开发的复杂性
  • 使用单一的代码基底( codebase ) 开发出在 MacOS 和 Windows 上运行良好的应用程序
  • 开发传统的单一窗口应用程序和系统列( tray-based) 的应用程序
  • 解如何将 React 和 Redux 等现有技术集成到 Electron JS 应用程序中
  • 使用桌面应用程序创建可获利的业务,因为市场竞争激烈 ( 译注 : 多支持一种平台等于多增取一些用户)

需求

说明

将你的网页开发技能从浏览器中走出来!本课程将教你制作第一大畅销桌面应用程序所需的技术主题。


什么是 Electron?

Electron 是使用你已经知道的现有网页开发技术(例如 HTML,CSS 和 JavaScript)编写基于桌面应用程序的优雅解决方案。Electron 已被 AtomSlack 和 Discord 等非常流行的应用程序所采用。

谁建构桌面应用程序?

在过去十年中,从桌面到手机都有巨大的转变,但是结果是,创建桌面应用程序的机会很大,因为所有其他开发人员已经转移到建构手机设备上了!,你可以使用花几天时间建构的应用程序轻松地进入 MacOS 商店的首页 – 这不会在手机设备上发生!你将在本课程中建构的最后一个应用程序可以轻松调整后就连到一个首页的应用程序。

你会创建什么?

我所有的课程都是“做中学”:没有无聊的无终止讲座与 Powerpoint,只有当场,交互编程的范例。在这个课程中,我们将构建四个单独的应用程序,其复杂程度越来越高,每个应用程序都将配置 Electron 的不同功能。透过将每个概念都放入真实的应用程序中,你将更好地了解何时使用每个独特而强大的功能。

MacOS 和 Windows 两个平台都支持!


你将要创建的应用程序

  • 视频文件分析器。学习如何使用第一个应用程序操作操作系统的底层,你将在其中建构一个分析视频文件的工具,由 FFMPEG CLI 工具支持。此应用程序将让您熟悉 Electron,以及理解如何建构基本应用程序。
  • 穿越窗户待办事项:好的,一个待办事项应用程序,我知道,但是你会学习如何使用 Electron 操作多个窗口,以及客制化顶端的菜单( menu bar )。更多的重点放在 MacOS 和 Windows 之间的跨平台体验。
  • 系统列定时器。建构一个经典的基于系统列( system-tray )的应用程序 – 这是以桌面上的时钟作为图标存在的应用程序类型。你将学习如何为普通的 Electron 应用程序添加许多的优雅界面,这将使你的用户认为他们使用完全原生应用程序的体验。
  • 视频文件转换器。制作一个可以将视频文件转换为任何其他格式的应用程序。具有完全相同功能的现有应用程序在 MacOS 商店中售价为10美元。这个工具是非常有用的,是我每天自己使用的工具!

这是我们将要学习的:

  • 学习 Electron 背后的理论和历史
  • 使用可重复的流程建构复杂的桌面应用程序
  • 组合经典的桌面应用程序和常驻系统工具列 ( tray-based )应用程序
  • 打磨你的 Electron 应用程序界面,使它们感觉更像原生程序
  • 回避与 Electron 有关的常见陷阱

我已经创建了当时我在学习 Electron 时我想要的课程。一个课程,以最佳顺序解释概念及其实现方式,让你学习和深入了解他们。

目标受众

  • 任何谁想要创建引人注目的原生桌面应用程序的人

讲师介绍

Stephen Grider一直为旧金山湾区的顶级公司构建复杂的 JavaScript 前端应用程序。他具有简化复杂主题的天赋,Stephen 一直在指导工程师开始软件开发职业生涯有多年经验,目前将这种体验扩展到了 Udemy,创造最高评价反应的课程。他在 Udemy 教授课程并分享了他与其他/她软件工程师获得的知识。通过向 Stephen 的课程学习投资自己吧!

英文字幕 : 有

想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To


课程网址  ♥找优惠折扣码?

Sponsored by Udemy

♥欢迎关注 Soft & Share 微博

 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: