Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build To Do List Dapp With Solidity And ReactJS
00a Course Overview - Web3
00 Course overview - Web 3.0 (12:56)
01 What you'll need - Web3 (3:34)
02 Web 3.0 Fundamentals (12:17)
Source Files
00b (Prerequisite) Introduction to Blockchain
00 Blockchain Introduction (8:32)
01 What Are Blockchains And Distributed Ledgers (3:48)
02A What Are Bitcoin And Ethereum (5:28)
02B Ethereum Blockchain Properties (10:22)
02C Ethereum Deep Dive (10:23)
03 What Are Smart Contracts (2:01)
04 What Is The Solidity Programming Language (4:01)
05 What Is An NFT (2:44)
00c (Prerequisite) Introduction to HTML
01. Course Requirements (2:55)
02. What Is Jsbin (3:15)
03. Setting Up The Html Document (2:41)
04. Header Tags And Paragraphs Tags (4:06)
05. Styles (3:32)
06. Bold Underline And Italic Tags (3:10)
07. Adding In A Link (1:38)
08. Adding In A Image (3:00)
09. Adding A Link To An Image (1:54)
10. Lists (4:03)
11. Tables (3:29)
12. Different Kinds Of Input (4:59)
13. Adding In A Submit Button (3:01)
14. Scripts And Style Tags (3:27)
00d (Prerequisite) Introduction to JavaScript
01. Variables (5:36)
02. JavaScript (10:24)
03. Numbers (4:52)
04. Booleans (5:22)
05. If Statements (4:26)
06. Arrays (8:31)
07. For Loops (9:16)
08. While Loops (4:33)
09. Objects (8:02)
10. Functions (6:09)
11. Foreach (3:54)
12. Map Functions (5:22)
13. Using Objects As Dictionary (2:45)
14. Switch Statements (6:38)
15. Destructuring (5:30)
16. Spread Operator (6:56)
17. String Templates (6:37)
18. Error Handling (5:45)
19. Let And Const Keywords (3:39)
20. Do-while (1:45)
21. Sets (5:42)
22. Maps (4:39)
23. Stacks (6:06)
24. Queues (11:49)
25. For Loop (5:11)
26. Recursive Functions (7:13)
27. Loop Labeling (5:17)
28. 2D Arrays (21:59)
29. Settimeout (7:02)
30. Sentimental (11:21)
31. Functions With Optional Parameters (15:10)
32. Basic Regular Expression (5:53)
33. Handle Keypress Events (22:45)
34. Priority Queue (15:54)
35. Add delete Object Property (2:44)
37. Concat (3:12)
38. Flat And Flatmap (2:06)
00e (Prerequisite) Advanced JavaScript - 01. Introduction
01 01 Introduction to the Course (1:30)
01 03 Why should you learn JavaScript (0:51)
01 04 Quick Win (1:36)
01 05 Course Requirements (0:39)
00e (Prerequisite) Advanced JavaScript - 02. Next Generation JavaScript
02 01 What will we learn in this section (0:43)
02 02 Declare Variables with let and Const (15:45)
02 03 Blocks and IIFEs (11:41)
02 04 Strings in ES2020 (11:40)
02 05 Coding Challenge (0:47)
02 06 Coding Challenge Solution (2:05)
02 07 Section Summary (0:44)
00e (Prerequisite) Advanced JavaScript - 03. Arrow functions
03 01 What will we learn in this section (0:40)
03 02 Basics of Arrow Functions (14:59)
03 03 Lexical This Keyword (7:10)
03 04 Coding Challenge (0:42)
03 05 Coding Challenge Solution (3:04)
03 06 Section Summary (0:43)
00e (Prerequisite) Advanced JavaScript - 04. Features in ES 2020+
04 01 What will we learn in this section (0:31)
04 02 Destructuring (15:31)
04 03 Arrays in ES2020 (16:31)
04 04 Spread Operator (12:52)
04 05 Coding Challenge (0:48)
04 06 Coding Challenge Solution (3:43)
04 07 Section Summary (0:45)
00e (Prerequisite) Advanced JavaScript - 05. Parameters
05 01 What will we learn in this section (0:36)
05 02 Rest Parameters (15:56)
05 03 Default Parameters (18:33)
05 04 Coding Challenge (0:48)
05 05 Coding Challenge Solution (3:58)
05 06 Section Summary (0:31)
00e (Prerequisite) Advanced JavaScript - 06. Maps
06 01 What will we learn in this section (0:42)
06 02 Maps (20:26)
06 03 Coding Challenge (0:40)
06 04 Coding Challenge Solution (2:46)
06 05 Section Summary (0:26)
00e (Prerequisite) Advanced JavaScript - 07. JavaScript Classes
07 01 What will we learn in this section (0:38)
07 02 Classes (13:49)
07 03 Classes with Subclasses (5:58)
07 04 Coding Challenge (0:56)
07 05 Coding Challenge Solution (2:48)
07 06 Section Summary (0:52)
00e (Prerequisite) Advanced JavaScript - 08. Asynchronous JavaScript
08 01 What will we learn in this section (1:01)
08 02 Asynchronous JavaScript Example (11:18)
08 03 The Event Loop (12:15)
08 04 Asynchronous Javascript with Callbacks (9:17)
08 05 Promises (21:15)
08 06 Async Await (11:41)
08 07 AJAX and APIs (6:36)
08 08 Make AJAX Calls with Fetch and Promises (11:25)
08 09 Make AJAX Calls with Fetch and Async Await (7:29)
08 10 Coding Challenge (0:45)
08 11 Coding Challenge Solution (7:40)
08 12 Section Summary (0:55)
00e (Prerequisite) Advanced JavaScript - 09. Summary
09 01 Course Summary and Next Steps (2:24)
01a Build a simple tally decentralized website with Truffle, Solidity and vanilla JavaScript
01B What Is Truffle Ethereum (1:29)
00 Build A Simple Tally Decentralized Website With Truffle, Solidity And Vanilla Javascript - Project Overview (6:35)
02 What Is Web3js (1:29)
03 Install Metamask (2:14)
04 What Is Ganache (1:41)
Source files
01b Build, compile, deploy and migrate Truffle Solidity smart contract
01 Build and compile Truffle Solidity smart contract (6:10)
02 Deploy and migrate Truffle Solidity smart contract (9:26)
Source files
12 Build web3 client to interact with smart contract via website
03 Build Html To Interact With Smart Contract Via Website (5:40)
04 Connect To Metamask With Javascript Web3 (9:55)
05 Enable User To Interact With Smart Contract Via Website (8:16)
06 Test Dapp With Server, Metamask And Ganache (10:52)
Source files
01c (Prerequisite) Introduction to React
00 Why You Should Learn React (5:30)
01 React Introduction (12:33)
02 Set up a Container (8:13)
03 Generate a List (6:46)
04 Add Items to the List (6:34)
05 Clear Input Field (10:26)
06 Remove a Task (10:39)
Source Files
01d Build a simple dapp with React and Web3 that connects to MetaMask
00 Project Preview (1:52)
01 Build A New React App (4:07)
Source files
02 Build React web app components
02 Build A Main Component (5:40)
03 Display Main Component On Webpage (2:10)
04 Build A Signin Component (2:53)
Source files
03 Implement web3 in React app
05 Build Sign In Handler In Sign In Component (6:59)
06 Handle Signin In App Component (9:47)
07 Test With Ganache And Metamask (4:31)
08 Tips For Debugging Web3 Dapps (2:36)
Source files
04 Build a dapp to show account and network
00 Project Preview - Build A Dapp With Metamask Account And Network (1:31)
01 Build A React App With Components (6:11)
02 Detect Metamask Crypto Wallet With Web3 (10:27)
03 Connect Components To App (7:41)
04 Handle Account Or Network Change (10:48)
Source files
05 Build a Truffle project with local Ganache CLI blockchain
00 Project Preview - Truffle Project With Infura And Ganache Cli (3:45)
01 Build A New Truffle Project Project (14:10)
02 Build A Local Blockchain With Ganache Cli (15:58)
03 Deploy Contracts To Local Blockchain (10:57)
04 Send Transaction To Run Function On Your Contract (5:41)
Source files
06 Use Infura to connect to public networks
05 Use Infura To Connect To Public Networks (4:03)
06 Fork Infura Client To Local Ganache Blockchain (16:32)
Source files
07 Project overview - Build an NFT contract and deploy on OpenSea
Source files
00 Project Overview - Build An Nft Contract And Deploy On Opensea (5:35)
00b What Are Nft Token Standards (5:48)
07a Build an NFT contract and deploy on OpenSea
01 Build A New Truffle Project (1:53)
02 Configure Metamask To Use Mumbai Testnet (4:24)
03 Get An Rpc Url Key With Maticvigil (2:38)
04 Build An Nft Solidity Smart Contract (7:38)
Source files
08 Build collection data and NFT data
05 Build Collection Data And NFT Data (3:46)
06 Upload Images And Json To Pinata Ipfs (4:11)
Source files
09 Deploy and mint tokens
07 Migrate Contracts To Mumbai Network (7:01)
08 Mint Tokens At Contract Address (11:31)
09 View NFT On Opensea (6:24)
Source files
10 Build a Simple NFT Contract with Hardhat, OpenZeppelin and Local Blockchain
00 Project Overview - Build NFT Contract With Hardhat, Openzeppelin And Local Blockchain (11:29)
01 Build A New Hardhat Project (3:13)
02 Build A Simple NFT Contract With Openzeppelin Erc721 Standard (6:03)
03 Test Smart Contract With Ethereum Waffle (11:56)
04 Log To Console In Solidity With Hardhat (3:46)
05 Deploy Contract To Local Network (7:31)
Source files
12 Build web3 client to interact with smart contract via website
03 Build Html To Interact With Smart Contract Via Website (5:41)
04 Connect To Metamask With Javascript Web3 (9:55)
05 Enable User To Interact With Smart Contract Via Website (8:16)
06 Test Dapp With Server, Metamask And Ganache (10:53)
12 Source files
13 Build an NFT minting dapp with Truffle, Solidity, OpenZeppelin and React
00 Build An Nft Minting Dapp With Truffle, Solidity, Openzeppelin And React - Project Overview (4:14)
01 Build React Truffle Project From Scratch (2:27)
02 Build A Smart Contract For Minting NFTs (8:56)
Source files
14 Build React frontend for dapp
03 Initialize Web3 In React (7:05)
04 Deploy Smart Contract To Get Address And Abi (6:52)
05 Build Frontend NFT Minting Functionality (7:34)
06 Build Website Elements For User Interaction (8:54)
07 Test Project With Metamask And Ganache (6:44)
Source files
15a Build a to do list dapp with Truffle and React
00 Build A To Do List Dapp With Truffle And React - Project Overview (2:44)
01 Set Up Truffle Dapp With Create React App (3:25)
02 Build A To Do List Smart Contract (7:19)
Source files
15b Build React frontend for dapp
03 Connect To Smart Contract In Web App (9:15)
04 Migrate Smart Contract On Local Ganache Blockchain (8:16)
05 Build Api Key Env Variable From Blocknative Notifier (3:55)
06 Connect Backend Smart Contract Functionality To Frontend (6:50)
07 Listen For Messages From Metamask Browser Wallet (4:54)
Source files
15c Enable user interaction with dapp
08 Build Website Elements For User Interaction (6:25)
09 Test Project With Metamask And Ganache (4:39)
10 Style Completed Tasks (3:09)
15c Source files
08 01 What will we learn in this section
Lesson content will be unlocked within 30 minutes.
Teachable is working on this bug.
No further action will be required on your part
.
Thank you for your patience