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
__
Articles
Intro to Web3.js ยท Ethereum Blockchain Developer Crash Course
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)
- web3.js - nodejs - test nest rinkeby - eth smart contract - sendTransaction
- youtube: https://www.youtube.com/watch?v=n9QLsSagUzE&t=423s
Links
For latest updates, please follow and bookmark this page:
https://nnote.cc/s/zeiu8/web3-javascript-resources
Top comments (0)