Scaffold-Eth Quickstart | Web3.0 dApp Dev 0x03
IntroductionScaffold-eth is a template for Ethereum dApp, and a combination of the best dApps. Scaffold-eth can help developers build app with efficiency and less bugs. It is a great resource for beginner developers of web3.0 dApp. Scaffold-eth has the following components:hardhat: run local Ethereum network to deploy and test smart contractReact: build front end with preset UI components and functional hooksAnt: build customized UI and use Bootstrap or other libraries for front endSurge: dep...
eth.build 快速上手 | Web3.0 dApp 开发(一)
Eth.build 是一个聚焦于 Web3.0 的教育型沙盒,具备如下特性——无代码拖拽式编程完全开源可视化地直观地理解以太坊的工作方式主页地址: https://eth.build/ Youtube 学习频道: https://www.youtube.com/playlist?list=PLJz1HruEnenCXH7KW7wBCEBnBLOVkiqIi Repo 地址: https://github.com/austintgriffith/eth.buildEth.build 极速上手加载现成的教学案例点击「learn more」,会弹出很多现成的教学案例,可点击按钮进行加载或查看教学视频!image-20210917102528583image-20210917102633107image-20210917102938705基础操作实践:以以太坊余额抓取为例image-20210917104531017这是一个简单的例子,实现了从以太坊抓取余额的功能。 我们可以通过这个例子来学习eth.build的使用。STEP 0x01. 创建 Text Block通过INPUT>TEX...
Web3.0 dApp Developer Growth Path | Web3.0 dApp Dev 0x02
web3_growth_pathAuthors’ Information:leeduckgo xiaoyue
Scaffold-Eth Quickstart | Web3.0 dApp Dev 0x03
IntroductionScaffold-eth is a template for Ethereum dApp, and a combination of the best dApps. Scaffold-eth can help developers build app with efficiency and less bugs. It is a great resource for beginner developers of web3.0 dApp. Scaffold-eth has the following components:hardhat: run local Ethereum network to deploy and test smart contractReact: build front end with preset UI components and functional hooksAnt: build customized UI and use Bootstrap or other libraries for front endSurge: dep...
eth.build 快速上手 | Web3.0 dApp 开发(一)
Eth.build 是一个聚焦于 Web3.0 的教育型沙盒,具备如下特性——无代码拖拽式编程完全开源可视化地直观地理解以太坊的工作方式主页地址: https://eth.build/ Youtube 学习频道: https://www.youtube.com/playlist?list=PLJz1HruEnenCXH7KW7wBCEBnBLOVkiqIi Repo 地址: https://github.com/austintgriffith/eth.buildEth.build 极速上手加载现成的教学案例点击「learn more」,会弹出很多现成的教学案例,可点击按钮进行加载或查看教学视频!image-20210917102528583image-20210917102633107image-20210917102938705基础操作实践:以以太坊余额抓取为例image-20210917104531017这是一个简单的例子,实现了从以太坊抓取余额的功能。 我们可以通过这个例子来学习eth.build的使用。STEP 0x01. 创建 Text Block通过INPUT>TEX...
Web3.0 dApp Developer Growth Path | Web3.0 dApp Dev 0x02
web3_growth_pathAuthors’ Information:leeduckgo xiaoyue

Subscribe to leeduckgo

Subscribe to leeduckgo
Share Dialog
Share Dialog


<100 subscribers
<100 subscribers
Eth.build is a educational Web3.0 sandbox with following features:
No-code drag and drop programming
Fully open-source
Visualized workflow of Ethereum
Official website:
Youtube playlist:
https://www.youtube.com/playlist?list=PLJz1HruEnenCXH7KW7wBCEBnBLOVkiqIi
Repository:
Click "learn more". You will see a lot of tutorial examples. You can click the button to load and watch the tutorial!
This is a simple demo that realize the feature that get the balance of ETH address.
We can learn the usage of eth.build from this example.
Click INPUT>TEXT to create a text input box. INPUT has a set of input box components.
Click WEB3>BALANCE to create a balance box,WEB3 is a series of realization of ETH Web3 features, which is similar to the realizations in ether.js.
Looking at this block, you can see it is composed of three parts: INPUTS, hidden operation, and OUTPUTS. So, from computer's POV, these blocks can be viewed as a visualization of functions.
We connect Text's output to Balance input, then they are linked.
Copy and paste an address into Text. Oops! Our input of Balance becomes an integer.
Well, that's an integer, cause the unit of the number is wei. We can convert the unit to ETH, so we need to add two more blocks.
"Utils>From Wei" and "DISPLAY>WATCH". Utils is the set of universal components. DISPLAY is the set of output components.
That's all! You finished your first eth.build project, and you can show off in front of all your friends!
SAVE > Share, then you can get a link, send that link to your friend so that they can see the project:
Maybe you want to save the project in your computer for later work.
Click "Save>Download" and "Load>Load From File".
No-code Ethereum blockchain browser:
https://eth.build/build#3c50b1af5fd2956e808ac4d3132a9d063b8e2f9eac3b44d3971fe83165d5d0b8
From this example, we can see some advanced development of eth.build.
By modifying the Properties, we can modify blocks such as BUTTON, WATCH and etc. That will be nicer and customized. For example, I will have 0x01 as the number of click events for the buttons.
By clicking "DISPLAY>TITLE", we can add title to our project.
Apart from that, we can add our contact QR code to the project!
Download QR code from your social media, then convert the QR code to URL by using tools like this(https://www.patrick-wied.at/static/qrgen/), then paste the url into Text. That's it!
Here is the QuickStart of eth.build. It has many more tricks to learn🤩!
Authors’ Information:
Eth.build is a educational Web3.0 sandbox with following features:
No-code drag and drop programming
Fully open-source
Visualized workflow of Ethereum
Official website:
Youtube playlist:
https://www.youtube.com/playlist?list=PLJz1HruEnenCXH7KW7wBCEBnBLOVkiqIi
Repository:
Click "learn more". You will see a lot of tutorial examples. You can click the button to load and watch the tutorial!
This is a simple demo that realize the feature that get the balance of ETH address.
We can learn the usage of eth.build from this example.
Click INPUT>TEXT to create a text input box. INPUT has a set of input box components.
Click WEB3>BALANCE to create a balance box,WEB3 is a series of realization of ETH Web3 features, which is similar to the realizations in ether.js.
Looking at this block, you can see it is composed of three parts: INPUTS, hidden operation, and OUTPUTS. So, from computer's POV, these blocks can be viewed as a visualization of functions.
We connect Text's output to Balance input, then they are linked.
Copy and paste an address into Text. Oops! Our input of Balance becomes an integer.
Well, that's an integer, cause the unit of the number is wei. We can convert the unit to ETH, so we need to add two more blocks.
"Utils>From Wei" and "DISPLAY>WATCH". Utils is the set of universal components. DISPLAY is the set of output components.
That's all! You finished your first eth.build project, and you can show off in front of all your friends!
SAVE > Share, then you can get a link, send that link to your friend so that they can see the project:
Maybe you want to save the project in your computer for later work.
Click "Save>Download" and "Load>Load From File".
No-code Ethereum blockchain browser:
https://eth.build/build#3c50b1af5fd2956e808ac4d3132a9d063b8e2f9eac3b44d3971fe83165d5d0b8
From this example, we can see some advanced development of eth.build.
By modifying the Properties, we can modify blocks such as BUTTON, WATCH and etc. That will be nicer and customized. For example, I will have 0x01 as the number of click events for the buttons.
By clicking "DISPLAY>TITLE", we can add title to our project.
Apart from that, we can add our contact QR code to the project!
Download QR code from your social media, then convert the QR code to URL by using tools like this(https://www.patrick-wied.at/static/qrgen/), then paste the url into Text. That's it!
Here is the QuickStart of eth.build. It has many more tricks to learn🤩!
Authors’ Information:
No activity yet