Notes Repository: Cohort 2.0 - Harkirat’s Course

“Your centralized hub for everything learned and explored during Cohort 2.0 with Harkirat.”

Time Table and Course Length click here. Time Tracker to Complete Course on Time click here.

Week 1: Basic JS Fundamentals

• JavaScript Foundation

  • Why Languages?

  • Interpreted vs Compiled Languages

  • Why JavaScript? >> Other Languages in Some Use Cases

  • Strict vs Dynamic Languages

  • Single-Threaded Nature of JavaScript

  • Simple Primitives in JS (Number, String, Booleans)

  • Complex Primitives in JS (Arrays, Objects)

  • Functions in JavaScript

  • Async Functions vs Sync Functions

  • Promises

  • Async/Await Syntax

Week 2: Node, Express & Development.

• Node.js and Express with Development Tools

  • Node Js Runtime | HTTP

  • Express.Js

  • Express Request Object: req.query, req.body, and req.headers

  • `Bash and Terminal Basics

  • Map, Filter and Arrow Fuctions

  • Git/Github - Version Control System

Week 3: Authentication, Database, Middleware, global Catches, Zod.

• Authentication & Database.

  • Fetch API Overview

  • Authentication Overview (Hashing, Encryption, Jwt)

  • Database Overview

  • Authentication system with mongoDB.

  • Additonal concidration

• Middlewares, Global Error Handling, Input Validation, Authenticaton

  • In Depth Middleware in React.

  • Global Error Handling ( Custom Classes )

  • Input Validation with Zod

  • Authentication Workflow

Week 4: DOM, Dynamic Frontends, Connecting FE to BE

• DOM & Dynamic Websites

  • What does DOM Stands for ?

  • What was Javascript and how do they relate.

  • What is a Dynamic Website

  • Debouncing

• React foundation ( Why Frontend Frameworks )

  • Dom Manupulation

  • How to Create React

  • Databases and Connection

  • What extra does a http server probide

Week 5: React Deep Dive

• Fundamentals / Basics of React.

  • Why do we need React ?

  • What is State, Component, Re-render

  • React useState Hook and Spreading

  • Todo App in react.

Week 6: React Deeper Dive

• Advance Concepts of React

  • React components Return

  • Re-Render

  • Memo (Memoization )

  • Keys

  • Wrapper components

  • Side Effects

• Hooks in React JS

  • useState Hook

  • useEffect Hook

  • useContext Hook

  • useReducer Hook

  • useMemo Hook

  • useCallback Hook

  • useRef Hook

  • useLayoutEffect Hook

Week 7: Routing, Prop Drilling, Context API, Recoil

• Routing in React Js & Jargons to know.

  • React Router Dom With Example and useNavigation()

  • Lazy Loading with Suspense

  • Default Exports

  • Nested and Parameterized Routes.

  • Routing Protection ( Private Routes )

  • Prop Drilling

  • Context API & Steps to use it.

  • Optimizing Context Usage

• Context State Management and Recoil

  • Why do we need context API?

  • Problems with Context API.

  • Why choose Recoil over other Libraries?

  • RecoilRoot, Atom, Selector, Recoil Hooks.

  • Advance Recoil Features : Async Data queries, Atom Family, Selector Family

  • & useRecoilStateLodable & useRecoilValueLodable

Week 8: Tailwind CSS & HTTP Clients

• Fetch vs Axios

  • Definition of Fetch vs Axios in React

  • Summarized Key Difference

  • Choosing Between Them and Examples

• Introduction to Tailwind CSS

  • Why Tailwind CSS

  • Core Concepts

  • Responsive Design

  • State Variants

  • Customization

  • Advanced Features like JIT mode

  • Typography Plugin

  • Tips for Senior Developers

Week 9: Custom Hooks & TypeScript

• Custom Hooks

  • Core Principles and Creating Custom Hooks

  • Advanced Data Fetching Hooks

• TypeScript

  • Strongly Typed vs Loosely Typed Language

  • What is TypeScript

  • How/Where TypeScript Code Runs

  • The TSC Compiler

  • Basic Types and Type Inference

  • Interfaces vs Types

  • Difference Between Extends & Implements

  • Arrays in TypeScript, Enums, Generics, and More

Week 10: SQL Databases and Prisma ORM

• SQL Databases

  • Strength and Weakness of SQL, NoSQL, Graph and Vendor Languages

  • SQL Relationships

  • Types of SQL Databases

  • Connecting to Postgres

  • How to Create a Table in SQL & CRUD Operations

  • Foreign Keys and Joins

• Prisma as ORM

  • Easier to Digest Definition

  • Steps to the Prisma World

  • Example of How Prisma Works Including CRUD Operations

Week 11: Backend & AWS

• Backend Servers

  • Ways to Deploy Your Application on Internet

  • What are Serverless Backends

  • When Should You Use a Serverless Architecture

  • How Does Cloudflare Workers Work

  • Isolates vs Containers

  • Initializing a Worker, Deploying a Worker, Middleware

• Using AWS

  • What is AWS, EC2 Servers

  • HTTP vs HTTPS vs SSH

  • Allowing Custom Port & Understanding Permission Digits

  • SSH into Server, Nginx, Creating a Reverse Proxy

Week 12: Advanced TypeScript, NPM, TRPC

• Advanced TypeScript

  • TypeScript with APIs

  • Advanced Type Features

• Create Your Own NPM Package & tRPC

  • Creating and Publishing NPM Packages

  • Introduction to tRPC

  • Type-Safe APIs with tRPC

• Prisma in Serverless

  • Using Prisma with Serverless Architecture

  • Best Practices and Limitations

• SQL Databases Deep Dive

  • Advanced SQL Concepts

  • Performance Optimization

• Deploying Frontend on AWS

  • AWS S3 and CloudFront for Frontend

  • Automating Deployment Process

Week 13: Medium Clone Project

• Building a Medium Clone

  • Project Setup and Architecture

  • Frontend Implementation

  • Backend Development

  • Authentication and Authorization

  • Database Schema Design

Week 14: Next.js

• Next.js Client-Side

  • Introduction to Next.js

  • Client-Side Rendering in Next.js

  • Routing and Navigation

  • Data Fetching Methods

• Next.js Server-Side

  • Server-Side Rendering (SSR)

  • Static Site Generation (SSG)

  • API Routes in Next.js

  • Incremental Static Regeneration (ISR)

Week 15: Docker Basics

• Introduction to Docker

  • What is Docker and Why Use It

  • Docker Architecture

  • Containers vs. Virtual Machines

  • Docker Commands and Dockerfile

  • Docker Compose for Multi-Container Apps

Week 16: Authentication & Monorepos

• Advanced Authentication

  • Authentication Strategies

  • OAuth and Social Logins

  • Security Best Practices

• Monorepos

  • What Are Monorepos

  • Advantages and Disadvantages

  • Tools for Managing Monorepos

• NextAuth.js

  • Authentication in Next.js with NextAuth

  • Implementing Different Providers

  • Protecting Routes and API Endpoints

Week 17: Building Any Project

• Project Development Process

  • Planning and Architecture Design

  • Breaking Down Complex Features

  • Best Practices for Project Structure

  • Testing Strategies

  • Deployment Considerations

Week 18: Building Any App Part 2 & CI/CD

• Continued Project Development

  • Advanced Features Implementation

  • Performance Optimization

  • Scaling Considerations

• Continuous Integration & Continuous Deployment

  • Introduction to CI/CD

  • Setting Up CI/CD Pipelines

  • Automated Testing in CI/CD

  • Deployment Strategies

Week 19: Advanced Backend & Frontend Concepts

• Advanced Backend: WebSockets

  • Introduction to WebSockets

  • Real-time Communication

  • Scaling WebSocket Applications

• Client-Side Rendering vs Server-Side Generation

  • Comparing CSR and SSG

  • Performance Implications

  • Use Cases for Each Approach

• Middlewares

  • Advanced Middleware Concepts

  • Custom Middleware Development

• Queues, PubSub & Redis

  • Introduction to Message Queues

  • Publish-Subscribe Pattern

  • Redis as a Message Broker

Week 20: OpenAPI Specification

• OpenAPI Specification

  • Introduction to OpenAPI

  • Creating API Documentation

  • Code Generation from OpenAPI Spec

  • API Testing with OpenAPI

Week 21: Security & Rate Limiting

• Security, Rate Limiting & CAPTCHA

  • Rate Limiting Strategies

  • DDoS Prevention

  • CAPTCHA Implementation

  • Security Best Practices

Week 22: Scaling & Capacity Estimation

• Capacity Estimation & Vertical Scaling

  • Estimating System Capacity

  • Vertical Scaling Approaches

  • When to Scale Vertically vs Horizontally

Week 23: WebRTC

• Web Real-Time Communication

  • Introduction to WebRTC

  • Peer-to-Peer Communication

  • Video and Audio Streaming

  • Building a WebRTC Application

Week 24: gRPC

• Remote Procedure Calls

  • What is RPC

  • Why Remote Procedure Call

  • Common RPC Protocols (JSON RPC, gRPC, tRPC)

  • Protocol Buffers

  • Types in Protocol Buffers

  • Implementing Services using gRPC

  • Adding Types to gRPC

Week 25: Testing

• Integration & End-to-End Testing

  • Types of Software Testing

  • Integration Testing Strategies

  • End-to-End Testing Tools

  • Test Automation Best Practices

Week 26: Monitoring & Logging

• Prometheus & Grafana

  • Introduction to Prometheus

  • Metrics Collection and Storage

  • Visualizing Data with Grafana

  • Setting Up Dashboards

• Monitoring, Logging & New Relic

  • Application Performance Monitoring

  • Logging Best Practices

  • New Relic for Monitoring

  • Alert Configuration

Week 27: Kubernetes

• Introduction to Kubernetes

  • What is Kubernetes

  • Kubernetes Architecture

  • Pods, Services, and Deployments

  • Kubernetes vs Docker Swarm

  • Setting Up a Kubernetes Cluster

Week 28: Advanced Kubernetes

• Kubernetes Advanced Concepts

  • Kubernetes ConfigMaps and Secrets

  • Kubernetes StatefulSets

  • Kubernetes Operators

  • Helm Charts

  • Kubernetes Ingress Controllers

  • Kubernetes Networking