Building Decentralized Applications for Ethereum: Building the Front End

Ethereum    |    Intermediate
  • 11 videos | 1h 28m 5s
  • Includes Assessment
  • Earns a Badge
Likes 6 Likes 6
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 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

IN THIS COURSE

  • Playable
    1. 
    Course Overview
    2m 31s
    UP NEXT
  • Playable
    2. 
    Installing React and Drizzle
    8m 34s
  • Locked
    3. 
    Building the React App - The Root Component
    9m 29s
    FREE ACCESS
  • Locked
    4. 
    Building the React App - Retrieving Contract Data
    8m 52s
    FREE ACCESS
  • Locked
    5. 
    Building the React App - Contract Interactions
    8m 19s
    FREE ACCESS
  • Locked
    6. 
    Starting the Web Application
    9m 2s
    FREE ACCESS
  • Locked
    7. 
    Invoke Transactions from the Web Application
    7m 45s
    FREE ACCESS
  • Locked
    8. 
    Testing the dApp - the Success Scenario
    9m 2s
    FREE ACCESS
  • Locked
    9. 
    Redeploying the Contract
    8m 54s
    FREE ACCESS
  • Locked
    10. 
    Testing the dApp - the Failure Scenario
    8m 11s
    FREE ACCESS
  • Locked
    11. 
    Exercise: Building dApp UIs
    7m 26s
    FREE ACCESS

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.

YOU MIGHT ALSO LIKE

Book Ethereum for Dummies
Course Ethereum Smart Contracts with Solidity: An Overview of Ethereum and Solidity
Likes 21 Likes 21  
Course Ethereum Smart Contracts with Solidity: Ether Transfer Operations in Solidity
Likes 16 Likes 16