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
00 Course overview - Web 3.0
Complete and Continue