Building Decentralized Applications for Ethereum: Building the Front End

Building Decentralized Applications for Ethereum: Building the Front End

Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level

Overview/Description

Delve into development of the front end of a decentralized application (dApp) for Ethereum. In this course, participants discover how to install the JavaScript libraries for React and Drizzle to enable construction of interactive web applications for Ethereum Blockchain solutions. In constructing the React app, learn how to code the top-level component for the Ethereum dApp, access properties, and make calls to functions in a deployed smart contract. Next, learn how to start the web application by initializing the React client for the Ethereum dApp. Invoke transactions from the web UI of an Ethereum dApp and use Ganache to view changes recorded on the blockchain network. Test your application's success by utilizing the web UI of an Ethereum dApp. Then create a new contract on the Ethereum network for a crowdfunding campaign and simulate a failed campaign to test the app. A concluding exercise retrieves a list of accounts and invokes contract functions from MetaMask using a Drizzle instance, after which you will describe how an Ethereum-enabled web app connects to a blockchain network via MetaMask.

Expected Duration (hours)
1.5

Lesson Objectives

Building Decentralized Applications for Ethereum: Building the Front End

identify the subject areas covered in this course

install the JavaScript libraries for React and Drizzle, which enable the building of interactive web applications for Ethereum

code the top-level component of the React client for the Ethereum dApp

access the properties of a deployed smart contract from a React client

make calls to functions in a deployed smart contract from a React client

initialize the React client for the Ethereum dApp

trigger transactions from the web UI of an Ethereum dApp and use Ganache to view the changes recorded on the blockchain network

use the web UI of an Ethereum dApp to test the success scenario of your application

create a new instance of the contract on the Ethereum network for a new crowdfunding campaign

simulate a failed crowdfunding campaign and ensure the app behaves as it is intended to

retrieve a list of accounts from Metamask using a Drizzle instance, invoke contract functions using a Drizzle instance, and describe how an Ethereum-enabled web app connects to a blockchain network via Metamask

Course Number:
it_bcbdaedj_03_enus

Expertise Level
Intermediate