开发跨平台桌面应用Electron基础入门——课程介绍

这是《开发跨平台桌面应用Electron基础入门》系列课程的第一章课程介绍,让我们一起来认识一下Electron吧!

第一章 课程介绍

关于Electron

  1. 什么是Electron?

    Electron是一个能让你使用基础的前端技术(Javascript, HTML, CSS)构建一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。
    基础原理: Electron通过将ChromiumNode.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。

  2. Electron能做什么?

    开发跨平台的桌面应用(好像是一句费话)
    扩展前端的应用面,全栈开发;协助开发桌面端的应用,降低桌面应用开发的门槛;真正做到全终端,跨平台;
    重要的是:可以使用原生系统的一些功能,比如,文件访问、窗口菜单、通知消息等,挖掘node的潜能。

  3. 如何学习Electron?

    • 明确开发目标
    • 熟悉开发环境的配置
    • 安装Electron,并上手开发第一款应用
    • 阅读官方文档——刚刚开始的时候,很不好理解
    • 最重要的一点,动手去尝试
    • 总结学习内容,并写下来,或者与大家去分享

      其实,很多新知识的学习,基本上遵循了以上的步骤。

课程介绍

我们的课程会从一个基础的应用开始讲起,以下的知识体系图

Electron基础课脑图

课程中的重点知识点:

  • 基础环境搭建
  • 菜单相关api
  • 打包应用
  • 调试方法

前置环境介绍

对于我们的前端同学来说,大家应该都会有相应的Node开发环境。为了保证大家代码编写后,能与课程中的实现效果一下致,避免不必要的环境不同导致的兼容性问题、减少走坑,建议如下:

寻求帮助&答疑解惑

如何提问?如何寻求帮助?

  • 推荐大家在慕课网的课程下进行问答,方便其他同学也能看到,或者回答。

    依次点击,问答评论,我要发布,我有问题(PS: 如果点击,我要评论,那么这次的提问就不能被回复了~~,切记!!)

  • 问答的格式如下:

    1. 自己的运行环境;
    2. 本课程中的哪个实例操作出如上的错误,操作的流程是什么?!
    3. 什么情况下出现了什么问题,最好有截图;
    4. 如果能够提供在线编辑的代码(JS Bin, codepen, jsfiddle),或者是github项目源码;
    5. 不限于以上资料。
  • 我们会同步推送课程相应章节的博客:可以在博客下面进行评论;
  • 其他渠道的提问方式推荐:
    1. 微博: https://weibo.com/wayearn
    2. twitter: https://twitter.com/forliwei
  • 或者我本人的个人邮件:[email protected]

如何获取课程的源码

我们会同步更新到本课程的代码到:

github项目仓库地址:electron-lessons-demo

gitlab项目仓库地址:electron-lessons-demo

一路前行,感谢有你~~