Building Decentralized Applications for Ethereum: Building the Front End

Ethereum    |    Intermediate
  • 11 videos | 1h 28m 5s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 7 users Rating 4.4 of 7 users (7)
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

  • 2m 31s
  • 8m 34s
    Learn how to install the JavaScript libraries for React and Drizzle, which enable the building of interactive web applications on Ethereum. FREE ACCESS
  • Locked
    3.  Building the React App - The Root Component
    9m 29s
    In this video, learn how to code the top-level component of the React client for the Ethereum decentralized application. FREE ACCESS
  • Locked
    4.  Building the React App - Retrieving Contract Data
    8m 52s
    In this video, you will learn how to access the properties of a deployed smart contract from a React client. FREE ACCESS
  • Locked
    5.  Building the React App - Contract Interactions
    8m 19s
    During this video, you will learn how to make calls to functions in a deployed smart contract from a React client. FREE ACCESS
  • Locked
    6.  Starting the Web Application
    9m 2s
    In this video, you will initialize the React client for the Ethereum decentralized application. FREE ACCESS
  • Locked
    7.  Invoke Transactions from the Web Application
    7m 45s
    In this video, you will learn how to trigger transactions from the web UI of an Ethereum dApp and use Ganache to view the changes recorded on the blockchain network. FREE ACCESS
  • Locked
    8.  Testing the dApp - the Success Scenario
    9m 2s
    In this video, you will use the web UI of an Ethereum dApp to test the success scenario of your application. FREE ACCESS
  • Locked
    9.  Redeploying the Contract
    8m 54s
    During this video, you will learn how to create a new contract instance on the Ethereum network for a new crowdfunding campaign. FREE ACCESS
  • Locked
    10.  Testing the dApp - the Failure Scenario
    8m 11s
    Learn how to simulate a failed crowdfunding campaign and ensure the app behaves as intended. FREE ACCESS
  • Locked
    11.  Exercise: Building dApp UIs
    7m 26s
    In this video, you will 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. 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 Blockchain and Ethereum Smart Contract Solution Development: Dapp Programming with Solidity
Book Blockchain for Hospitality and Tourism: A Guide to the Future
Book Building With Ethereum: Products, Protocols, and Platforms

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Cloud Blockchains: Single Organization Networks on Amazon Managed Blockchain
Rating 4.3 of 7 users Rating 4.3 of 7 users (7)
Course Truffle Suite: BlockBuilding Private Blockchain Networks with Ganache
Rating 4.0 of 4 users Rating 4.0 of 4 users (4)
Course Reactive Programming Using Redux
Rating 4.0 of 53 users Rating 4.0 of 53 users (53)