Full Stack MERN (Foundation)
⭐ FeaturedBeginner40% OFF

Full Stack MERN (Foundation)

Foundation course covering web development basics with MERN stack fundamentals.

Full Stack Development6+ Months14 Modules127 Topics

πŸ“About This Course

Master the fundamentals of Full Stack Web Development with MERN stack. This foundation course covers HTML, CSS, JavaScript basics, and introductory React and Node.js concepts. Perfect for beginners starting their web development journey.

🎯What You'll Learn

  • Build responsive websites with HTML & CSS
  • Write JavaScript programs with modern ES6+ syntax
  • Understand React fundamentals and component architecture
  • Create basic Node.js and Express APIs
  • Work with MongoDB for data storage

πŸ“‹Prerequisites

  • Basic computer literacy
  • No prior coding experience required
  • Enthusiasm to learn programming

πŸ‘₯Who Is This For

  • Complete beginners to programming
  • Students looking to start web development
  • Anyone wanting to learn MERN basics

πŸ“šCourse Curriculum

14 modules β€’ 127 topics
1
HTML - Basic
19 topics

Basic level topics for HTML

  • HTML root & boilerplate: <!DOCTYPE>, <html>, <head>, <body>
  • Metadata tags: <meta charset>, viewport, <title>, <base>
  • Text tags: <h1>–<h6>, <p>, <br>, <hr>, comments
  • Text formatting: <b>, <i>, <u>, <s>, <sub>, <sup>, <mark>
  • Lists: <ul>, <ol>, <li>; nested lists
  • Anchor elements: <a> with href, target, rel
  • Images: <img> with src, alt, srcset, sizes, crossorigin
  • Embedded content: <iframe> for YouTube, Maps, etc.
  • Tables: <table>, <tr>, <td>, <th>, caption, colspan, rowspan
  • Forms: <form>, <input>, <label>, <textarea>, <select>, <option>
  • Input types: text, email, number, password, date, etc.
  • Boolean attributes: required, readonly, disabled, autocomplete
  • Grouping tags: <fieldset>, <legend>, <datalist>, <output>
  • Semantic tags: <header>, <nav>, <main>, <section>, etc.
  • Inline semantics: <span>, <div>, <figure>, <figcaption>, <mark>
  • Accessibility: alt, label, tabindex, ARIA basics
  • SEO basics: proper headings, title, meta description, outline
  • Mini Project: "About Me" semantic HTML page
  • Global attributes: id, class, data-*, hidden, lang, style
2
CSS - Basic
19 topics

Basic level topics for CSS

  • What is CSS, syntax, ruleset structure (selector { property: value; })
  • Selectors: Type, Class, ID, Universal, Group
  • Combinator Selectors: Descendant ( ), Child (>), Adjacent (+), Sibling (~)
  • Box Model: content, padding, border, margin, box-sizing
  • Units: px, em, rem, %, vw, vh, vmin, vmax
  • Colors: color, background-color, named, hex, rgb, rgba
  • Backgrounds: background-image, repeat, position, size, shorthand
  • Typography: font-family, font-size, line-height, letter-spacing, text-align
  • Borders & Outline: border, border-radius, outline
  • Margin, Padding (longhand & shorthand)
  • Display: block, inline, inline-block, none
  • Position: static, relative, absolute, fixed, sticky
  • z-index and stacking context basics
  • Float & Clear
  • Overflow: visible, hidden, scroll, auto
  • Styling lists and tables: list-style, border-collapse, table-layout
  • Cursor, visibility, opacity
  • CSS Reset, normalize.css
  • Mini Project: Style "About Me" page
3
JavaScript - Basic
19 topics

Basic level topics for JavaScript

  • What is JavaScript, ES versions, script tag placement
  • Variables: var, let, const, hoisting
  • Data types: String, Number, Boolean, Null, Undefined, Symbol, BigInt
  • Operators: Arithmetic, Assignment, Comparison, Logical, Ternary
  • Type coercion: implicit vs explicit, truthy/falsy
  • Strings: methods (slice, split, replace, template literals)
  • Numbers: Math methods, parseInt, parseFloat, toFixed
  • Control Flow: if, else if, else, switch
  • Loops: for, while, do-while, for..in, for..of
  • Arrays: creation, indexing, push, pop, shift, unshift
  • Array methods: map, filter, reduce, find, forEach, some, every
  • Objects: creation, dot vs bracket notation, methods
  • Object methods: keys, values, entries, assign, freeze
  • Functions: declaration, expression, arrow functions
  • Parameters: default values, rest, spread
  • Scope: global, function, block; closures
  • Pure functions, side effects
  • Higher-order functions, callback basics
  • Mini Project: Interactive Quiz App
4
TypeScript - Basic
5 topics

Basic level topics for TypeScript

  • What is TypeScript, benefits, setup, tsconfig.json
  • Basic Types: string, number, boolean, any, unknown, void, never
  • Arrays & Tuples
  • Object Types & Type Inference
  • Type Assertion
5
React - Basic
10 topics

Basic level topics for React

  • Setup with Vite (TypeScript), project structure
  • JSX syntax, expressions, fragments
  • Components: functional, props, children
  • Conditional rendering, lists, keys
  • Event handling, synthetic events
  • useState: basic state management
  • useEffect: lifecycle, cleanup, deps
  • Controlled vs Uncontrolled inputs, form handling
  • Styling: CSS Modules, Tailwind, styled-components basics
  • Mini Project: Task Tracker App
6
Node.js - Basic
10 topics

Basic level topics for Node.js

  • What is Node.js, V8 engine, runtime basics
  • Installing Node.js, npm/yarn, package.json
  • Running scripts, nodemon, node REPL
  • Core modules: fs, path, os, url
  • Synchronous vs Asynchronous file operations
  • http module: creating basic server, handling requests
  • Module system: CommonJS (require/exports)
  • ES Modules in Node (import/export)
  • Environment variables: dotenv
  • Mini Project: Simple file logger / HTTP server
7
Express.js - Basic
10 topics

Basic level topics for Express.js

  • What is Express, setup, folder structure
  • Request-response lifecycle, app.listen
  • Routing basics: app.get, app.post, route params, query strings
  • Router for modular routes
  • Request parsing: body-parser, JSON, URL-encoded
  • Response methods: json, send, status, redirect
  • Static file serving, express.static
  • Middleware basics: custom middleware, next()
  • Built-in middleware: json, urlencoded, static
  • Mini Project: REST API for Notes/Tasks
8
Auth - Basic
6 topics

Basic level topics for Auth

  • Authentication vs Authorization fundamentals
  • Password hashing: bcrypt basics
  • Session basics: express-session, cookies
  • JWT fundamentals: header, payload, signature
  • Access tokens vs Refresh tokens concept
  • Mini Project: Simple JWT login/register
9
Database - Basic
7 topics

Basic level topics for Database

  • What is a database, SQL vs NoSQL overview
  • MongoDB setup (Atlas or local), collections, documents
  • MongoDB CRUD: insertOne, find, updateOne, deleteOne
  • Mongoose ODM: schemas, models, connections
  • Schema types, required, default, enum
  • Basic queries with Mongoose
  • Mini Project: Notes API with MongoDB
10
Deployment - Basic
5 topics

Basic level topics for Deployment

  • What is deployment, servers, domains, DNS basics
  • Hosting static sites: Vercel, Netlify
  • Deploying Node apps: Render, Railway
  • Environment variables in production
  • Mini Project: Deploy frontend + backend
11
Git & GitHub - Basic
5 topics

Basic level topics for Git & GitHub

  • Version control concepts, Git installation
  • git init, add, commit, status, log
  • Branching: branch, checkout, merge
  • Remote repos: clone, push, pull, fetch
  • GitHub: repos, README, .gitignore
12
Postman & API Test - Basic
4 topics

Basic level topics for Postman & API Test

  • Postman intro, collections, environments
  • Making requests: GET, POST, PUT, DELETE
  • Headers, body types, auth headers
  • Variables and scripting basics
13
Agile Tools - Basic
4 topics

Basic level topics for Agile Tools

  • Jira basics: boards, sprints, backlogs
  • Trello/Notion for project tracking
  • Slack/Discord for team communication
  • Time tracking basics
14
Career Readiness - Basic
4 topics

Basic level topics for Career Readiness

  • Resume building for developers
  • LinkedIn profile optimization
  • GitHub portfolio best practices
  • Job search strategies
#MERN#Full Stack#Web Development#Foundation#Beginner
Course Fee
β‚Ή14,999β‚Ή24,999
πŸŽ‰ 40% OFF - Limited Time
Duration6+ Months
LevelBeginner
Modules14
Topics127

For batch timings and offers, connect with a counselor.

✨What's Included

  • πŸ—ΊοΈClear learning roadmap
  • πŸ› οΈHands-on projects
  • πŸ‘¨β€πŸ«Mentor guidance
  • ❓Doubt resolution
  • πŸš€Career direction

πŸ“€Share This Course