React 中的 Solidity 和 Ethereum (Next JS)：完整指南

使用 React 和 Next JS 在 Solidity 和 DApps 中创建真正的智能合约。了解以太坊区块链的工作原理

讲师：Eincode by Filip Jerga，Filip Jerga

独家Udemy付费课程，中英文字幕，课程资料包齐全！

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

你会学到什么

• 在区块链上创建真实的应用程序。
• 轻松构建智能合约和 DApp。
• 以实用有趣的方式理解复杂的以太坊主题
• 获取与任何区块链一起使用的完整工具包。

课程内容

42 个部分• 277 个讲座• 38小时 35 米总长度展开所有部分

介绍2 节课• 15 分钟

应用程序设置3节课• 13 分钟

[AI] 以太坊精华4 节课• 1 小时4 分钟

私有区块链和松露6节课• 53 分钟

[AI] 交易明细5 节课• 56 分钟

访问智能合约8 节课• 1 小时 2 分钟

关于字节码6 节课• 1 小时 10 分钟

智能合约功能3 节课• 20 分钟

[AI] 记忆5 节课• 52 分钟

[人工智能] 存储2节课• 23 分钟

映射4 节课• 25 分钟

[AI] 存储第 2 部分3 节课• 27 分钟

坚固性特征8节课• 53 分钟

元掩码5 节课• 50 分钟

项目 1 申请8 节课• 50 分钟

加载合同8 节课• 44 分钟

项目 1 – 用户体验改进6 节课• 29分钟

[人工智能] 交易4 节课• 47 分钟

[AI] 默克尔树7 节课• 1 小时 44 分钟

项目 2（市场）- Next JS10节课• 1 小时16 分钟

课程相关组件9 节课• 1 小时 3 分钟

Web3 提供者11 节课• 1 小时 21 分钟

挂钩9节课• 51 分钟

网络挂钩11节课• 1 小时11 分钟

命令6 节课• 36分钟

Web3 组件12 节课• 1 小时 35 分钟

完成订单表格8 节课• 1 小时 6 分钟

市场合约8 节课• 1 小时9 分钟

Next JS 中的合约6 节课• 1 小时 8 分钟

拥有的课程6 节课• 52 分钟

风格改进6节课• 55 分钟

自有课程10节课• 1 小时16 分钟

管理课程9 节课• 1 小时22 分钟

单元测试8 节课• 1 小时 8 分钟

激活和停用2 节课• 15 分钟

单元测试 – 第 2 部分7 节课• 58 分钟

停用、重新购买和用户体验12 节课• 1 小时 38 分钟

过滤器5 节课• 37 分钟

撤回功能和测试6 节课• 52 分钟

智能合约部署7 节课• 1 小时 25 分钟

使用 Ropsten 的应用程序7 节课• 1 小时6 分钟

应用部署5 节课• 37 分钟

要求

• React JS 的基础知识。
• 有 HTML 和 CSS 知识很好，但不是必须的。
• 愿意学习从一开始就很难的新概念。

描述

什么是以太坊？

以太坊是一种可以让你向任何人发送加密货币的技术，但首先它还为每个人都可以使用的应用程序提供支持，并且没有人可以删除。这是世界上可编程的区块链。

以太坊建立在比特币的创新之上，但有一些很大的不同。

两者都允许你在没有支付提供商或银行的情况下使用数字货币。但是以太坊是可编程的，所以你也可以将它用于许多不同的数字资产——甚至是比特币！

这也意味着以太坊不仅仅用于支付。这是一个无法窃取你的数据或审查你的金融服务、游戏和应用程序的市场。这是未来。

什么是坚固性？

Solidity 是一种面向对象的高级语言，用于实现智能合约。智能合约是管理以太坊状态内账户行为的程序。

Solidity 是一种花括号语言。它受 C++、Python 和 JavaScript 的影响，旨在针对以太坊虚拟机 (EVM)。你可以在语言影响部分找到有关 Solidity 受到哪些语言启发的更多详细信息。

Solidity 是静态类型的，支持继承、库和复杂的用户定义类型，以及其他功能。

使用 Solidity，你可以创建用于投票、众筹、盲拍和多重签名钱包等用途的合约。

本课程涵盖哪些内容？

该课程涵盖了成为区块链开发人员所需的一切。本课程的学生将从开发人员的角度了解以太坊区块链是什么以及它在基础级别上的工作原理。

学生将学习什么是智能合约以及如何创建它们。智能合约与 dApps（去中心化应用程序）齐头并进。该课程也涵盖了它们。

课程中涵盖的 dApp 前端使用了 React 库和 Next JS 框架。CSS 和设计是在 Bulma 和 Tailwind 框架的帮助下构建的。

在课程中创建了两个真实世界的应用程序。应用程序创建的每个部分都得到了很好的解释和记录。

水龙头应用：

课程的第一次应用。学生将通过实际应用学习以太坊网络的基础知识和核心知识。

应用程序的前端是用 React 库和 Bulma 框架构建的，智能合约的创建使用了 Truffle 开发环境和 Ganache（私有区块链）。

水龙头应用程序将使用户能够从智能合约中捐赠和提取资金。用户将通过 Metamask 钱包连接到区块链网络的网站与智能合约进行交互。

第一个应用程序的目的是涵盖基础知识，同时享受实际工作的乐趣。

这个应用程序回答的最重要的问题是：

• 什么是以太坊（交易、区块链）
• 什么是 EVM（字节码、存储）
• 如何创建智能合约和 dapps
• 如何将智能合约与 React 集成

市场应用：

该应用程序涵盖了交互式市场的创建。该应用程序的客户将使用以太数字货币购买课程（学生可以选择自己选择的产品）。

在前面的应用程序中涵盖了所有基础知识后，重点将放在以太坊网络的实际开发部分。主题将更具挑战性，讲座将更加实用。

第二个应用程序涵盖了大量功能，例如，与美元相比，实时更新以太币和课程价格的市场页面。

模态窗口专用于下订单。电子邮件哈希解决方案，以维护客户的隐私。带有订单过滤和分页等的订单视图。

这个应用程序将在 Next JS 框架中构建，Tailwind 作为 CSS 框架。Next JS 在内部使用 React 库。它使用简单，默认提供 SSR（服务器端渲染）。

SSR 提供​​了很多好处，但在与区块链的集成方面也带来了一些问题。

Next JS 与区块链的整个集成部分都被涵盖、很好地解释和记录。最终的应用程序将部署在互联网上。智能合约将部署到“实时”主网络。

此应用程序中最值得提及的主题是：

• Next js(SSR) 与 Web3 和区块链的集成
• 创建更复杂的智能合约
• 电子邮件哈希和订单验证功能
• 测试解决方案（测试将涵盖智能合约的所有功能）
• 订单的分页和过滤

本课程适用于：

• 对区块链技术感兴趣的初学者和经验丰富的开发人员。
• 人们正在寻找实用的 Solidity/Ethereum/NextJS 开发指南。
• 本课程适合所有渴望了解如何从头开始构建应用程序的人