MERN Full Stack Course - React, Node & MongoDB with AI

HTML Foundations

• Learn HTML5 structure, boilerplate, semantic elements, and page organization.
• Work with text, lists, links, images, audio, video, tables, and forms.
• Use HTML5 attributes, input types, and essential meta tags.
• Understand block vs. inline elements and accessibility with ARIA.

CSS Foundations & Responsive Design

• Learn CSS selectors, colors, typography, units, and the box model.
• Build responsive layouts using Flexbox and CSS Grid.
• Work with backgrounds, positioning, image filters, animations, and transitions.
• Create responsive designs using Media Queries.

Bootstrap

• Build responsive interfaces using Bootstrap's grid, breakpoints, and typography.
• Work with tables, alerts, buttons, links, modals, collapse, and accordions.
• Build responsive navigation and forms using Bootstrap components.
• Implement Carousels and Toast notifications.

Live Project: JobConnect - Platform for Connecting Employers and Candidates

JavaScript Foundations

• Learn JavaScript fundamentals: variables, data types, operators, and conditions.
• Implement loops, functions, and exception handling.
• Work with arrays, strings, objects, and core data structures.
• Apply modern ES6+ features for clean, maintainable code.
• Validate inputs and build interactive browser-based functionality.

JavaScript Functions & Data Structures

• Understand functions, execution context, scope, and hoisting.
• Work with arrays, strings, objects, Maps, and Sets.
• Use destructuring, spread/rest operators, and template literals.
• Perform data manipulation using built-in methods.
• Build reusable utility functions and apply recursion.

Objects, Closures & Functional Programming

• Apply object-oriented programming concepts in JavaScript.
• Understand objects, prototypes, classes, closures, and lexical scope.
• Use higher-order functions for data transformation.
• Apply call(), apply(), and bind() for advanced function handling.
• Write clean, modular, and reusable code.

DOM, Classes & Asynchronous JavaScript

• Manipulate web pages using the JavaScript DOM.
• Handle events using listeners and event delegation.
• Build reusable classes using OOP principles.
• Work with callbacks, Promises, async/await, and asynchronous workflows.
• Handle async errors and understand JavaScript polyfills.

Live Project: TradeStream - A Real-Time Trading Terminal

• Build reusable user interfaces using React functional components.
• Understand JSX syntax and Virtual DOM rendering concepts.
• Manage component communication using props and component hierarchy.
• Render dynamic lists with efficient conditional rendering techniques.
• Learn React class components and lifecycle fundamentals.

Live Project: CatalogX: An E-Commerce Product Catalog

• Map of AI tools: LLMs, code assistants, AI search, agents
• Tool categories: chat models, IDE copilots, CLI agents
• Evaluation framework: accuracy, context window, cost, latency
• When AI helps vs. when it hurts: real limitations
• Setting up an AI-powered dev environment in 30 minutes
• Live experiment: solving the same problem with multiple tools

• Vibe coding: natural language to code (fast prototyping)
• Anatomy of a developer prompt: role, context, task, constraints
• Zero-shot to few-shot escalation strategy
• Chain-of-thought prompting for better reasoning
• Iterative prompting and fixing hallucinations

• Transition from prompts to structured specifications
• Writing clear technical specs before code generation
• Few-shot prompting with real codebase patterns
• Generating reliable code aligned with requirements
• Reducing ambiguity and improving determinism