Web 3 and Metaverse Specialization

Quarter I

CS-101: Object-Oriented Programming using TypeScript

Duration: 13 Weeks

We will start the program by learning the fundamentals of Object-Oriented programming using JavaScript and TypeScript. We will also understand the latest Web trends i.e. Web 3.0 and Metaverse concepts and try to understand their working from the perspective of the users.

1. • HTML and CSS
   • Learn HTML by Hira Khan (Watch Recorded Videos)
   • Learn CSS Intro by Hira Khan (Watch Recorded Videos)
2. • Web 3.0 and Metaverse Theory
   • Introduction to Panaverse DAO
   • Web 3.0 User Guide
   • Virtual and Augmented Metaverse User Guide
   • Complete Web 3 Assignments included in the Web 3 User Guide
3. • Fundamentals of JavaScript (ECMAScript 2022 Language Specification)
   • Learn JavaScript By Zeeshan Hanif (Recorded Videos)
   • Chapters 2-6, 13 of JavaScript from Beginner to Professional: Learn JavaScript quickly by building fun, interactive, and dynamic web apps, games, and pages
   • JavaScript Book Code
   • Getting Started Exercises with JavaScript and Node.js
   • Fundamentals of JavaScript and Node.js Quiz
     1. Background of JavaScript and How to use JavaScript in Browser
     2. Variables, Primitive data types Analyzing and modifying data types, and Operators (Chapter 2 of JavaScript from Beginner to Professional)
     3. Intro to Node.js, .mjs files, Modules, NPM, import, export, and using external modules with npm
     4. How to accept user input in your Node.js JavaScript programs, this will allow us to create interactive Node.js console programs using prompt-sync library. The last example in this presentation shows you how to use prompt-sync library in your Node.js programs
        Note: After this point, we will do all our class work and exercises using Node.js in .mjs files. We will also be able to develop interactive Node.js console programs which will greatly help the students to learn.
     5. Using Arrays and Objects in Node.js Programs (chapter 3 of JavaScript from Beginner to Professional)
     6. Using if and if else statements, else if statements, Conditional ternary operators, and switch statements in Node.js programs (chapter 4 of JavaScript from Beginner to Professional)
     7. Using while loop, do while loop, for loop, for in, and for of loop in Node.js (chapter 5 of JavaScript from Beginner to Professional)
     8. Using Basic functions, Function arguments, Return, Variable scope in functions, Recursive functions, Nested functions, Anonymous functions, and Function callbacks in Node.js (chapter 6 of JavaScript from Beginner to Professional)
     9. Using Concurrency, Callbacks, Promises, async / await, and Event loop (chapter 13 of JavaScript from Beginner to Professional)
     10. JavaScript promises, mastering the asynchronous
     11. New JavaScript Features in ECMAScript 2021 and 2022
4. • Object-Oriented Programming with TypeScript
   • Chapters 1-11 of Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript
   • Learning Repository
   • In Class Companion projects and articles for Learning TypeScript
   • Homework Project
   • Fundamentals of TypeScript Quiz
   • TypeScript Professional Proficiency Quiz
5. • TypeScript for React
   • Minimal TypeScript Crash Course For React With Interactive Code Exercises

Quarter Break

During the Quarter Break, we do following Assignments

1. Record a Presentation on Cloud To Edge
2. Create Todo App
3. Replicate Pricing UI
4. Build Panaverse DAO Website from Manifesto
5. Build PIAIC Website from Manifesto and Existing PIAIC Website
6. • Fundamentals of Version Control
   • Version Control using Git and GitHub By Sir Zeeshan Hanif (Recorded Videos)
   • Markdown Basics
   • Basic Differences
   • Rebasing
   • Tracking Branches
   • Practice
   • Homework
   • Git Cheatsheet
7. Git Quiz
8. TypeScript Proficiency Quiz

Quarter II

W2-201: Developing Planet-Scale Web 2.0 Serverless Cloud Apps and APIs

Duration: 13 Weeks

The objective of this course is to teach participants to develop customer-facing planet-scale Websites, Full-Stack Apps and templates, Dashboards, and Muti-Cloud Serverless APIs. By the end of the quarter, the participants will be able to develop and deploy web platforms like Facebook, Shopify, etc. The technologies covered in this course will include Next.js 13, Figma, Tailwind CSS, Chakra UI, tRPC, QraphQL, Prisma, Cockroachdb Serverless (PostgreSQL Compatible), AWS Serverless Technologies, and Cloud Development Kit for Terraform (CDKTF).

1. • Next.js 13 Web Development
   • Next 13 Official Documentation
   • Latest Learn React Official Website
   • Learn Next.js 13 Learning Repo
2. • Next.js 13 using Chakra UI (Remote Zoom Class)
   • CSS Flexbox Explained - Complete Guide to Flexible Containers and Flex Items
   • Chakra UI Docs
3. • UI/UX Design with Figma, TailwindCSS, and Chakra UI (Remote Zoom Class)
   • Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop by Fabio Staiano
   • Figma Design Kit for TailwindCSS
   • Chakra UI Figma Kit
4. • API Routes with Next.js (Remote Zoom Class)
   • API Routes
5. • APIs with Next.js and tRPC (Remote Zoom Class)
   • Build a tRPC CRUD API Example with Next.js
   • Stop building REST APIs for your Next.js apps, use tRPC instead
6. • SQL and Prisma
   • Start from scratch with relational databases
   • SQL For Beginners Video Tutorial
   • Database Management Systems and SQL – Tutorial for Beginners
7. • Next.js 13 using TailwindCSS (Remote Zoom Class)
   • Modern CSS with Tailwind, Second Edition by Noel Rappin
8. • AWS Application Composer (Remote Zoom Class)
   • What is AWS Application Composer?
   • Event-driven apps with AWS Application Composer
   • Visually design and build serverless applications quickly
   • Create Free AWS Account
9. • Multi-Cloud GraphQL Serverless API Development with Cloud Development Kit for Terraform (CDKTF) (Remote Zoom Class)
   • Learn Multicloud Serverless API Development using CDK Terraform in Baby Steps

1. Next.js Projects
2. Styling Next.js Projects using TailwindCSS and Chakra UI
3. Todo Full-Stack App
4. Build a Twitter Clone

Quarter III

$-101: Dollar Making Bootcamp - Full-Stack Template and API Product Development

Duration: 13 Weeks

1. Build Full-Stack Next.js 13 Jamstack Templates

   You will be assigned to build a template which we will sell on Theme Forest and Panaverse DAO marketplace. The Panaverse DAO will receive 25% share on the sale of the template which will be used to manage the platform. An additional 15% will be spent on marketing the template. 60% of the revenues will be distributed to the developer through the Panaverse DAO in the form of Panaverse tokens.

   The Template Standard
2. Build QraphQL APIs

   You will be assigned to build APIs for which you will sell subscriptions on the Panaverse DAO Marketplace. The Panaverse DAO will receive 25% share on the sale of the template which will be used to manage the platform. An additional 15% will be spent on marketing the template. 60% of the revenues will be distributed to the developer through the Panaverse DAO in the form of Panaverse tokens.

Quarter IV

W3-351: Developing Smart Contracts and Planet-Scale Web 3.0 Dapps

Duration: 13 Weeks

In this course you will learn how to develop Web 3.0 DApps, create a project, deploy it in production, write smart contracts, unit test them, and create user interfaces for them. We will also learn to develop ERC-20 and NFT tokens, DAOs, Oracles, etc. Please note that in order to develop Web 3 applications you also need to build on top of Web 2.0 technologies which we have already covered in the previous quarters.

1. Blockchain and Metaverse Theory
2. Smart Contract Development in Solidity
3. Dapp Development using Ethers.js and Next.js 13
4. Tokennomics

1. Create a Pako Token
2. Develop Crowd Sale Contract
3. Trying it with MetaMask
4. Trying it with Multisignature Wallets
5. Sending Tokens using Ethers.js
6. Create, Deploy, Mint, and Sell an NFT

Quarter V

MV-361: Developing Planet-Scale Open Virtual and Augmented Metaverse Experiences

Duration: 13 Weeks

The Web is the Metaverse. The metaverse requires an infrastructure that connects all of the metaverses so that we can travel between them. This is only achievable with open web-based metaverses. The internet and its browsers are magical. Federated but linked experiences connect pages, people, technology, businesses, standards, and nations. It's unlike anything else. The metaverse should replicate the best qualities of the web - it should just be the web. We just have to extend online responsive design from mobile to desktop to 3D, Augmented Reality, and Virtual Reality. This course will teach you how to build the Open Social Spatial Web with WebXR and WebGPU technologies.

1. Open Metaverse Web Development
2. Blender 3D asset Creation for the Metaverse (Remote Zoom Class)
3. Build a 3D Donut using Blender 3
4. Build a Viking Scene using Blender 3
5. Modeling a Time Machine using Blender 3
6. Illustrating an Alien Hero with Grease Pencil
7. Build a 3D Sword in the Stone using Blender 3