Web 3.0 Crash Course
Watch the Insane Future of Web 3.0 and Metaverse Video in Urdu
All Students Should Start Preparing For JavaScript Entry Test
All students are required to start learning JavaScript immediately, even before the program starts. If the number of students who apply for the program are greater than the seats available the applicants will be selected on the basis of JavaScript Quiz scores, which will be take at the start of classes.
Watch JavaScript by Zeeshan Hanif to prepare for the Entry Test
Note: You will asked to take a Javascript Entry Test at the start of classes.
Outcome for Students
The students who graduate from this program will be able to earn $50 per hour, to begin with. This will be a great opportunity for students and professionals of Pakistan.
Blockchain Developer Salary - Jun 2022
Web3 Salaries Soar to $750,000 for Rank-and-File Devs
Web 3.0 Crash Course
You can think of the stack which we will cover in this course in terms of layers. The first layer is the Web 2.0 technologies which provide the tools to develop 2D frontends and a highly sclable and cost effective cloud backend. The second layer is the Web 3.0 technolgies that is built using the first layer and the Ethererum blockchain.
Why You Should Learn Web 2.0 Before Getting into Web 3.0
The Web 2.0 full stack applicatios are build using these technologies, this is the first layer of our development stack:
- Typescript Programming Language for Front-end and Backend Development
- Visual Studio Code Editor
- Front-end Web 2.0 Development Using Next.js
- Infrastructure as Code using AWS Cloud Development Kit
- AWS Lambda for Serverless Computing
- Panacloud CLI for API Development
- Amazon Aurora Serverless v2 PostgreSQL 13-compatible edition
This Web 2.0 stack can be easily extended to develop Web 3.0 Dapps using these technologies, this is the second layer:
- Ethereum Blockchain
- Solidity Smart Contract Programming Language
- OpenZepllin Smart Contracts
- Hardhat Ethereum Development Envirnoment
- Ethers.js
- Metamask Wallet
- Alchemy
- The Graph
- Chainlink
For more details check out the Panacloud Web 3 Learning Repo
Program Details:
Module I: Web 3.0 Theory
Download Mastering Blockchain Book
Module II: Object Oriented Programming using Typescript
The student should learn HTML, CSS, and Javascript by going through these videos:
Learn JavaScript by Zeeshan Hanif
We will cover the following in class:
Essential TypeScript 4: From Beginner to Pro
Module III: Advanced Web 2.0 Development using Next.js
WHAT IS NEXT JS AND WHY SHOULD YOU USE IT IN 2022?
Module IV: Smart Contract Development with Solidity and Hardhat
Solidity Programming Essentials - Second Edition
Class Videos
Class 1: Step 00 and 01: Blockchain, Ethereum Smart Contract, and Hardhat Intro in Urdu on Facebook
Class 1: Step 00 and 01: Blockchain, Ethereum Smart Contract, and Hardhat Intro in Urdu on YouTube
Class 2: Step 03 Part 1 - Solidity Tutorial in English on Facebook
Class 2: Step 03 Part 1 - Solidity Tutorial in English on YouTube
Class 2: Step 03 Part 1 - Solidity Tutorial in Urdu on Facebook
Class 2: Step 03 Part 1 - Solidity Tutorial in Urdu on YouTube
Class 3: Step 03 Part 2 - Solidity Tutorial in English on Facebook
Class 3: Step 03 Part 2 - Solidity Tutorial in English on YouTube
Class 3: Step 03 Part 2 - Solidity Tutorial in Urdu on Facebook
Class 3: Step 03 Part 2 - Solidity Tutorial in Urdu on YouTube
Class 3 Part 2: Step 03 Part 2B - Solidity Tutorial in Urdu on YouTube
Class 4: Step 03 Part 3 - Solidity Tutorial in English on Facebook
Class 4: Step 03 Part 3 - Solidity Tutorial in English on YouTube
Class 4: Step 03 Part 3 - Solidity Tutorial in Urdu on Facebook
Class 4: Step 03 Part 3 - Solidity Tutorial in Urdu on YouTube
Class 5: Step 03 Part 4 - Solidity Tutorial in English on Facebook
Class 5: Step 03 Part 4 - Solidity Tutorial in English on YouTube
Class 5: Step 03 Part 4 - Solidity Tutorial in Urdu on Facebook
Class 5: Step 03 Part 4 - Solidity Tutorial in Urdu on YouTube
Class 6: Step 03 Part 5 - Solidity Tutorial in English on Facebook
Class 6: Step 03 Part 5 - Solidity Tutorial in English on YouTube
Class 6: Step 03 Part 5 - Solidity Tutorial in Urdu on Facebook
Class 6: Step 03 Part 5 - Solidity Tutorial in Urdu on YouTube
Class 7: Step 03 Part 6 - Solidity Tutorial in English on Facebook
Class 7: Step 03 Part 6 - Solidity Tutorial in English on YouTube
Class 7: Step 03 Part 6 - Solidity Tutorial in Urdu on Facebook
Class 7: Step 03 Part 6 - Solidity Tutorial in Urdu on YouTube
Class 8: Step 04 - Chapter 02 Textbook in English on Facebook
Class 8: Step 04 - Chapter 02 Textbook in English on YouTube
Class 8: Step 04 - Chapter 02 Textbook in Urdu on Facebook
Class 8: Step 04 - Chapter 02 Textbook in Urdu on YouTube
Class 9: Step 04 and 05 - Chapter 02 and 03 Textbook in English on Facebook
Class 9: Step 04 and 05 - Chapter 02 and 03 Textbook in English on YouTube
Class 9: Step 04 and 05 - Chapter 02 and 03 Textbook in Urdu on Facebook
Class 9: Step 04 and 05 - Chapter 02 and 03 Textbook in Urdu on YouTube
Class 10: Step 6A - Chapter 07 Textbook in English on Facebook
Class 10: SStep 6A - Chapter 07 Textbook in English on YouTube
Class 10: Step 6A - Chapter 07 Textbook in Urdu on Facebook
Class 10: Step 6A - Chapter 07 Textbook in Urdu on YouTube
Class 11: Step 6B - Vacation Project Assignment in English on Facebook
Class 11: SStep 6B - Vacation Project Assignment in English on YouTube
Class 11: Step 6B - Vacation Project Assignment in Urdu on Facebook
Class 11: Step 6B - Vacation Project Assignment in Urdu on YouTube
Blockchain Project 1: Create a Token and Launch ICO/IEO/IDO
As you probably know, the ICO ("Initial Coin Offering") industry has been booming, and it's completely reinventing the way new startups kickstart themselves. In fact, go have a look at Wikipedia's list of highest crowdfunding projects, and you'll notice that blockchain projects absolutely dominate the list.
Understand the difference between IDO vs. IEO vs. ICO
Also check these links for latest listings:
ICO List of Best New Initial Coin Offerings.
Project Part 1: How to Launch a IEO on Binance Lauchpad
Your first task of the project is to make a google slides presentation on how to start a IEO on the Binance Launch Pad.
Note: Also document the alternatives to Binance Launchpad.
Project Part 2: How to Launch a IDO on Polkastarter
Review the list of top fundraising platforms
Your second task of the project is to make a google slides presentation on how to start a IDO on the Polkastarter.
Project Part 3: Create a Pako Token
By creating an token and related contracts, you'll also learn how to handle money sent to to your contracts, which should come in handy if you want to create some kind of paid decentralised service in the future.
Therefore, for the sake of this chapter, let's imagine that our Pako DApp uses its own coin – the Pako Token. We will create two contracts – one for the token itself and one for the token crowd sale (the ICO).
Now Create your own Pako ERC20 Token and deploy it on a testnet. The Token should be to use openzeppelin contracts. You will use Harkhat development envirnoment. Also, write at least 20 automated tests. We will be using the Solidity and Typescript for dvelopment.
Project Part 4: Develop Crowd Sale Contract
This contract will be responsible to allow users to exchange ETH for our Pako Token. In order to do that we need to Set a price for our token (1 ETH = 100 Pako Token)
Implement a payable buyToken() function.
Emit a BuyTokens event that will log who’s the buyer, the amount of ETH sent and the amount of Token bought
Transfer 75% the Tokens to the Crowd Sale contract at deployment time. i.e. Right after the contract is deployed, we want the token contract to send 75% of our token supply to it. While 25% remain in our personal "owner" account.
Transfer the ownership of the Crowd Sale contract (at deploy time) to our frontend address so that we are able to withdraw the ETH.
You can use the openzeppelin crowd sale contracts, however you will have to update the code to the latest solidity version.
Also write exentisive tests, for example we will simply send a transaction of 1 ETH from a random account to the contract. After the transaction, we should expect the account to have received Pako, while the contract's balance should have been reduced.
Note: Before you get started writing the token contract we suggest you review access control.
Project Part 5: Trying it with MetaMask
While it's always good to test your code, it's often more satisfying to see the results of your work wrapped in a nice UI. Let's see how we can deploy our contracts and get some Pako tokens into our MetaMask wallet!
We start by running our deployment scripts for the test network so that the new token contracts are uploaded and deployed.
When it's done, take note of what addresses the contracts was uploaded to and copy it!
Now head to MetaMask, and send a transaction of 1 ETH to the crowd sale contract address. If your MetaMask wallet doesn't have any ethers, remember that you can use any faucet.
After the transaction has confirmed, you might be confused about why you can't see any tokens in your wallet. It turns out that you need to manually add the token address in MetaMask in order to "register" it – after all, there are so many tokens out there, there's no way MetaMask could list them all by default!
To do this, open the side menu and click on the "Add token" button to get started:
Once you're on the token page, click on "Add custom token" and paste in the token contract's address in the address field.
After confirming that you want to add the token, you should be able to see your Pako balance right next to your ETH balance in the wallet. How cool!
Project Part 6: Trying it with Multisignature Wallets
Now use [Gnosis Safe]{https://gnosis-safe.io/) with multi-sigs to do what you did in the last part.
Project Part 7: Sending Tokens using Ethers.js
Write a Typescript program to send Pako Token to some friend's address using Ethers.js.
Project Part 8 Advance: Create, Deploy, Mint, and Sell a NFT
Create a NFT contract using the OpenZepplen ERC721 NFT Standard.
You may use the Preset ERC721 contract.
Deploy your NFT contract on a testnet, mint it, and view it on the MetaMask wallet and list it on OpenSea Marketplace for sale.