Web3 - Javascript - Resources

Web3.js is a collection of libraries that allow you to interact with a local or remote ethereum node using HTTP, IPC or WebSocket.

MetaMask is a browser plugin that serves as an Ethereum wallet. Users can store Ether and other ERC-20 tokens in the MetaMask wallet. The wallet can also be used to interact with decentralized applications, or dapps.

This page is a collection of resources, tutorials, guides, articles, etc. for learning Web3 with Javascript.

Last update: 05/21/2021 - Bookmark and come back to this page for more updates later.

Tools / Requirements:

NodeJs
MetaMask (chrome extension) - connect to your test wallets.
Golang - to run some geth commands.
Ganache - local block chain for dev.
VSCode and extensions.

Setups:

Setting up Local block chain using Ganache and MetaMask
- article: https://docs.moralis.io/guides/setting-up-ganache

Articles

Intro to Web3.js · Ethereum Blockchain Developer Crash Course

article: https://www.dappuniversity.com/articles/web3-js-intro

How to send transactions with Web3 and Node.JS?

using web3, @truffle/hdwallet-provider, send transaction
article: https://morioh.com/p/d3ef8b16c770

How to Connect Web3.js to MetaMask in 2021

using window.ethereum.send('eth_requestAccounts')
medium: https://medium.com/valist/how-to-connect-web3-js-to-metamask-in-2020-fee2b2edf58a

Hooks and components to use Moralis in a React app

using react-moralis, useMoralis hook
build A Simple Dap in 3 Mins - https://docs.moralis.io/guides/build-a-simple-dap-in-3-mins-login-part-2
github repo: https://github.com/MoralisWeb3/react-moralis

Tutorial Videos

How to connect smartContract to UI with Metamask(web3 tutorial)

web3.js - web js - metamask - getAccount eth_requestAccounts - test with BNB token - send Eth button - eth_sendTransaction from/to account
youtube: https://www.youtube.com/watch?v=NseL8v9EH_Q

How to send transactions with Web3 and NodeJS? (Backend Blockchain Development)