School of Software

HTML & CSS Topics

• Introduction to web development & browser basics
• HTML elements, tags, and semantic HTML
• CSS styling, selectors, and box model
• Layouts: flexbox and CSS grid
• Responsive design and media queries
• Forms, buttons, and user interaction

Mini-Project

• Implement a multi-section layout with navigation

Advanced Tailwind CSS & Introduction to JavaScript

• Advanced tailwind CSS
• Working with static site building
• Introduction to Javascript & dynamic websites

Mini-Project

• Create a styled static website
• Build a responsive personal portfolio landing page

JavaScript Topics

• JavaScript Basics: Variables, Data Types, Operators
• Functions, Loops, and Conditionals
• DOM Manipulation (Selecting, Editing, Creating Elements)
• Event Handling (click, submit, key events)
• Forms, Validation & Handling User Inputs
• ES6+ Features (Arrow Functions, Template Literals, Destructuring)
• Intro to JSON & Working with APIs (fetch, promises, async/await)

Mini-Projects

• Interactive To-Do List Web App
• Fetch and Display Data from a Public API

TypeScript Topics

• Why TypeScript? Benefits & Tooling
• Basic Types, Type Inference, Union & Intersection Types
• Interfaces & Type Aliases
• Functions, Generics & Modules
• Working with DOM in TypeScript
• TypeScript with Fetch & async/await
• Setting up TS in a project (tsconfig.json)

Mini-Projects

• Convert a JavaScript App to TypeScript
• Build a small TS-based form validation tool

React Topics

• React Concepts: Virtual DOM, SPA Architecture
• JSX, Components, Props, and State
• React Hooks: useState, useEffect
• React Router & Navigation
• State Management with Context API
• Fetching APIs with React (async data & loading states)

Mini-Projects

• Build a Dynamic React App Using a Public API
• Implement Routing, State, and Reusable Components

Next.js & Advanced TypeScript Topics

• Next.js App Router Basics (File Routing, Layouts)
• Server Components vs Client Components
• Data Fetching: SSR, SSG, ISR
• Advanced TypeScript (Utility Types, Generics, Enums, Interfaces)
• Integrating APIs & Dynamic Content
• Component Reusability & State Management Patterns
• Deployment on Vercel / Netlify

Capstone Project

• Build a multi-page Next.js website
• Use APIs for dynamic content
• Implement strong TypeScript typing throughout
• Deploy final project to Vercel

Frontend Topics

• HTML, CSS, and JavaScript Essentials
• DOM Manipulation and Events
• Modern JavaScript (ES6+)
• React Fundamentals
• React Components, Props, and State
• React Hooks (useState, useEffect, custom hooks)
• React Router and Navigation
• State Management (Context API or Redux)
• Consuming REST APIs in React
• Frontend Deployment (Vercel, Netlify)

Choose a Backend Path

Option A: Python + Django REST Framework

• Python Programming Fundamentals
• Setting Up Django Projects
• Django Models, ORM, and Migrations
• Building REST APIs with DRF
• JWT Authentication & Permissions
• PostgreSQL Integration
• API Testing with Postman

Option B: Node.js + Express.js + MongoDB

• Backend JavaScript Essentials
• Setting Up Node & Express Applications
• Routing, Controllers & Middleware
• MongoDB and Mongoose ODM
• JWT Authentication & RBAC
• Error Handling & Logging
• API Testing with Postman

DevOps and Deployment Topics

• Version Control with Git & GitHub
• Docker Basics: Building and Running Containers
• CI/CD Pipelines with GitHub Actions
• Deploying Backend APIs on AWS (EC2, S3, RDS/Mongo Atlas)
• Environment Variables & App Security

Capstone Project

• Plan and Build a Fullstack Application
• Frontend–Backend Integration
• Implement Authentication & Authorization
• Deploy Full App to Cloud (AWS / Render / Vercel)
• Peer Code Review & Final Presentation

Topics

• Mobile development landscape (native vs cross-platform)
• Why React Native?
• Setting up Node.js, npm, Expo CLI, Android Studio, and Xcode
• Creating first React Native app with Expo

Mini-Project

• Build a “Hello World” mobile app with custom styles

Topics

• Core Components: View, Text, Image, ScrollView, FlatList
• JSX, Props, and State
• Styling with StyleSheet & Flexbox
• Handling user input with TextInput and Button

Mini-Project

• Build a styled profile card mobile app

Topics

• Introduction to React Navigation
• Stack, Tab, and Drawer navigation
• Passing data between screens

Mini-Project

• Multi-screen mobile app with tab navigation

Topics

• React Hooks: useState, useEffect
• Global state with Context API
• AsyncStorage for local persistence

Mini-Project

• Todo app with persistent local storage

Topics

• REST APIs & Fetch API
• Handling async/await in React Native
• Displaying data in FlatList

Mini-Project

• News app fetching and displaying API data

Topics

• User authentication (JWT / Firebase Auth)
• Secure storage of tokens
• Protected routes and conditional rendering

Mini-Project

• Login & Signup mobile app with Firebase

Topics

• Accessing camera & gallery
• Push notifications
• Geolocation and maps integration

Mini-Project

• Photo capture app with gallery view

Topics

• Performance optimization in React Native
• Profiling & debugging with React DevTools
• Error handling & logging

Mini-Project

• Optimize a laggy mobile app with performance fixes

Topics

• Unit testing with Jest
• Component testing with React Native Testing Library
• End-to-end testing basics

Mini-Project

• Write tests for an authentication flow

Topics

• Preparing builds for iOS & Android
• Publishing apps to App Store & Google Play
• Using Expo EAS for easier deployment

Mini-Project

• Deploy a test app to both platforms

Topics

• Animations (React Native Reanimated, Lottie)
• Deep linking
• Offline-first apps & caching

Mini-Project

• Animated weather app with offline caching

Capstone Project

• Build a full-featured mobile app (student choice)
• Include navigation, API integration, authentication, and native features
• Deploy final app to both iOS and Android
• Presentation & peer review