Solidity & Ethereum with React/Next – Complete Guide (2023)
Solidity 和以太坊与 React/Next – 完整指南 (2023)
Build Smart Contracts in Solidity and Web3 DApps with React/Next. Understand Ethereum, Polygon, Hardhat and Ganache.
使用React/Next在Solidity和Web 3 DApps中构建智能合约。了解Ethereum,Polygon,Hardhat和Ganache。
教程演示🔗
你将学到什么
-
在区块链上创建现实生活中的应用程序。
-
轻松构建智能合约和 DApp。
-
以实用且有趣的方式理解复杂的以太坊主题
-
获取可与任何区块链配合使用的完整工具包。
要求
-
React JS 基础知识。
-
拥有 HTML 和 CSS 知识很好,但不是必须的。
描述
这门课程涵盖什么内容?
该课程涵盖了成为区块链开发人员所需的一切。本课程的学生将了解什么是以太坊区块链以及它如何在基础层面上以及从开发人员的角度工作。
学生将学习什么是智能合约以及如何创建智能合约。智能合约与 dApp(去中心化应用程序)齐头并进。本课程也涵盖了它们。
课程中介绍的 dApp 前端使用 React 库和 Next JS 框架。CSS 和设计是在 Bulma 和 Tailwind 框架的帮助下构建的。
课程中创建了三个实际应用程序。
Faucet 应用程序:这个简单的应用程序包含 React JS、Solidity 和 Ganache。它介绍了基础知识。
市场:这个高级应用程序涉及 Next JS、Solidity 和 Ganache,以及部署到实际的区块链。
Adopt Pet:重点关注 React JS 的奖励部分,该部分利用 Hardhat 来管理智能合约并将其部署到 Polygon 网络。
应用程序创建的每个部分都有很好的解释和记录。
水龙头应用:
课程中的初始应用为学生提供了学习以太坊网络基础知识和核心概念的实践经验。
该应用程序的前端是使用 React 库和 Bulma 框架开发的。Truffle 开发环境和 Ganache(私有区块链)用于创建智能合约。
水龙头应用程序允许用户从智能合约中捐赠和提取资金。用户可以通过 Metamask 钱包连接到区块链网络的网站与智能合约进行交互。
第一个应用程序的主要目标是提供实用的学习体验,同时以有趣的方式涵盖基础知识。
该应用程序解决了几个基本问题,包括:
-
了解以太坊、交易和区块链。
-
探索 EVM(以太坊虚拟机)及其组件,例如字节码和存储。
-
学习如何创建智能合约和去中心化应用程序 (dapp)。
-
探索将智能合约与 React 集成的过程。
市场应用:
该应用程序专注于构建一个交互式市场,客户可以使用以太数字货币购买课程,让学生选择他们喜欢的产品。
在介绍了之前应用程序中的基础知识后,现在的重点转向以太坊网络内的实际开发。主题变得更具挑战性,讲座围绕实际编码方面展开。
第二个应用程序包含各种功能,包括一个市场页面,该页面显示以太币的实时更新以及与美元相比的课程价格。此外,还有一个用于下订单的专用模式窗口、一个用于保护客户隐私的电子邮件哈希解决方案、一个具有过滤和分页选项的订单视图等等。
该应用程序的开发采用了Next JS框架,Tailwind作为CSS框架。Next JS 在内部利用 React 库,提供易用性和默认的服务器端渲染 (SSR) 功能。
虽然 SSR 带来了许多好处,但它也给与区块链的集成带来了一些挑战。但是,Next JS 与区块链的整个集成过程被全面覆盖、解释和记录。最终的应用程序将部署在互联网上,智能合约将部署在实时的Sepolia测试网络上。
本应用程序涵盖的值得注意的主题包括:
-
将 Next JS(带有 SSR)与 Web3 和区块链集成。
-
开发更复杂的智能合约。
-
实施电子邮件哈希和订单验证功能。
-
提供涵盖智能合约各个方面的测试解决方案。
-
启用订单分页和过滤。
领养宠物申请:
作为附加组件,本部分巩固了您在课程中获得的知识并将其应用到 React JS 应用程序中。Hardhat 用于智能合约管理,确保干净、简单的应用程序架构。
重点是最小的设计和简单性。在本节结束时,您将有机会将智能合约部署到 Polygon 区块链。
什么是以太坊?
以太坊是一种可以让你向任何人发送加密货币的技术,但首先,它还为每个人都可以使用且没有人可以删除的应用程序提供支持。这是世界上可编程的区块链。
以太坊建立在比特币的创新之上,但也有一些很大的差异。
两者都可以让您在没有支付提供商或银行的情况下使用数字货币。但以太坊是可编程的,因此您可以将其用于许多数字资产 – 甚至是比特币!
这也意味着以太坊不仅仅用于支付。这是一个金融服务、游戏和应用程序的市场,无法窃取或审查您的数据。这是未来。
什么是坚固性?
Solidity 是一种用于实现智能合约的面向对象的高级语言。智能合约是管理以太坊状态内账户行为的程序。
Solidity 是一种花括号语言。它受到 C++、Python 和 JavaScript 的影响,旨在针对以太坊虚拟机 (EVM)。
Solidity 是静态类型的,支持继承、库和复杂的用户定义类型等功能。
借助 Solidity,您可以创建用于投票、众筹、盲拍和多重签名钱包等用途的合约。
本课程适合谁:
- 对区块链技术感兴趣的初学者和经验丰富的开发人员。
- 人们正在寻找实用的 Solidity/Ethereum/NextJS 开发指南。
- 本课程适合所有渴望了解如何从头开始构建应用程序的人