Duration: 13 Weeks
Course Description:
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).
Course Outline:
Next 13 Official Documentation
Latest Learn React Official Website
Learn Next.js 13 Learning Repo
Chakra UI Docs https://chakra-ui.com/getting-started
CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items https://www.freecodecamp.org/news/css-flexbox-complete-guide/
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
API Routes
APIs with Next.js and tRPC
Build a tRPC CRUD API Example with Next.js
Stop building REST APIs for your Next.js apps, use tRPC instead https://brockherion.dev/blog/posts/stop-building-rest-apis-for-your-next-apps/
Start from scratch with relational databases
SQL For Beginners Video Tutorial
Database Management Systems and SQL – Tutorial for Beginners
Modern CSS with Tailwind, Second Edition by Noel Rappin
What is AWS Application Composer?
Event-driven apps with AWS Application Composer
Visually design and build serverless applications quickly
Must Have: Create Free AWS Account
AWS Free Tier
Note: For AWS Free Tier you will need a credit or debit card. The easiest way for Pakistani students is to open a bank account with Meezan Bank. Open a Meezan Aasan Account if you have no earning proof. Meezan Bank will charge Rs. 1100 for ATM Debit Card and there is a requirement of Rs. 100 minimum deposit. The card will be delivered in a few weeks. Our students have reported that this Debit card works with AWS.
Now you can create a virtual VISA Debit card through the NayaPay app (https://www.nayapay.com/ ) which can be used to create AWS/GCP/Azure accounts. This is good news for those students who find it difficult to create physical debit and credit cards from banks.
You can also get a $300 credit https://pages.awscloud.com/adoptf90d_GLOBAL_POC-credits.html
Web 2.0 Projects
Next.js Projects
Styling Next.js Projects using TailwindCSS and Chakra UI
Todo Full-Stack App
Build a Twitter Clone
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 Panaverse Full-Stack Template Standard
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.