MEAN STACK

• Semantic HTML tags, Forms, and Validation.
• CSS Box Model, Flexbox, and Animation.
• Bootstrap: Responsive grid system,
• Bootstrap: Utility Classes, Components, and Forms.

• Selecting elements efficiently (document.querySelector, getElementById).
• Managing element attributes & Classes.
• Dynamic styling and CSS variable manipulation via JavaScript.
• Listening to user interactions (click, input, change, submit).
• Consuming REST APIs using the fetch() API

• Introduction to Ecma Script
• let vs const vs var.
• Template Literals.
• Array & Objects 
• For , For in , For of ,For Each
• Arrow Functions.
• Array Methods ((filter, reduce, map,etc)
• String Methods
• Object Methods
• Destructuring (Arrays & Objects).
• Spread/Rest Operators (…).
• Async Programming
• Error Handling (try/catch).

• Understanding the V8 Engine and Runtime.
• Node Modules System (Import/Export).
• Core Modules (i.e OS, File Sys)
• Asynchronous Programming
• Using NPM (Node Package Manager) to initialize projects (package.json).
• Working With Node Packages 

• Setting up a Server.
• Routing (GET, POST, PUT, DELETE).
• Request & Response Objects (req, res).
• Handling Params & JSON data

• SQL vs NoSQL.
• Creating Databases and Collections.
• CRUD Operations (Create, Read, Update, Delete) in MongoDB Compass.
• Package: mongoose – Connecting Node to MongoDB.
• Defining Schemas and Models.
• Data Validation and Types.

• User Registration logic, Login logic and Session/Token basics.
• Package: bcrypt – Hashing passwords for security before saving to DB.

Package: multer – Handling multipart/form-data for image/file uploads (e.g., User Profile Pictures).

Package: nodemailer – Sending automated emails (e.g., “Welcome” emails or “Reset Password” links).

• Design Database Schemas
• Build Backend Routes (Auth, CRUD for items).
• Implement Middleware (Multer for images, Bcrypt for passwords).
• Emails (Nodemailer) on specific actions.

• Introduction to Angular & Angular CLI
• Creating an Angular Project
• Understanding Angular Project Structure
• Components and Templates
• Data Binding
• Interpolation & Property Binding
• Event Binding
• Two-way Data Binding
• Using Directives
• Creating and Using Components
• Passing Data Between Components
• Component Lifecycle Basics
• Creating Services
• Dependency Injection
• Sharing Data Using Services
• Pipes for Formatting Data

• Template-driven Forms
• Reactive Forms Basics
• Form Controls & Validation
• Handling Form Events
• Displaying Validation Messages
• Working with User Input

• Setting Up Angular Routing
• Creating Routes and Navigation
• Route Parameters
• Navigating Between Pages
• Child Routes
• Route Guards Basics
• 404 / Page Not Found

• Introduction to HTTP Client
• Making GET, POST, PUT & DELETE Requests
• Connecting Angular with REST APIs
• Using Services for API Calls
• Displaying API Data in Components
• Handling API Errors
• Working with JSON Data

• Initializing repositories and pushing frontend/backend code.
• Connecting GitHub accounts with Vercel.
• Importing repositories and setting up build settings (Vite ).
• Deploying client-side  and handling client-side routing with vercel.json.
• Serverless backend deployment vs. hosting backend APIs with serverless routing (/api endpoints).
• Managing development vs. production environment variables securely in the Vercel dashboard (MONGODB_URI, JWT_SECRET, API base URLs)