Electron 和 React JS:使用 Javascript 构建桌面聊天应用程序

使用 Electron 创建 React.js 聊天应用程序。使用 Firebase 作为数据库。第二个应用程序,ChatGPT + Electron 和 Typescript

讲师:Eincode by Filip Jerga

口袋资源独家Udemy付费课程独家中英文字幕配套资料齐全!

不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。

你将学到什么

  • 了解 Electron JS 的工作原理
  • 创建一个“现实生活”的聊天应用程序
  • 使用 Javascript、Html + CSS 创建本机应用程序
  • 了解如何将 React JS 与 Electron 结合使用

要求

  • 需要对 JS(ES6) 和 React JS 有基本了解

描述

电子:

如果您可以构建网站,那么您就可以构建桌面应用程序。Electron 是一个使用 JavaScript、HTML 和 CSS 等 Web 技术创建本机应用程序的框架。它会处理困难的部分,因此您可以专注于应用程序的核心。

反应JS:

React 使创建交互式 UI 变得轻而易举。为应用程序中的每个状态设计简单的视图,当数据发生变化时,React 将有效地更新和渲染正确的组件。

火力基地:

Firebase 为您提供分析、数据库、消息传递和崩溃报告等功能,以便您可以快速行动并专注于您的用户。


课程概述
课程的第一部分介绍了 Electron JS 的基础知识,包括其功能和概念,例如主进程和渲染器进程。React 库将处理应用程序的 UI 部分,Webpack 将负责捆绑源文件。

在第二部分中,将创建多个视图,例如“主页”、“聊天”和“设置”,并将集成路由系统以允许在视图之间导航。学生将学习如何使用 Firestore 查询和操作数据。redux 架构将处理状态管理,将数据存储在 Firestore 数据库中。

第三部分将重点介绍身份验证、创建登录和注册表单以及处理 Firestore 中的错误。只有登录的用户才能完全访问该应用程序。

第四部分将介绍 redux 中间件和通知功能,它将能够检测用户在线/离线状态的变化。

第五部分将重点介绍聊天管理,包括聊天创建和加入功能。将显示用户的在线状态,指示他们是在线还是离线。

在第六部分中,将添加消息传递功能,允许用户编写和发送消息,这些消息将在所有活动客户端之间同步。

第七部分将涉及对 Electron 环境的小调整,包括创建应用程序菜单、添加托盘图标以及更改应用程序图标和启动屏幕。最后的讲座将介绍构建配置,允许将应用程序构建到 Windows、Linux 和 macOS 的可执行文件中。

该课程现在包括一个额外的应用程序,它教学生如何使用 Electron Forge 初始化应用程序。该应用程序是使用 React 和 Typescript 构建的,学生还将获得有关将 ChatGPT 集成到应用程序中的知识。

讲座中涵盖了更多内容,学生将有机会开发他们希望喜欢的应用程序。讲师希望在课程中见到学生。

本课程适合谁:

  • 开发人员正在寻找非常实用的指南
  • 希望利用网络技术(JS、Html、CSS)创建本机应用程序的人
  • 开发人员正在寻求一种简单的方法来创建本机应用程序

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍