Skip to content

Learn Blockchain, Solidity, and Full Stack Web3 Development with Javascript

Notifications You must be signed in to change notification settings

foggyoutside/full-blockchain-solidity-course-js

 
 

Repository files navigation

Web3, Full Stack Solidity, Smart Contract & Blockchain - Beginner to Expert ULTIMATE Course | Javascript Edition


Solidity, Blockchain, and Smart Contract Course – Beginner to Expert Javascript Tutorial


Welcome to the repository for the Ultimate Web3, Full Stack Solidity, and Smart Contract - Beginner to Expert Full Course | Javascript Edition FreeCodeCamp Course!

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.

Resources For This Course

Questions

Table of Contents

Resources
  1. Testnet Faucets
  2. Resources For This Course
  3. Table of Contents
Lesson 0: The Edge of the Rabbit Hole
  1. Welcome to the course!
  2. Best Practices
Lesson 1: Blockchain Basics
  1. What is a Blockchain? What does a blockchain do?
  2. The Purpose Of Smart Contracts
  3. Other Blockchain Benefits
  4. What have Smart Contracts done so far?
  5. Making Your First Transaction
  6. Gas I: Introduction to Gas
  7. How Do Blockchains Work?
  8. Signing Transactions
  9. Gas II
  10. High-Level Blockchain Fundamentals
Lesson 2: Welcome to Remix! Simple Storage
  1. Introduction
  2. Setting Up Your First Contract
  3. Basic Solidity: Types
  4. Basic Solidity: Functions
  5. Basic Solidity: Arrays & Structs
  6. Basic Solidity: Compiler Errors and Warnings
  7. Memory, Storage, Calldata (Intro)
  8. Mappings
  9. Deploying your First Contract
  10. The EVM & A Recap of Lesson 2
Lesson 3: Remix Storage Factory
  1. Introduction
  2. Basic Solidity: Importing Contracts into other Contracts
  3. Basic Solidity: Interacting with other Contracts
  4. Basic Solidity: Inheritance & Overrides
  5. Lesson 3 Recap
Lesson 4: Remix Fund Me
  1. Introduction
  2. Sending ETH Through a Function & Reverts
  3. Chainlink & Oracles
  4. Review of Sending ETH and working with Chainlink
  5. Interfaces & Price Feeds
  6. Importing from GitHub & NPM
  7. Floating Point Math in Solidity
  8. Basic Solidity: Arrays & Structs II
  9. Review of Interfacs, Importing from GitHub, & Math in Solidity
  10. Libraries
  11. SafeMath, Overflow Checking, and the "unchecked" keywork
  12. Basic Solidity: For Loop
  13. Basic Solidity: Resetting an Array
  14. Sending ETH from a Contract
  15. Basic Solidity: Constructor
  16. Basic Solidity: Modifiers
  17. Testnet Demo
  18. Advanced Solidity
Lesson 5: Ethers.js Simple Storage
  1. Effective Debugging Strategies & Getting Help
  2. Installation & Setup
  3. Local Development Introduction
  4. Tiny Javascript Refresher
  5. Asynchronous Programming in Javascript
  6. Compiling our Solidity
  7. Ganache & Networks
  8. Introduction to Ethers.js
  9. Adding Transaction Overrides
  10. Transaction Receipts
  11. Sending a "raw" Transaction in Ethersjs
  12. Interacting with Contracts in Ethersjs
  13. Environment Variables
  14. Better Private Key Management
  15. Optional Prettier Formatting
  16. Deploying to a Testnet or a Mainnet
  17. Verifying on Block Explorers from the UI
  18. Alchemy Dashboard & The Mempool
  19. Lesson 5 Recap
Lesson 6: Hardhat Simple Storage
  1. Introduction
  2. Hardhat Setup
  3. Hardhat Setup Continued
  4. Deploying SimpleStorage from Hardhat
  5. Networks in Hardhat
  6. Programatic Verification
  7. Interacting with Contracts in Hardhat
  8. Artifacts Troubleshooting
  9. Custom Hardhat Tasks
  10. Hardhat Localhost Node
  11. The Hardhat Console
  12. Hardhat Tests
  13. Hardhat Gas Reporter
  14. Solidity Coverage
  15. Hardhat Waffle
  16. Lesson 6 Recap
Lesson 7: Hardhat Fund Me
  1. Introduction
  2. Hardhat Setup - Fund Me
  3. Linting
  4. Hardhat Setup - Fund Me - Continued
  5. Importing from NPM
  6. Hardhat Deploy
  7. Mocking
  8. Utils Folder
  9. Testnet Demo - Hardhat Fund Me
  10. Solidity Style Guide
  11. Testing Fund Me
  12. Breakpoints & Debugging
  13. Gas III:
  14. console.log & Debugging
  15. Testing Fund Me II
  16. Storage in Solidity
  17. Gas Optimizations using Storage Knowledge
  18. Solidity Chainlink Style Guide
  19. Storage Review
  20. Staging Tests
  21. Running Scripts on a Local Node
  22. Adding Scripts to your package.json
  23. Pushing to GitHub
  24. 🐸🐦 Tweet Me (add your repo in)!
Lesson 8: HTML / Javascript Fund Me (Full Stack / Front End)
  1. Introduction
  2. How Websites work with Web3 Wallets
  3. HTML Setup
  4. Connecting HTML to Metamask
  5. Javascript in it's own file
  6. ES6 vs Nodejs
  7. Sending a transaction from a Website
  8. Resetting an Account in Metamask
  9. Listening for Events and Completed Transactions
  10. Input Forms
  11. Reading from the Blockchain
  12. Withdraw Function
  13. Lesson 8 Recap
Lesson 9: Hardhat Smart Contract Lottery
  1. Introduction
  2. Hardhat Setup - Smart Contract Lottery
  3. Raffle.sol Setup
  4. Introduction to Events
  5. Events in Raffle.sol
  6. Introduction to Chainlink VRF
  7. Implementing Chainlink VRF - Introduction
  8. Implementing Chainlink VRF - The Request
  9. Implementing Chainlink VRF - The FulFill
  10. Introduction to Chainlink Keepers
  11. Implementing Chainlink Keepers - checkUpkeep
  12. Implementing Chainlink Keepers - checkUpkeep continued
  13. Implementing Chainlink Keepers - performUpkeep
  14. Code Cleanup
  15. Deploying Raffle.sol
  16. Raffle.sol Unit Tests
  17. Hardhat Methods & Time Travel
  18. Callstatic
  19. Raffle.sol Staging Tests
  20. Testing on a Testnet
  21. Conclusion
  22. Typescript - Smart Contract Lottery
Lesson 10: NextJS Smart Contract Lottery (Full Stack / Front End)
  1. Introduction
  2. NextJS Setup
  3. Manual Header I
  4. Manual Header II
  5. useEffect Hook
  6. Local Storage
  7. isWeb3EnabledLoading
  8. web3uikit
  9. Introduction to Calling Functions in Nextjs
  10. useState
  11. Calling Functions in NextJS
  12. useNotification
  13. Reading & Displaying Contract Data
  14. A Note about onSuccess
  15. A Challenge to You
  16. Tailwind & Styling
  17. Introduction to Hosting your Site
  18. IPFS
  19. Hosting on IPFS
  20. Hosting on IPFS & Filecoin using Fleek
  21. Filecoin Overview
  22. Lesson 10 Recap
Lesson 11: Hardhat Starter Kit
Lesson 12: Hardhat ERC20s
  1. What is an ERC? What is an EIP?
  2. What is an ERC20?
  3. Manually Creating an ERC20 Token
  4. Creating an ERC20 Token with Openzeppelin
  5. Lesson 12 Recap
Lesson 13: Hardhat DeFi & Aave
  1. What is DeFi?
  2. What is Aave?
  3. Programatic Borrowing & Lending
  4. WETH - Wrapped ETH
  5. Forking Mainnet
  6. Depositing into Aave
  7. Borrowing from Aave
  8. Repaying with Aave
  9. Visualizing the Transactions
  10. Lesson 13 Recap
  11. Happy Bow-Tie Friday with Austin Griffith
Lesson 14: Hardhat NFTs (EVERYTHING you need to know about NFTs)
  1. What is an NFT?
  2. Code Overview
  3. Hardhat Setup
  4. Basic NFT
  5. Random IPFS NFT
  6. Dynamic SVG On-Chain NFT
  7. Advanced: EVM Opcodes, Encoding, and Calling
  8. Deploying the NFTs to a Testnet
  9. Lesson 14 Recap
Lesson 15: NextJS NFT Marketplace (If you finish this lesson, you are a full-stack MONSTER!)
  1. Introduction
  2. Part I: NFT Marketplace Contracts
  3. Reentrancy
  4. Part II: Moralis Front End
  5. Part III: TheGraph Front End
Lesson 16: Hardhat Upgrades
  1. Upgradeable Smart Contracts Overview
  2. Types of Upgrades
  3. Delegatecall
  4. Small Proxy Example
  5. Transparent Upgradeable Smart Contract
Lesson 17: Hardhat DAOs
  1. Introduction
  2. What is a DAO?
  3. How to build a DAO
Lesson 18: Security & Auditing
  1. Introduction
  2. Slither
  3. Fuzzing and Eth Security Toolbox
  4. Closing Thoughts
More Resources

Lesson 0: The Edge of the Rabbit Hole

Welcome to the course!

⌨️ (00:00:00) Lesson 0: Welcome To Blockchain

Best Practices

  • 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.

Lesson 1: Blockchain Basics

⌨️ (00:09:05) Lesson 1: Blockchain Basics

What is a Blockchain? What does a blockchain do?

The Purpose Of Smart Contracts

⌨️ (00:18:27) The Purpose of Smart Contracts

Other Blockchain Benefits

⌨️ (00:30:41) Other Blockchain Benefits

  • Decentralized
  • Transparency & Flexibility
  • Speed & Efficiency
  • Security & Immutability
  • Counterparty Risk Removal
  • Trust Minimized Agreements

What have Smart Contracts done so far?

⌨️ (00:36:36) What have Smart Contracts done so far?

Making Your First Transaction

⌨️ (00:39:17) Making Your First Transaction

Gas I: Introduction to Gas

⌨️ (00:58:59) Gas I: Introduction to Gas

How Do Blockchains Work?

⌨️ (01:05:32) How Do Blockchains Work

Signing Transactions

⌨️ (01:22:55) Signing Transactions

Gas II

⌨️ (01:30:22) Gas II: Block Rewards & EIP 1559

Gas II Summary

⌨️ (01:36:44) Gas II Summary

High-Level Blockchain Fundamentals

[⌨️ (01:39:32) High-Level Blockchain Fundamentals]https://www.youtube.com/watch?v=gyMwXuJrbJQ&t=5972s()

🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed Blockchain Basics! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊

⌨️ (02:01:16) Lesson 2: Welcome to Remix! Simple Storage

💻 Code: https://github.com/PatrickAlphaC/simple-storage-fcc

Introduction

⌨️ (02:03:05) Introduction

Setting Up Your First Contract

⌨️ (02:05:18) Setting Up Your First Contract

Basic Solidity: Types

⌨️ (02:12:28) Basic Solidity Types

Basic Solidity: Functions

⌨️ (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

Basic Solidity: Arrays & Structs

⌨️ (02:35:30) Basic Solidity Arrays & Structs

  • Structs
  • Intro to Storage
  • Arrays
  • Dynamic & Fixed Sized
  • push array function

Basic Solidity: Compiler Errors and Warnings

⌨️ (02:45:35) Basic Solidity Errors & Warnings

  • Yellow: Warnings are Ok
  • Red: Errors are not Ok

Memory, Storage, Calldata (Intro)

⌨️ (02:46:34) Basic Solidity Memory, Storage, & Calldata (Intro)

  • 6 Places you can store and access data
    • calldata
    • memory
    • storage
    • code
    • logs
    • stack

Mappings

⌨️ (02:50:17) Basic Solidity Mappings

Deploying your First Contract

⌨️ (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

The EVM & A Recap of Lesson 2

⌨️ (03:03:07) The EVM & A Recap of Lesson 2

  • The EVM

Lesson 3: Remix Storage Factory

⌨️ (03:05:34) Lesson 3: Remix Storage Factory

💻 Code: https://github.com/PatrickAlphaC/storage-factory-fcc

Introduction

⌨️ (03:06:06) Introduction

Basic Solidity: Importing Contracts into other Contracts

⌨️ (03:07:29) Importing Contracts into other Contracts

Basic Solidity: Interacting with other Contracts

⌨️ (03:16:36) Interacting with other contracts

  • To interact, you always need: ABI + Address
  • ABI

Basic Solidity: Inheritance & Overrides

⌨️ (03:25:23) Inheritance & Overrides

Lesson 3 Recap

⌨️ (03:30:29) Lesson 3 Recap

Lesson 4: Remix Fund Me

⌨️ (03:31:55) Lesson 4: Remix Fund Me

💻 Code: https://github.com/PatrickAlphaC/fund-me-fcc

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 Interfaces, Importing from GitHub, & Math in Solidity

Libraries

SafeMath, Overflow Checking, and the "unchecked" keyword

Basic Solidity: For Loop

  • For Loop
  • /* */ is another way to make comments

Basic Solidity: Resetting an Array

Sending ETH from a Contract

Basic Solidity: Constructor

Basic Solidity: Modifiers

Testnet Demo

Advanced Solidity

Immutable & Constant

Custom Errors

Receive & Fallback Functions

Lesson 4 Recap

🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed Solidity Basics! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊

Lesson 5: Ethers.js Simple Storage

⌨️ (05:30:42) Lesson 5: Ethers.js Simple Storage

💻 Code: https://github.com/PatrickAlphaC/ethers-simple-storage-fcc

🧪 Alchemy: https://alchemy.com/?a=673c802981

Effective Debugging Strategies & Getting Help

⌨️ (5:30:46) Effective Debugging Stategies & Getting Help

  1. Tinker and isolate problem
    1. For this course, take at LEAST 15 minutes to figure out a bug.
  2. Google / Web Search the Exact problem
    1. Go to this GitHub Repo / Discussions
  3. Ask a question on a Forum like Stack Exchange Ethereum or Stack Overflow
    1. Format your questions!!
    2. Use Markdown

How to Debug Anything Video

Installation & Setup

Mac & Linux Setup

Windows Setup

  • 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

  • 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

Local Development Introduction

  • CMD + K or CTRL + K clears the terminal
  • mkdir ethers-simple-storage-fcc
  • code . to open VSCode in a new VSCode window

Optional Javascript Crash Courses

    "[solidity]": {
        "editor.defaultFormatter": "NomicFoundation.hardhat-solidity"
    },
    "[javascript]":{
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    }

In your .vscode/settings.json file.

Tiny Javascript Refresher

Asynchronous Programming in Javascript

Compiling our Solidity

Ganache & Networks

Introduction to Ethers.js

A Note on the await Keyword

Adding Transaction Overrides

Transaction Receipts

Sending a "raw" Transaction in Ethers.js

Interacting with Contracts in Ethers.js

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

Typescript Ethers Simple Storage

Lesson 6: Hardhat Simple Storage

⌨️ (08:20:17) Lesson 6: Hardhat Simple Storage

💻 Code: https://github.com/PatrickAlphaC/hardhat-simple-storage-fcc

Introduction

⌨️ (08:20:19) Introduction

Hardhat Setup

⌨️ (08:22:47) Hardhat Setup

Troubleshooting Hardhat Setup

⌨️ (08:29:43) Troubleshooting Hardhat Setup

Hardhat Setup Continued

⌨️ (08:31:48) Hardhat Setup Continued

Deploying SimpleStorage from Hardhat

⌨️ (08:33:10) Deploying SimpleStorage from Hardhat

Networks in Hardhat

⌨️ (08:41:44) Networks in Hardhat

Programmatic Verification

⌨️ (08:51:16) Programmatic Verification

Interacting with Contracts in Hardhat

⌨️ (09:06:37) Interacting with Contracts in Hardhat

Artifacts Troubleshooting

⌨️ (09:09:42) Artifacts Troubleshooting

Custom Hardhat Tasks

⌨️ (09:10:52) Custom Hardhat Tasks

Hardhat Localhost Node

⌨️ (09:18:12) Hardhat Localhost Node

The Hardhat Console

⌨️ (09:23:11) The Hardhat Console

Hardhat Tests

⌨️ (09:26:13) Hardhat Tests

Hardhat Gas Reporter

⌨️ (09:38:10) Hardhat Gas Reporter

Solidity Coverage

⌨️ (09:44:40) Solidity Coverage

Hardhat Waffle

⌨️ (09:47:02) Hardhat Waffle

Lesson 6 Recap

⌨️ (09:47:37) Lesson 6 Recap

Typescript Hardhat Simple Storage

⌨️ (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

Lesson 7: Hardhat Fund Me

⌨️ (10:00:48) Lesson 7: Hardhat Fund Me

💻 Code: https://github.com/PatrickAlphaC/hardhat-fund-me-fcc

Introduction

⌨️ (10:00:50) Introduction

Hardhat Setup - Fund Me

⌨️ (10:03:41) Hardhat Setup - Fund Me

Linting

⌨️ (10:06:20) Linting

Hardhat Setup - Fund Me - Continued

⌨️ (10:07:47) Hardhat Setup - Fund Me - Continued

Importing from NPM

⌨️ (10:09:38) Importing from NPM

Hardhat Deploy

⌨️ (10:10:43) Hardhat Deploy

Mocking

⌨️ (10:21:05) Mocking

Utils Folder

⌨️ (10:52:51) Utils Folder

Testnet Demo - Hardhat Fund Me

⌨️ (10:55:45) Testnet Demo - Hardhat Fund Me

  • Hardhat Deploy Block Confirmations

TypeScript

  • Code file (TypeScript edition)
  • Define blockConfirmations in the helper-hardhat-config.ts file instead of hardhat-config.js.

Solidity Style Guide

⌨️ (11:00:10) Solidity Style Guide

Testing Fund Me

⌨️ (11:08:36) Testing Fund Me

Breakpoints & Debugging

⌨️ (11:30:39) Breakpoints & Debugging

Gas III

⌨️ (11:33:40) Gas III

console.log & Debugging

⌨️ (11:36:35) console.log & Debugging

Testing Fund Me II

⌨️ (11:37:31) Testing Fund Me II

Storage in Solidity

⌨️ (11:44:34) Storage in Solidity

Gas Optimizations using Storage Knowledge

⌨️ (11:52:38) Gas Optimizations using Storage Knowledge

Solidity Chainlink Style Guide

⌨️ (12:05:29) Solidity Chainlink Style Guide

Storage Review

⌨️ (12:09:59) Storage Review

Staging Tests

⌨️ (12:11:43) Staging Tests

Running Scripts on a Local Node

⌨️ (12:17:58) Running Scripts on a Local Node

Adding Scripts to your package.json

⌨️ (12:22:00) Adding Scripts to your package.json

Pushing to GitHub

⌨️ (12:25:17) Pushing to GitHub

Lesson 8: HTML / Javascript Fund Me (Full Stack / Front End)

⌨️ (12:32:57) Lesson 8: HTML / Javascript Fund Me (Full Stack / Front End)

💻 Code: https://github.com/PatrickAlphaC/html-fund-me-fcc

Introduction

How Websites work with Web3 Wallets

HTML Setup

  • Live Server: ExtensionID: ritwickdey.LiveServer

Connecting HTML to Metamask

Javascript in it's own file

ES6 vs Nodejs

Sending a transaction from a Website

Resetting an Account in Metamask

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."}}}'

Listening for Events and Completed Transactions

Input Forms

Reading from the Blockchain

Withdraw Function

Lesson 8 Recap

Optional Links:

Lesson 9: Hardhat Smart Contract Lottery

⌨️ (13:41:02) Lesson 9: Hardhat Smart Contract Lottery

💻 Code: https://github.com/PatrickAlphaC/hardhat-smartcontract-lottery-fcc

Introduction

Hardhat Setup - Smart Contract Lottery

⌨️ (13:43:43) Hardhat Setup

  • 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

Raffle.sol Setup

⌨️ (13:46:55) Raffle.sol Setup

Introduction to Events

⌨️ (13:54:02) Introduction to Events

Events in Raffle.sol

⌨️ (14:00:47) Events in Raffle.sol

Introduction to Chainlink VRF

⌨️ (14:02:30) Introduction to Chainlink VRF

Sub-Lesson: Chainlink VRF

Implementing Chainlink VRF - Introduction

⌨️ (14:09:53) Implementing Chainlink VRF

Hardhat Shorthand

Implementing Chainlink VRF - The Request

Implementing Chainlink VRF - The FulFill

Modulo

Introduction to Chainlink Keepers

Implementing Chainlink Keepers - checkUpkeep

Enums

Implementing Chainlink Keepers - checkUpkeep continued

  • block.timestamp

Implementing Chainlink Keepers - performUpkeep

Code Cleanup

Deploying Raffle.sol

Mock Chainlink VRF Coordinator

Continued

Raffle.sol Unit Tests

  • We use async function in the describe blocks at the start, but we correctly take them out later.

Testing Events & Chai Matchers

Continued I

Hardhat Methods & Time Travel

Continued II

Callstatic

Continued III

Massive Promise Test

Continued IV

Raffle.sol Staging Tests

Testing on a Testnet

Recommended LINK amounts for Sepolia Staging Test:

  • Chainlink VRF: 2 LINK
  • Chainlink Keepers: 8 LINK

Conclusion

Typescript - Smart Contract Lottery

🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed Hardhat Basics! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊

Lesson 10: NextJS Smart Contract Lottery (Full Stack / Front End)

⌨️ (16:34:07) Lesson 10: NextJS Smart Contract Lottery (Full Stack / Front End)

💻 Code: https://github.com/PatrickAlphaC/nextjs-smartcontract-lottery-fcc

⚡️⚡️ Live Demo IPFS: ipfs://QmXwACyjcS8tL7UkYwimpqMqW9sKzSHUjE4uSZBSyQVuEH

⚡️⚡️ Live Demo Fleek: https://fancy-dream-3458.on.fleek.co/

Introduction

We move into using NextJS for our front end. NextJS is a React framework for building websites.

Optional Sub-Lesson: Full Stack Development & Other Libraries

NextJS Setup

yarn create next-app .

Manual Header I

React Hooks

Manual Header II

useEffect Hook

Local Storage

isWeb3EnabledLoading

web3uikit

Introduction to Calling Functions in Nextjs

Automatic Constant Value UI Updater

runContractFunction

useState

Calling Functions in NextJS

useNotification

  • Add onError to all your runContractFunction calls

Reading & Displaying Contract Data

A Note about onSuccess

  • onSuccess just checks to see if MetaMask sends the transaction, not

A Challenge to You

Tailwind & Styling

Introduction to Hosting your Site

⌨️ (18:12:50) Introdunction to Hosting your Site

IPFS

⌨️ (18:15:14) IPFS

Hosting on IPFS

⌨️ (18:18:51) Hosting on IPFS

Hosting on IPFS & Filecoin using Fleek

⌨️ (18:25:45) Hosting on IPFS & Filecoin using Fleek

Filecoin Overview

⌨️ (18:31:28) Filecoin Overview

Lesson 10 Recap

Lesson 11: Hardhat Starter Kit

⌨️ (18:51:36) Lesson 11: Hardhat Starter Kit

💻 Code: https://github.com/smartcontractkit/hardhat-starter-kit

Lesson 12: Hardhat ERC20s

⌨️ (18:59:24) Lesson 12: Hardhat ERC20s

💻 Code: https://github.com/PatrickAlphaC/hardhat-erc20-fcc

What is an ERC? What is an EIP?

What is an ERC20?

Manually Creating an ERC20 Token

Creating an ERC20 Token with Openzeppelin

Lesson 12 Recap

Lesson 13: Hardhat DeFi & Aave

⌨️ (19:16:13) Lesson 13: Hardhat DeFi & Aave

💻 Code: https://github.com/PatrickAlphaC/hardhat-defi-fcc

What is DeFi?

What is Aave?

Programmatic Borrowing & Lending

WETH - Wrapped ETH

Forking Mainnet

Depositing into Aave

Borrowing from Aave

Repaying with Aave

Visualizing the Transactions

Lesson 13 Recap

Happy Bow-Tie Friday with Austin Griffith

More DeFi Learnings:

Lesson 14: Hardhat NFTs (EVERYTHING you need to know about NFTs)

⌨️ (20:28:51) Lesson 14: Hardhat NFTs

💻 Code: https://github.com/PatrickAlphaC/hardhat-nft-fcc

What is an NFT?

Code Overview

Hardhat Setup

Basic NFT

Write Tests

Random IPFS NFT

Mapping Chainlink VRF Requests

Creating Rare NFTs

Setting the NFT Image

Setting an NFT Mint Price

Deploy Script

Uploading Token Images with Pinata

Uploading Token URIs (metadata) with Pinata

Deploying

Tests

Dynamic SVG On-Chain NFT

What is an SVG?

Initial Code

Base64 Encoding

Advanced: EVM Opcodes, Encoding, and Calling

abi.encode & abi.encodePacked

Introduction to Encoding Function Calls Directly

Introduction to Encoding Function Calls Recap

Encoding Function Calls Directly

Creating an NFT TokenURI on-Chain

Making the NFT Dynamic

Deploy Script

Deploying the NFTs to a Testnet

Lesson 14 Recap

Extra credit:

Lesson 15: NextJS NFT Marketplace (If you finish this lesson, you are a full-stack MONSTER!)

⌨️ (23:37:03) Lesson 15: NextJS NFT Marketplace (Full Stack / Front End)

Large Update, please read

Moralis has recently updated to a self-hosted server over their own server. For this, you can do one of the following:

  • Learn how to run one yourself
  • Follow along to learn the concepts of this more interactive app, without actually coding along
  • Skip to the section where we interact with the graph

TL;DR: TheGraph code should work exactly the same as the video, however the Moralis code will not.

💻 Code:

Special thanks to Matt Durkin for help with this section.

Introduction

Part I: NFT Marketplace Contracts

Hardhat Setup

NftMarketplace.sol

Reentrancy

NftMarketplace.sol - Continued

NftMarketplace.sol - Deploy Script

NftMarketplace.sol - Tests

NftMarketplace.sol - Scripts

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

Reset Local Chain

Moralis Cloud Functions

Practice Resetting the Local Chain

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

Introduction

What is The Graph?

Building a Subgraph

Deploying our Subgraph

Reading from The Graph

Hosting our Dapp

🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed Front End Basics! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊

Lesson 16: Hardhat Upgrades

⌨️ (28:53:11) Lesson 16: Hardhat Upgrades

💻 Code: https://github.com/PatrickAlphaC/hardhat-upgrades-fcc

Upgradable Smart Contracts Overview

Types of Upgrades

  1. Parameter
  2. Social Migrate
  3. Proxy
    1. Proxy Gotchas
      1. Function Collisions
      2. Storage Collisions
    2. Metamorphic Upgrades
    3. Transparent
    4. UUPS
    5. Diamond

Delegatecall

Small Proxy Example

Transparent Upgradable Smart Contract

Lesson 17: Hardhat DAOs

⌨️ (29:45:24) Lesson 17: Hardhat DAOs

⬆️ Up-to-date code: https://github.com/PatrickAlphaC/dao-template

💻 Code from video: https://github.com/PatrickAlphaC/hardhat-dao-fcc

Introduction

What is a DAO?

How to build a DAO

Lesson 18: Security & Auditing

⌨️ (31:28:32) Lesson 18: Security & Auditing

💻 Code: https://github.com/PatrickAlphaC/hardhat-security-fcc

Introduction

Slither

Fuzzing and Eth Security Toolbox

Closing Thoughts

Congratulations

🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊 Completed The Course! 🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊

Where do I go now?

Learning More

Community

Hackathons

Be sure to check out project grant programs!

And make today an amazing day!

Thank you

Thanks to everyone who is taking, participating in, and working on this course. It's been a passion project and a data dump of everything I've learnt in the web3 space to get you up to speed quickly. Also, a big thank you to Chainlink Labs for encouraging this course to come to light-and to the many Chainlink Labs team members who helped with various assets!

Patrick Collins Twitter Patrick Collins YouTube Patrick Collins Linkedin Patrick Collins Medium

About

Learn Blockchain, Solidity, and Full Stack Web3 Development with Javascript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published