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 (Homework)

- Learn HTML by Hira Khan (Watch Recorded Videos)
https://www.youtube.com/playlist?list=PLKvqnz8z1zWQ3BALy86tIXICkG874wAc6

- Learn CSS Intro by Hira Khan (Watch Recorded Videos)
https://www.youtube.com/playlist?list=PLKvqnz8z1zWQSWIen_zUSEBmtqzPLuRob

2. Web3 3.0 and Metaverse Theory

- Introduction to Panaverse DAO
https://docs.google.com/presentation/d/12C1s4UBTlR9nZNEkRE6aAuGeRA3s92jx-8nJKo9jdH4/edit?usp=sharing

- Web 3.0 User Guide
https://docs.google.com/presentation/d/1FSbr9aJwO0-fmZHqWy_eHO2N_jwJLmQCy4cG8rd4ctw/edit?usp=sharing

- Complete Web 3 Assignments included in the Web 3.0 User Guide

- Virtual and Augmented Metaverse User Guide
https://docs.google.com/presentation/d/1ADk87hQ0Etr2PfmN9XH7TQ0CHl6XSP_7JWNUbzPdDNc/edit?usp=sharing

3. Fundamental of TypeScript

- TypeScript Presentation
https://docs.google.com/presentation/d/1-7Kb3laJjJ68mOTF9v0fHImk5vTol0CeE43Sg8hoUXQ/edit?usp=sharing

- Getting Started Exercises with TypeScript and Node.js
https://github.com/panaverse/typescript-node-projects/blob/main/getting-started-exercises.md

4. Object-Oriented Programming with the TypeScript

- Chapter 1-11 of Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript
https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331/ref=sr_1_1

- In Class Companion projects and articles for Learning TypeScript
https://www.learningtypescript.com/

- Homework Project
https://github.com/panaverse/typescript-node-projects

4. TypeScript for React

- Minimal TypeScript Crash Courses for React
https://profy.dev/article/react-typescript

- During the quarter break, students would be required to complete following assignments
1. https://github.com/panaverse/learn-nextjs/tree/main/assignment00_cloud_to_edge
2. https://github.com/panaverse/learn-nextjs/tree/main/assignment01_todo_app
3. https://github.com/panaverse/styling-nextjs-projects/tree/main/project00_pricing_ui

- Build a Panaverse DAO Syllabus Website using Next.js 13 given the content from the following document. The best-developed website will be hosted on panaverse domain
https://docs.google.com/document/d/13Z4tMKQmZpMEsOc1Y_qAXbOstRolGIFupHxQFgAFl98/edit?usp=sharing

- Build a new PIAIC Website using Next.js 13 given the content from the current PIAIC Website and from the following document. The best-developed website will be hosted on piaic domain
https://docs.google.com/document/d/13Z4tMKQmZpMEsOc1Y_qAXbOstRolGIFupHxQFgAFl98/edit?usp=sharing

- Fundamentals of JavaScript and Node.js Quiz
- Fundamentals of TypeScript Quiz
- Fundamental of Version Control with Git Quiz
- TypeScript Proficiency