Scribd
Upload
5 views7 pages

FullStack TC

The Full Stack JavaScript Technical Competency Curriculum offers a comprehensive course on modern web development, covering frontend and backend technologies, databases, and real-time communication. Students will learn to build scalable applications using tools like Node.js, React, and TypeScript, and will complete various hands-on labs. The curriculum includes modules on web fundamentals, asynchronous JavaScript, backend development, and advanced system design.

Uploaded by

rn23067
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views7 pages

FullStack TC

The Full Stack JavaScript Technical Competency Curriculum offers a comprehensive course on modern web development, covering frontend and backend technologies, databases, and real-time communication. Students will learn to build scalable applications using tools like Node.js, React, and TypeScript, and will complete various hands-on labs. The curriculum includes modules on web fundamentals, asynchronous JavaScript, backend development, and advanced system design.

Uploaded by

rn23067
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Full Stack JavaScript

Technical Competency Curriculum

Course Overview

This course provides a comprehensive understanding of modern full-stack web development using
JavaScript. It covers frontend, backend, databases, real-time communication, and scalable system
design using industry-standard tools and frameworks.

Course Outcomes (COs)

By the end, students will be able to:

· Understand core web technologies including HTML, CSS, and JavaScript


· Build scalable backend services using [Link] and Express
· Work with relational and non-relational databases
· Develop modern frontend applications using React and [Link]
· Implement real-time features using WebSockets and WebRTC
· Design and build production-level full-stack applications

Curriculum

Module 1: Web Fundamentals

HTML & CSS

· Structure of web pages


· Semantic HTML
· CSS layouts (Flexbox, Grid)
· Responsive design
JavaScript Basics

· Variables, data types


· Functions and scope
· Arrays and objects
· DOM manipulation

JavaScript Architecture

· Execution context
· Call stack & event loop
· Memory management

Lab:

· Build a static responsive webpage


· DOM-based mini project

Module 2: Asynchronous JavaScript & Runtime

Async JavaScript

· Callbacks
· Promises
· Async/Await

[Link] vs Browser JS

· Runtime differences
· Event-driven architecture
· Modules
Lab:

· Build async data fetching app


· File system operations using [Link]

Module 3: Backend Development


HTTP & Express

· HTTP methods
· REST APIs
· [Link] fundamentals
· Middleware

Lab:

· Build REST API (CRUD operations)

Module 4: Databases

MongoDB

· NoSQL concepts
· CRUD operations
· Schema design

PostgreSQL + Prisma/Drizzle

· SQL basics
· Relationships
· ORM usage

Lab:

· Build backend with database integration


Module 5: TypeScript & Monorepos

TypeScript

· Types, interfaces
· Generics
· Type safety in backend/frontend

Turborepo

· Monorepo architecture
· Code sharing

BunJS

· Fast runtime
· Package management

Lab:

· Convert JS project to TypeScript


· Setup monorepo

Module 6: Frontend Development

React

· Components
· State & props
· Hooks

Tailwind CSS

· Utility-first styling
· Responsive UI
[Link]

· Routing
· Server-side rendering (SSR)
· API routes

Lab:

· Build full frontend application

Module 7: Real-Time Systems

WebSockets

· Real-time communication
· Chat systems

WebRTC

· Peer-to-peer communication
· Video/audio streaming

Queues / Pub-Sub

· Message brokers
· Event-driven systems

Lab:

· Build real-time chat app


Module 8: Advanced Full Stack Systems

System Design Basics

· Scalability
· Load balancing
· Caching

Production Concepts

· Deployment
· CI/CD basics
· Environment management

Tools & Tech Stack

· HTML5, CSS3
· JavaScript (ES6+)
· [Link]
· [Link]
· MongoDB
· PostgreSQL
· Prisma / Drizzle
· TypeScript
· Turborepo
· BunJS
· [Link]
· Tailwind CSS
· [Link]
· WebSockets / WebRTC
Recommended Resources

· React Official Documentation ([Link])


· Open Source Contributions (GSOC organizations, OSS companies)

You might also like