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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 25 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (25)

#Lesson TitleDurationAccess
1
Introduction Demo
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

Unlock unlimited learning

Get instant access to all 24 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

TypeScript with Vue.js 3

TypeScript with Vue.js 3

Sources: vueschool.io
TypeScript is a super set of the JavaScript language that introduces static typing. In recent years, it's taken the JavaScript community by storm due to it's ab
1 hour 37 minutes 47 seconds
Vue 3 and Laravel: Breaking a Monolith to Microservices

Vue 3 and Laravel: Breaking a Monolith to Microservices

Sources: udemy
Microservices Architecture, Vue 3, Nuxt.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using Vue 3 and Laravel t...
14 hours 4 minutes 43 seconds
The Vue 3 Bootcamp - The Complete Developer Guide

The Vue 3 Bootcamp - The Complete Developer Guide

Sources: udemy
In this course we will take you from a Vue 3 novice to a job ready engineer. This course is loaded with practical projects and examples so that you can truly un
17 hours 31 minutes 14 seconds
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Sources: vueschool.io
Nuxt is meta-framework built on top of Vue. It is the go-to way for creating server rendered apps for Vue and the latest version (v3) includes a huge number of
3 hours 5 minutes 56 seconds
Mastering Nuxt 3

Mastering Nuxt 3

Sources: masteringnuxt.com, vueschool.io
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever
9 hours 56 minutes 5 seconds