Week 1: Web Fundamentals

HTML5 + CSS3 Essentials

• • Structure, tags, semantic elements
• • CSS styling, selectors, fonts, colors
• • Responsive design: Flexbox & Grid
• • Media queries for mobile compatibility

JavaScript Basics (Part 1)

• • Variables, data types, operators
• • Functions and control flow (if, loops)

Week 2: Deep Dive into JavaScript

JavaScript (Part 2)

• • Arrays, objects, and JSONs
• • DOM manipulation - accessing & modifying HTML dynamically
• • Event handling & basic animations
• • Media queries for mobile compatibility

Mini Exercises/Assignments to practice JS logic

Week 3: Version Control & Deployment

Git & GitHub Essentials

• • Git init, clone, commit, push, pull
• • Branching & collaboration
• • GitHub pages & Netlify for static deployment

Mini Static Website Project using HTML, CSS, JS

Week 4: React Essentials

React Basics

• • Introduction to single page applications
• • Components, props, and state
• • Handling events and conditional rendering

Advanced React

• • React Hooks: useState, useEffect
• • Lists, keys, and forms
• • React Router DOM for page navigation

Week 5: React Mini Project

Build a Full Frontend App (e.g., Portfolio, To-Do App, News App)

• • Use reusable components
• • Style using CSS or Bootstrap
• • Include routing and API fetch

Week 6: Backend Essentials

Node.js + Express.js Basics

• • Server creation, routing, middleware
• • REST APIs using Express

MongoDB Basics

• • NoSQL introduction, CRUD operations
• • Mongoose schema and model

Deployment

• • Deploy backend to Render / Railway

Week 7: Backend + Frontend Integration

Mini Node.js Project

• • Example: Blog backend with user, post APIs

Connecting React to Node

• • Using Axios or Fetch to consume APIs
• • Folder structure, environment config
• • Styleguide: Clean coding practices

Week 8: Auth & Typescript

Authentication

• • JWT login/register flow
• • Protected routes and access control

TypeScript Basics

• • Types, interfaces, functions, props in React with TS

Week 9 & 10: Full Stack Project

• • Choose a real-world idea: E-commerce, Chat App, Task Manager
• • Complete Frontend + Backend
• • Include login, CRUD operations, routing, deployment
• • Use Git versioning & deploy both ends

Week 11: GraphQL Introduction

• • What is GraphQL & why it matters
• • Setting up GraphQL server
• • Queries, Mutations, Resolvers
• • Using Apollo Client in React

Week 12: Final Project + Placement Prep

• • Polish the full project with UI/UX & new features
• • Resume & LinkedIn profile building
• • GitHub profile and project deployment
• • Mock interviews and job readiness training

Week 1: Dart & App Basics

Introduction to Flutter & Dart

• • Why Flutter? Setup and Emulator
• • Dart basics: variables, functions, conditionals
• • Data types, lists, maps, loops, classes

Basic Flutter App

• • Widgets, Hot Reload, Scaffold
• • Stateless vs Stateful widgets

Week 2: UI Components & Layout

Flutter UI Building Blocks

• • Containers, Rows, Columns, Stack
• • Text, Image, Button, Icons

Layout & Styling

• • Padding, Margin, Alignment
• • Themes, Fonts, Colors

Navigation Basics

• • Single screen → multi-screen navigation
• • Routes & passing data between screens

Week 3: State Management + Git

Flutter State Management (Basic)

• • setState, Lifting state up
• • Forms, TextFields, user input
• • Shared Preferences (local storage)

Git & GitHub

• • Git basics, branches, push/pull
• • Hosting code for mobile apps

Week 4: Firebase Integration

Firebase Basics

• • Firebase setup with Flutter
• • Realtime Database or Firestore
• • Read/write data operations

Authentication with Firebase

• • Email/Password login
• • Auth status, logout flow

React to Firebase data (Streams)

Week 5: Mini App Project

Mini App Using Firebase

• • Build a full CRUD app (e.g., Notes App or Task Tracker)
• • Include Auth, Firestore, and Navigation
• • Use clean UI with responsive layout

Week 6: Advanced Flutter Widgets

Advanced UI & UX

• • Bottom Navigation Bar, Drawer
• • TabBar, Slivers, ListViews
• • Animations, Hero widgets

Form Validations & SnackbarsX

Firebase Deployment (Hosting)

Week 7: API Integration

REST API with Flutter

• • Using http package
• • JSON parsing
• • Displaying data dynamically

Mini Project: News App / Weather App

Week 8: State Management (Advanced)

Provider / Riverpod / Bloc Basics

• • Explanation & setup
• • Managing app-wide state cleanly

Folder Structure & Best Practices

• • Organizing files & code reuse
• • MVC or MVVM approach

Week 9 & 10: Full Stack App Project

App Idea: E-commerce / Chat / Notes

• • Authentication + API + Firebase storage
• • Full UI/UX polish
• • State management + Local DB (sqflite optional)

Deployment

• • Build APK
• • Prepare for Play Store / iOS deployment guidance

Week 11: GraphQL & Real-time Apps

GraphQL Basics (Optional Advanced)

• • GraphQL setup and integration
• • Comparison with REST
• • Real-time messaging / updates

Week 12: Final App + Placement Prep

Final Project Enhancements

Resume Building + GitHub Projects

Mock Interviews, Q&A sessions

Mobile Dev Job Guidance (Startups, Freelance, Product Companies)