Web3, Full Stack Solidity, Smart Contract & Blockchain - Beginner to Expert ULTIMATE Course | Javascript Edition
Welcome to the repository for the Ultimate Web3, Full Stack Solidity, and Smart Contract - Beginner to Expert Full Course | Javascript Edition FreeCodeCamp Course!
Link to video: https://www.youtube.com/watch?v=gyMwXuJrbJQ
All code references have both a javascript and a typescript edition.
Recommended Testnet: Sepolia
We have updated the repos to work with Sepolia due to Rinkeby and Kovan being sunset, and Goerli being a disaster. Let us know if any of the changes break stuff!
Main Faucet: https://faucets.chain.link Backup Faucet: https://sepoliafaucet.com/
⚠️ All code associated with this course is for demo purposes only. They have not been audited and should not be considered production ready. Please use at your own risk.
- Github Discussions
- Ask questions and chat about the course here!
- Stack Exchange Ethereum
- Great place for asking technical questions about Ethereum
- StackOverflow
- Great place for asking technical questions overall
Lesson 4: Remix Fund Me
- Introduction
- Sending ETH Through a Function & Reverts
- Chainlink & Oracles
- Review of Sending ETH and working with Chainlink
- Interfaces & Price Feeds
- Importing from GitHub & NPM
- Floating Point Math in Solidity
- Basic Solidity: Arrays & Structs II
- Review of Interfacs, Importing from GitHub, & Math in Solidity
- Libraries
- SafeMath, Overflow Checking, and the "unchecked" keywork
- Basic Solidity: For Loop
- Basic Solidity: Resetting an Array
- Sending ETH from a Contract
- Basic Solidity: Constructor
- Basic Solidity: Modifiers
- Testnet Demo
- Advanced Solidity
Lesson 5: Ethers.js Simple Storage
- Effective Debugging Strategies & Getting Help
- Installation & Setup
- Local Development Introduction
- Tiny Javascript Refresher
- Asynchronous Programming in Javascript
- Compiling our Solidity
- Ganache & Networks
- Introduction to Ethers.js
- Adding Transaction Overrides
- Transaction Receipts
- Sending a "raw" Transaction in Ethersjs
- Interacting with Contracts in Ethersjs
- Environment Variables
- Better Private Key Management
- Optional Prettier Formatting
- Deploying to a Testnet or a Mainnet
- Verifying on Block Explorers from the UI
- Alchemy Dashboard & The Mempool
- Lesson 5 Recap
Lesson 6: Hardhat Simple Storage
- Introduction
- Hardhat Setup
- Hardhat Setup Continued
- Deploying SimpleStorage from Hardhat
- Networks in Hardhat
- Programatic Verification
- Interacting with Contracts in Hardhat
- Artifacts Troubleshooting
- Custom Hardhat Tasks
- Hardhat Localhost Node
- The Hardhat Console
- Hardhat Tests
- Hardhat Gas Reporter
- Solidity Coverage
- Hardhat Waffle
- Lesson 6 Recap
Lesson 7: Hardhat Fund Me
- Introduction
- Hardhat Setup - Fund Me
- Linting
- Hardhat Setup - Fund Me - Continued
- Importing from NPM
- Hardhat Deploy
- Mocking
- Utils Folder
- Testnet Demo - Hardhat Fund Me
- Solidity Style Guide
- Testing Fund Me
- Breakpoints & Debugging
- Gas III:
- console.log & Debugging
- Testing Fund Me II
- Storage in Solidity
- Gas Optimizations using Storage Knowledge
- Solidity Chainlink Style Guide
- Storage Review
- Staging Tests
- Running Scripts on a Local Node
- Adding Scripts to your package.json
- Pushing to GitHub
- 🐸🐦 Tweet Me (add your repo in)!
Lesson 8: HTML / Javascript Fund Me (Full Stack / Front End)
- Introduction
- How Websites work with Web3 Wallets
- HTML Setup
- Connecting HTML to Metamask
- Javascript in it's own file
- ES6 vs Nodejs
- Sending a transaction from a Website
- Resetting an Account in Metamask
- Listening for Events and Completed Transactions
- Input Forms
- Reading from the Blockchain
- Withdraw Function
- Lesson 8 Recap
Lesson 9: Hardhat Smart Contract Lottery
- Introduction
- Hardhat Setup - Smart Contract Lottery
- Raffle.sol Setup
- Introduction to Events
- Events in Raffle.sol
- Introduction to Chainlink VRF
- Implementing Chainlink VRF - Introduction
- Implementing Chainlink VRF - The Request
- Implementing Chainlink VRF - The FulFill
- Introduction to Chainlink Keepers
- Implementing Chainlink Keepers - checkUpkeep
- Implementing Chainlink Keepers - checkUpkeep continued
- Implementing Chainlink Keepers - performUpkeep
- Code Cleanup
- Deploying Raffle.sol
- Raffle.sol Unit Tests
- Hardhat Methods & Time Travel
- Callstatic
- Raffle.sol Staging Tests
- Testing on a Testnet
- Conclusion
- Typescript - Smart Contract Lottery
Lesson 10: NextJS Smart Contract Lottery (Full Stack / Front End)
- Introduction
- NextJS Setup
- Manual Header I
- Manual Header II
- useEffect Hook
- Local Storage
- isWeb3EnabledLoading
- web3uikit
- Introduction to Calling Functions in Nextjs
- useState
- Calling Functions in NextJS
- useNotification
- Reading & Displaying Contract Data
- A Note about
onSuccess - A Challenge to You
- Tailwind & Styling
- Introduction to Hosting your Site
- IPFS
- Hosting on IPFS
- Hosting on IPFS & Filecoin using Fleek
- Filecoin Overview
- Lesson 10 Recap
Lesson 14: Hardhat NFTs (EVERYTHING you need to know about NFTs)
Lesson 15: NextJS NFT Marketplace (If you finish this lesson, you are a full-stack MONSTER!)
- Introduction
- Part I: NFT Marketplace Contracts
- Reentrancy
- Part II: Moralis Front End
- What is Moralis?
- NextJS Setup
- Adding Tailwind
- Introduction to Indexing in Web3
- Connecting Moralis to our Local Hardhat Node
- Moralis Event Sync
- Moralis Cloud Functions
- Moralis Cloud Functions II
- Querying the Moralis Database
- Rendering the NFT Images
- Update Listing Modal
- Buy NFT Listing
- Listing NFTs for Sale
- Part III: TheGraph Front End
More Resources
⌨️ (00:00:00) Lesson 0: Welcome To Blockchain
- Follow the repository: While going through the course be 100% certain to follow along with the github repository. If you run into in an issue check the chronological-updates in the repo.
- Be Active in the community: Ask questions and engage with other developers going through the course in the discussions tab, be sure to go and say hello or gm! This space is different from the other industries, you don't have to be secretive; communicate, network and learn with others :)
- Learn at your own pace: It doesn't matter if it takes you a day, a week, a month or even a year. Progress >>> Perfection
- Take Breaks: You will exhaust your mind and recall less if you go all out and watch the entire course in one sitting. Suggested Strategy every 25 minutes take a 5 min break, and every 2 hours take a longer 30 min break
- Refer to Documentation: Things are constantly being updated, so whenever Patrick opens up some documentation, open it your end and maybe even have the code sample next to you.
⌨️ (00:09:05) Lesson 1: Blockchain Basics
- Bitcoin Whitepaper
- Ethereum Whitepaper
- What is a Smart Contract?
- Nick Szabo
- Hybrid Smart Contracts
- Blockchain Oracles
- Terminology
- Web3
- What is a blockchain
⌨️ (00:18:27) The Purpose of Smart Contracts
- 🎥 Original Video
- 🦬 My ETH Denver Talk
- 🍔 McDonalds Scandal
- ⛓ More on the evolution of agreements
- ✍️ What is a Smart Contract?
- 🧱 How does a blockchain work?
- 🔮 Chainlink & Oracles
⌨️ (00:30:41) Other Blockchain Benefits
- Decentralized
- Transparency & Flexibility
- Speed & Efficiency
- Security & Immutability
- Counterparty Risk Removal
- Trust Minimized Agreements
⌨️ (00:36:36) What have Smart Contracts done so far?
⌨️ (00:39:17) Making Your First Transaction
- Metamask Download Link
- Etherscan
- Sepolia Etherscan
- Sepolia Faucet (Check the link token contracts page)
- NOTE: The Chainlink documentation always has the most up to date faucets on their link token contracts page. If the faucet above is broken, check the chainlink documentation for the most up to date faucet.
- OR, use the Sepolia ETH Faucet, just be sure to swap your metamask to Sepolia!
⌨️ (00:58:59) Gas I: Introduction to Gas
⌨️ (01:05:32) How Do Blockchains Work
⌨️ (01:22:55) Signing Transactions
⌨️ (01:30:22) Gas II: Block Rewards & EIP 1559
- Block Rewards
- Advanced Gas
- EIP 1559
- GWEI, WEI, and ETH
[⌨️ (01:39:32) High-Level Blockchain Fundamentals]https://www.youtube.com/watch?v=gyMwXuJrbJQ&t=5972s()
🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed Blockchain Basics! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊
Lesson 2: Welcome to Remix! Simple Storage
⌨️ (02:01:16) Lesson 2: Welcome to Remix! Simple Storage
💻 Code: https://github.com/PatrickAlphaC/simple-storage-fcc
⌨️ (02:05:18) Setting Up Your First Contract
- Versioning
- Take notes in your code!
- What is a software license
- SPDX License
- Compiling
- Contract Declaration
⌨️ (02:12:28) Basic Solidity Types
- Types & Declaring Variables
uint256,int256,bool,string,address,bytes32- Solidity Types
- Bits and Bytes
- Default Initializations
- Comments
⌨️ (02:18:40) Basic Solidity Functions
- Functions
- Deploying a Contract
- Smart Contracts have addresses just like our wallets
- Calling a public state-changing Function
- Visibility
- Gas III | An example
- Scope
- View & Pure Functions
⌨️ (02:35:30) Basic Solidity Arrays & Structs
- Structs
- Intro to Storage
- Arrays
- Dynamic & Fixed Sized
pusharray function
⌨️ (02:45:35) Basic Solidity Errors & Warnings
- Yellow: Warnings are Ok
- Red: Errors are not Ok
⌨️ (02:46:34) Basic Solidity Memory, Storage, & Calldata (Intro)
- 6 Places you can store and access data
- calldata
- memory
- storage
- code
- logs
- stack
⌨️ (02:50:17) Basic Solidity Mappings
⌨️ (02:53:38) Deploying your First Contract
- A testnet or mainnet
- Connecting Metamask
- Find a faucet here
- See the faucets at the top of this readme!
- Interacting with Deployed Contracts
⌨️ (03:03:07) The EVM & A Recap of Lesson 2
- The EVM
⌨️ (03:05:34) Lesson 3: Remix Storage Factory
💻 Code: https://github.com/PatrickAlphaC/storage-factory-fcc
⌨️ (03:07:29) Importing Contracts into other Contracts
⌨️ (03:16:36) Interacting with other contracts
- To interact, you always need: ABI + Address
- ABI
⌨️ (03:25:23) Inheritance & Overrides
⌨️ (03:31:55) Lesson 4: Remix Fund Me
💻 Code: https://github.com/PatrickAlphaC/fund-me-fcc
- What is a blockchain oracle?
- What is the oracle problem?
- Chainlink
- Chainlink Price Feeds (Data Feeds)
- Chainlink VRF
- Chainlink Keepers
- Chainlink API Calls
- Importing Tokens into your Metamask
- Request and Receive Chainlink Model
- tuple
- Floating Point Numbers in Solidity
- Type Casting
- Gas Estimation Failed
- Someone should make an article explaining this error
- For Loop
/* */is another way to make comments
- Immutable
- Constant
- Current ETH Gas Prices
- Don't stress about gas optimizations! (yet)
- Naming Conventions
🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed Solidity Basics! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊
⌨️ (05:30:42) Lesson 5: Ethers.js Simple Storage
💻 Code: https://github.com/PatrickAlphaC/ethers-simple-storage-fcc
🧪 Alchemy: https://alchemy.com/?a=673c802981
⌨️ (5:30:46) Effective Debugging Stategies & Getting Help
- Tinker and isolate problem
- For this course, take at LEAST 15 minutes to figure out a bug.
- Google / Web Search the Exact problem
- Go to this GitHub Repo / Discussions
- Ask a question on a Forum like Stack Exchange Ethereum or Stack Overflow
- Format your questions!!
- Use Markdown
- WSL
- When working in WSL, use Linux commands instead of Windows commands
- TroubleShooting
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
⚠️ Please use Gitpod as an absolute last resort
- Gitpod
- If using this, NEVER share a private key with real money on Gitpod
- Ideally you figure out the MacOS, Linux, or Windows install though
CMD + KorCTRL + Kclears the terminalmkdir ethers-simple-storage-fcccode .to open VSCode in a new VSCode window
-
Import your
SimpleStorage.sol -
Format your solidity code with:
"[solidity]": {
"editor.defaultFormatter": "NomicFoundation.hardhat-solidity"
},
"[javascript]":{
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
In your .vscode/settings.json file.
- Yarn Install
- solc-js
yarn add solc@0.8.7-fixed
- yarn scripts
- Ganache
- Networks in Metamask
- RPC URL
- Geth
- JSON RPC Spec Playground
- Alchemy
- Getting your private key from Metamask
CTRL + Cstops any terminal command
⌨️ (08:20:17) Lesson 6: Hardhat Simple Storage
💻 Code: https://github.com/PatrickAlphaC/hardhat-simple-storage-fcc
⌨️ (08:29:43) Troubleshooting Hardhat Setup
⌨️ (08:31:48) Hardhat Setup Continued
⌨️ (08:33:10) Deploying SimpleStorage from Hardhat
⌨️ (08:41:44) Networks in Hardhat
⌨️ (08:51:16) Programmatic Verification
⌨️ (09:06:37) Interacting with Contracts in Hardhat
⌨️ (09:09:42) Artifacts Troubleshooting
⌨️ (09:10:52) Custom Hardhat Tasks
⌨️ (09:18:12) Hardhat Localhost Node
⌨️ (09:23:11) The Hardhat Console
⌨️ (09:38:10) Hardhat Gas Reporter
⌨️ (09:44:40) Solidity Coverage
⌨️ (09:52:15) Typescript Hardhat Simple Storage
yarn add --dev @typechain/ethers-v5 @typechain/hardhat @types/chai @types/node @types/mocha ts-node typechain typescript
⌨️ (10:00:48) Lesson 7: Hardhat Fund Me
💻 Code: https://github.com/PatrickAlphaC/hardhat-fund-me-fcc
⌨️ (10:03:41) Hardhat Setup - Fund Me
⌨️ (10:07:47) Hardhat Setup - Fund Me - Continued
⌨️ (10:09:38) Importing from NPM
- Mocking
- Aave Github
- Chainlink Github
- Multiple Versions of Solidity
- Tags in hardhat
⌨️ (10:55:45) Testnet Demo - Hardhat Fund Me
- Hardhat Deploy Block Confirmations
- Code file (TypeScript edition)
- Define blockConfirmations in the
helper-hardhat-config.tsfile instead ofhardhat-config.js.
⌨️ (11:00:10) Solidity Style Guide
- Unit Testing
- Hardhat Deploy Fixtures
- ethers.getContract
- expect
- ethers.utils.parseUnits
- Waffle Chai Matchers
⌨️ (11:30:39) Breakpoints & Debugging
⌨️ (11:36:35) console.log & Debugging
⌨️ (11:37:31) Testing Fund Me II
⌨️ (11:44:34) Storage in Solidity
⌨️ (11:52:38) Gas Optimizations using Storage Knowledge
- Opcodes
- Opcodes by Gas
- Opcodes by Gas
- Append
s_to storage variables - Append
i_to immutable variables - Caps lock and underscore constant variables
⌨️ (12:05:29) Solidity Chainlink Style Guide
⌨️ (12:17:58) Running Scripts on a Local Node
⌨️ (12:22:00) Adding Scripts to your package.json
⌨️ (12:25:17) Pushing to GitHub
- Github Quickstart
- What is Git?
- The quickstart that we follow in the video
- Learn about git and GitHub
⌨️ (12:32:57) Lesson 8: HTML / Javascript Fund Me (Full Stack / Front End)
💻 Code: https://github.com/PatrickAlphaC/html-fund-me-fcc
- Live Server: ExtensionID: ritwickdey.LiveServer
MetaMask - RPC Error:
[ethjs-query] while formatting ouputs from RPC '{"value":{"code":-32603,"data":{"code":-32000,"message":"Nonce too high. Expected nonce to be 2 but got 4. Note that transactions can't be queued when automining."}}}'
⌨️ (13:41:02) Lesson 9: Hardhat Smart Contract Lottery
💻 Code: https://github.com/PatrickAlphaC/hardhat-smartcontract-lottery-fcc
- Install dependencies:
yarn add --dev @nomiclabs/hardhat-ethers@npm:hardhat-deploy-ethers ethers @nomiclabs/hardhat-etherscan @nomiclabs/hardhat-waffle chai ethereum-waffle hardhat hardhat-contract-sizer hardhat-deploy hardhat-gas-reporter prettier prettier-plugin-solidity solhint solidity-coverage dotenv- Install dependencies (Typescript version):
yarn add --dev @nomiclabs/hardhat-ethers@npm:hardhat-deploy-ethers ethers @nomiclabs/hardhat-etherscan @nomiclabs/hardhat-waffle chai ethereum-waffle hardhat hardhat-contract-sizer hardhat-deploy hardhat-gas-reporter prettier prettier-plugin-solidity solhint solidity-coverage dotenv @typechain/ethers-v5 @typechain/hardhat @types/chai @types/node ts-node typechain typescript⌨️ (13:46:55) Raffle.sol Setup
⌨️ (13:54:02) Introduction to Events
⌨️ (14:00:47) Events in Raffle.sol
⌨️ (14:02:30) Introduction to Chainlink VRF
⌨️ (14:09:53) Implementing Chainlink VRF
- block.timestamp
- We use
async functionin the describe blocks at the start, but we correctly take them out later.