登录    注册
  

IT营教程分类

Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程(大地 已更新16讲)

  • 赞助费:¥28元    联系我:点击这里给我发消息    交流群:it营
  • 课程讲师: 大地
  • 适合人群: 初级
  • 主要技术: Electron
  • 更新程度: 已更新16讲
  • 赞助类型: 赞助
  • 用到技术: Electron
  • 涉及项目: Electron跨平台软件开发
  • 购买此商品可使用:0 积分
  • 浏览次数: 1274 次     赞助付款后,在订单列表获取下载地址
  • 购买数量: 商品总价:
  • 举报

浏览历史

课程描述

相关课程

2018年7月Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程试听地址:

 

https://pan.baidu.com/s/1Dol4tP6Jop6MXro0ULVapQ

 

若下载地址失效请联系客服获取,学习交流QQ群:332551360

  

 

Electron介绍:

 

Electron是一个跨平台的桌面应用开发框架,可以让我们用html css js的技术开发跨平台桌面上可以安装的软件。

 

“Electron又为前端开发者谋得了一份好的差事”。

 

想起在网路里流传很广的一句话“不要和老夫说什么C++,Java,老夫行走江湖就靠一把JS,遇到需求撸起袖子就是干”。

 

截止2018-7-3: electron Github的 star已经达到61957,那么他的用户量可能已经有100万了。还有大家知道的github的atom编辑器、微软的vscode编辑器,包括阿里内部的一些软件也是用 electron 开发的。既然这么热,那就一个字大家都在学,你不学(有没有压力啊!!!

  

 

Electron视频教程介绍:

 

当前流行的Html css js跨平台桌面软件开发框架有NW.js和Electron。NW.js和Electron起初是同一个作者开发。后来种种原因分为两个产品。一个命名为NW.js(英特尔公司提供技术支持)、另一命名为Electron(Github公司提供技术支持)。  Electron是由Github开发的一个用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。本Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程由IT营大地老师于2018年7月录制,从零开始一步一步让你学会 Electron基础、 Electron模块、以及 Electron+Vue开发跨平台可以安装的桌面应用。

  

 

Electron视频教程学前须知:

 

为了回馈朋友们对我(大地)的支持,价值几百块钱的教程,现在前100名赞助的会员享受优惠后价格28元/套,前100名-200名的赞助会员享优惠后价格58元/套200名以后的赞助会员享受优惠后价格98元/套。 (总课时预计)本教程基础部分20讲左右,Electron+Vue跨平台桌面软件开项目实战部分15讲左右

 

1.教程类型: Electron视频教程为赞助类型视频,赞助后可以看Electron后续教程(包括后期更新教程)。

  

2.必备基础:学习Electron教程之前需要有Html css js 以及nodejs基础。

 

3.学习说明:每套教程只限一人学习,教程和电脑绑定,下单时,请填写正确的QQ号,赞助后系统自动发货,届时联系客服获取授权码。 

       

4.学习环境:本视频支持win xp和win7 win8 win10 以及苹果mac电脑,不支持虚拟机系统。

  

5.配套资源视频+课件+源码+赞助群

 

  

 

Electron视频教程_Electron+Vue跨平台桌面软件开发视频教程目录介绍:

  

01 Electron 跨平台桌面应用开发介绍 学习前的准备工作(11分58秒)

一、 为什么要学Electron。

二、 基于Nodejs的主流桌面应用开发框架NW.js 和Electron介绍。

三、 Electron详细介绍  

四、 学习前的准备工作

 
02 Electron 安装、使用快速启动demo搭建Electron项目、electron-forge搭建项目(13分58秒)

一、 安装electron

二、 克隆一个仓库快速启动一个项目

三、 手动搭建一个electron项目

四、 electron-forge搭建一个electron项目  


03 手动一步一步创建Electron项目(15分31秒)

04 Electron 运行流程、主进程渲染进程、通过nodejs读取本地文件、开启调试模式(17分20秒)

一、 Electron运行的流程

二、 Electron主进程和渲染进程

三、 Electron渲染进程中通过Nodejs读取本地文件。

四、 Electron开启调试模式

 

05 Electron  调用h5的拖放api 结合nodejs fs实现拖放打开文件功能(10分24秒)

一、 H5拖放api介绍

二、 Electron结合nodejs实现拖放打开文件功能

06 Electron 模块介绍、remove模块、通过BrowserWindow 打开新窗口 (14分37秒)

一、 Electron主进程和渲染进程中的模块(介绍)

二、 Electron remote 模块

三、 Electron 渲染进程中通过remove模块调用主进程中的BrowserWindow 打开新窗口。


07 Electron自定义软件顶部菜单 右键菜单以及 绑定快捷键(24分44秒)

 一、 Electron主进程和渲染进程中的模块(介绍)

 二、 Electron自定义软件顶部菜单以及绑定快捷键

 三、 Electron自定义右键菜单


08 Electron主进程与渲染进程通信(同步通信、异步通信) 以及通过主进程渲染进程通信改造右键菜单demo(18分47秒)

一、 Electron主进程和渲染进程中的模块(介绍)

二、 Electron主进程和渲染进程通信。

 

09  Electron渲染进程与渲染进程之间的通信 BrowserWindow webContents(28分)

一、 LocalStorage实现渲染进程和渲染进程通信

二、 Electron BrowserWindow webContents结合主进程实现渲染进程和渲染进程通信

 

10  Electron Shell 模块以及Electron DOM webview 标签 自定义Menu导航改变webview url(25分3秒)

一、 Electron shell 模块 在用户默认浏览器中打开URL的示例

二、 Electron DOM <webview>  自定义Menu导航改变webview url

 

11  Electron dialog 弹出框 (17分54秒)

一、 错误提示框dialog.showErrorBox  

二、 消息框dialog.showMessageBox 

三、 打开文件提示框dialog.showOpenDialog

四、 保存文件提示框dialog.showSaveDialog

 

12  Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目(一)】顶部菜单、右键菜单(15分10秒)

 

13  Electron简易记事本代码编辑器【小小项目(二)】 打开文件 保存文件(26分50秒)

 

14 Electron简易记事本代码编辑器【小小项目(三)】 新建文件 、打开文件、保存文件(优化)(23分51秒)

 

15 Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目(四)】 设置菜单快捷键、打印文件、退出APP(15分19秒)

 

16 Electron实现一个类似EditPlus的简易记事本代码编辑器【小小项目(五)】使用CodeMirror实现代码高亮(25分46秒)

    

 

更新中......每周更新2-3讲

 

 

 

Electron视频教程已更新目录展示以及部分视频截图:

 

 

 

 

Electron视频截图:

 

 

 

 

 

Electron实现一个类似EditPlus的简易记事本代码编辑器案例效果:

 

 

 

 

 

 

 

 

 

用户评论(共0条评论)

  • 暂时还没有任何用户评论
总计 0 个记录,共 1 页。 第一页 上一页 下一页 最末页
用户名: 匿名用户
E-mail:
评价等级:
评论内容:
验证码: captcha

IT营(itying.com)官网转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和IT营站长联系。
我们会在第一时间内采取措施,避免给双方造 成不必要的损失。

ICP备案证书号:鄂ICP备17020565号-1
© 2005-2018 IT营 版权所有,并保留所有权利。