Building Decentralized Applications for Ethereum: Building the Front End
Ethereum
| Intermediate
- 11 videos | 1h 28m 5s
- Includes Assessment
- Earns a Badge
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.
WHAT YOU WILL LEARN
-
identify the subject areas covered in this courseinstall the JavaScript libraries for React and Drizzle, which enable the building of interactive web applications for Ethereumcode the top-level component of the React client for the Ethereum dAppaccess the properties of a deployed smart contract from a React clientmake calls to functions in a deployed smart contract from a React clientinitialize 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 networkuse the web UI of an Ethereum dApp to test the success scenario of your applicationcreate a new instance of the contract on the Ethereum network for a new crowdfunding campaignsimulate a failed crowdfunding campaign and ensure the app behaves as it is intended toretrieve 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
IN THIS COURSE
-
1.Course Overview2m 31sUP NEXT
-
2.Installing React and Drizzle8m 34s
-
3.Building the React App - The Root Component9m 29s
-
4.Building the React App - Retrieving Contract Data8m 52s
-
5.Building the React App - Contract Interactions8m 19s
-
6.Starting the Web Application9m 2s
-
7.Invoke Transactions from the Web Application7m 45s
-
8.Testing the dApp - the Success Scenario9m 2s
-
9.Redeploying the Contract8m 54s
-
10.Testing the dApp - the Failure Scenario8m 11s
-
11.Exercise: Building dApp UIs7m 26s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.
Digital badges are yours to keep, forever.