panaverse-logo

Compulsory Quarters

CS-101: Object-Oriented Programming using TypeScript

W2-201: Developing Planet-Scale Web 2.0 Serverless Cloud Cloud Apps and APIs using Next.js 13 and Cloud Development Kit (CDK) for Terraform

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

Specialized Quarters

Web3 and Metaverse

Cloud-Native Computing

Artificial Intelligence (AI) and Deep Learning

Ambient Computing and IoT

Genomics and Bioinformatics

Network Programmability and Automation

Social Links

Common In All

Specializations

Quarter :  2

Duration:   ( 13 Weeks )

course-main

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.js 13 Web Development

Learn Next 13 Official Documentation

Nextjs Docs

Latest Learn React Official Website

Reactjs Docs

Learn Next.js 13 Learning Repo

Learning Repo

Next.js 13 using Chakra UI (Remote Zoom Class)

CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items

Css flexbox complete guide

Learn Chakra UI From Official Website

Chakra-ui Docs

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

Designing-Prototyping-Interfaces-Figma-interactive

Figma Design Kit for TailwindCSS

Figma for tailwind

Figma Design Kit for Chakra UI

Figma for chakra ui

API Routes with Next.js (Remote Zoom Class)

Next JS Api Route

Api routes

APIs with Next.js and tRPC (Remote Zoom Class)

Build a tRPC CRUD API Example with Next.js

Build a trpc crud api example with next js

Stop building REST APIs for your Next.js apps, use tRPC instead

Stop building rest apis for your next apps

SQL and Prisma

Start from scratch with relational databases

Relational databases typescript postgres

SQL For Beginners Video Tutorial

Sql for beginners video tutorial

Database Management Systems and SQL – Tutorial for Beginners

Dbms and sql basics

Next.js 13 using TailwindCSS (Remote Zoom Class)

Modern CSS with Tailwind, Second Edition by Noel Rappin

Modern css with tailwind second edition

AWS Application Composer (Remote Zoom Class)

What is AWS Application Composer?

Aws application composer video

Event-driven apps with AWS Application Composer

Event driven apps with aws application aomposer

Visually design and build serverless applications quickly

Application composer

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

get $300 credit

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

Learn multicloud api development

Web 2.0 Projects

Next.js Projects

Nextjs all projects

Styling Next.js Projects using TailwindCSS and Chakra UI

Styling nextjs projects

Todo Full-Stack App

Full-stack todo app

Build a Twitter Clone

Twittwer clone

Detail Course Syllabus

All students must complete the first two quarters, and the remaining two are for specialization in different fields

1

Quarter :  1

2

Quarter :  2

3

Quarter :  3