Ethereum and Solidity: Build Dapp with VueJS
1h 45m 9s
English
Paid
Course description
Build Decentralized Application using VueJS and Smart Contracts written in Solidity. Learn how to create simple smart contracts. Learn how to develop Decentralized Applications.
Read more about the course
During the course you will learn:
how to write basic smart contract
how to test contracts in remix - the Ethereum smart contract online editor
how to start a dapp project from scratch
how to install tailwindcss and start using utility first classes
how to config truffle
how to deploy our contract
how to run local blockchain using truffle
how to use VueJS state management(vuex) for managing our dapp state
how to write interactive frontends
how to use web3js library to connect to our local blockchain
Watch Online
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Introduction | 01:29 |
| 2 | Final result | 01:42 |
| 3 | Start writing our smart contract | 10:18 |
| 4 | Finishing our contract | 03:28 |
| 5 | Fix an issue | 02:49 |
| 6 | Deploy contract in Remix | 04:08 |
| 7 | Interact with our smart contract | 04:50 |
| 8 | Redeploy after change | 03:08 |
| 9 | Initialize and configure truffle | 02:55 |
| 10 | Initialize the vuejs application and install dependencies | 03:00 |
| 11 | Install tailwindcss | 03:07 |
| 12 | Deploy the contract | 04:11 |
| 13 | Install Metamask extension | 03:20 |
| 14 | Prepare the javascript proxy class | 04:10 |
| 15 | Initialize Vuex state management | 05:11 |
| 16 | Initialize web3 | 08:59 |
| 17 | Showing Metamask account on the front page | 04:06 |
| 18 | Creating inputs | 03:54 |
| 19 | Creating save button | 01:51 |
| 20 | Logic around submitting the form | 07:15 |
| 21 | Final touches before submitting the form | 01:48 |
| 22 | Invoking the action | 06:37 |
| 23 | Testing the workflow of setting name and age | 02:34 |
| 24 | Persist data when dapp refreshes | 08:58 |
| 25 | Final testing | 01:21 |
Comments
0 commentsSimilar courses
Common Vue.js Mistakes and How to Avoid Them
Sources: vueschool.io
Mistakes are inevitable, but their repetition can be prevented. In this course, we will look at the most common mistakes made by Vue.js developers and find...
1 hour 12 minutes 47 seconds
Using Vue 2 to Create Beautiful SEO-Ready Websites
Sources: coursetro
In this course, I'm going to show you how to create a beautiful, SEO-Friendly website while using Vue. You will be able to create modern websites with seamless page transitions ...
1 hour 48 minutes 11 seconds
The Complete Guide to Data Fetching in Nuxt
Sources: vueschool.io
In the world of Nuxt, there is an amazing variety of options for fetching data in an application. You can block navigation until the loading is complete, or...
1 hour 32 minutes 52 seconds
Want to join the conversation?
Sign in to comment