Back to Full Curriculum
IX201Semester 36 (0-0-6)Innovation Lab

Innovation Lab II

Focuses on managing complex data structures across a decoupled interface. Students move beyond local component state to handle global "Application State." They will implement a robust state manager (like Redux Toolkit...

01

Track A: Web Development (Full Stack Architecture) · Task 1: Global State & Distributed UI Management

Focuses on managing complex data structures across a decoupled interface. Students move beyond local component state to handle global "Application State." They will implement a robust state manager (like Redux Toolkit or Zustand) to build a "Complex E-commerce Cart." They will learn the concepts of immutability, pure functions (reducers), and the pub/sub pattern, understanding how state changes propagate through a large component tree efficiently.

02

Track A: Web Development (Full Stack Architecture) · Task 2: Middleware & The Request Pipeline

Focuses on intercepting and processing HTTP requests before they reach the Controller. Students will explore the middleware pattern. They will build a "Role-Based Access Control (RBAC) System" (Admin vs. User vs. Guest) for an organization portal. They will learn how request parsing, header inspection, and token verification operate in the middle-tier to enforce security and logic globally without polluting individual endpoints.

03

Track A: Web Development (Full Stack Architecture) · Task 3: Caching Strategies & System Performance

Focuses on reducing computational overhead and database load. Students will understand the trade-offs of storing data in memory versus persistent storage. Using Redis or Next.js advanced caching, they will engineer a "High-Traffic Leaderboard." They will learn concepts like Cache Invalidation, Time-to-Live (TTL), and Write-Through caching, observing the dramatic latency reduction in their API response times.

04

Track A: Web Development (Full Stack Architecture) · Task 4: Relational Data Modeling & Query Optimization

Focuses on structuring complex data entities. Students will dive deep into PostgreSQL, moving beyond basic ORM usage. They will build the backend for a "Social Media Feed" requiring multi-table Joins (Users, Posts, Comments, Likes). They will learn about database normalization, foreign key constraints, indexing for performance, and the N+1 query problem, optimizing raw SQL execution plans.

05

Track A: Web Development (Full Stack Architecture) · Task 5: API Design: Pagination & Cursor Strategies

Focuses on efficient data transfer and RESTful best practices. Students will learn how to handle massive datasets being requested by the View. They will build an "Infinite Scroll Data Grid" for a large inventory system. They will contrast Offset-based Pagination with Cursor-based Pagination, understanding the performance implications of deep database offsets and how to design APIs that scale linearly.

06

Track A: Web Development (Full Stack Architecture) · Task 6: Background Processing & Task Queues

Focuses on decoupling heavy computations from the HTTP request-response cycle. Students will learn that not all tasks can be processed synchronously. Using task queues (like BullMQ or Vercel Inngest), they will build an "Automated Report Generator" that compiles large PDFs and emails them. They will understand the concept of Worker processes, job retries, and asynchronous eventual consistency.

07

Track A: Web Development (Full Stack Architecture) · Task 7: Web Security Fundamentals (OWASP)

Focuses on offensive and defensive security practices. Students will intentionally exploit vulnerabilities in a provided sandbox and then patch them. They will secure a "Financial Vault App," implementing mitigations against Cross-Site Scripting (XSS), Cross-Site Request Forgery (CSRF), and SQL Injection. They will learn about Content Security Policies (CSP), HTTP-only cookies, and data sanitization boundaries.

08

Track A: Web Development (Full Stack Architecture) · Task 8: Automated Testing (TDD & E2E)

Focuses on software reliability and the CI/CD mindset. Students will adopt Test-Driven Development (TDD) using Jest and Cypress/Playwright. They will write tests *before* code to implement a strict "Payment Processing Logic Layer." They will learn the distinct roles of Unit, Integration, and End-to-End (E2E) testing, understanding how code coverage metrics dictate production readiness.

09

Track A: Web Development (Full Stack Architecture) · Task 9: Containerization & Ephemeral Environments

Focuses on environment parity and the "works on my machine" problem. Students will learn operating system virtualization concepts using Docker. They will containerize a multi-tier application (Node.js API + PostgreSQL + Redis) using Docker Compose. They will understand image layering, container networking, and volumes, ensuring consistent execution across development and production servers.

10

Track A: Web Development (Full Stack Architecture) · Task 10: Infrastructure as Code (IaC) & CI/CD Pipelines

Focuses on automation and modern DevOps practices. Students will use GitHub Actions to automate their workflow. They will configure a pipeline that lints, tests, builds, and deploys a "Production Release Candidate." They will understand the concept of continuous integration/continuous delivery, immutable deployments, and semantic versioning, wrapping up the semester with an automated, zero-downtime deployment.

Top skills

JavaScriptNext.jsNode.jsPostgreSQLSQLData StructuresOperating SystemsComputer NetworksCompiler DesignStatistics

Structure

Semester3
Credits6 (0-0-6)
CategoryInnovation Lab