
Full Stack MERN (Foundation)
Foundation course covering web development basics with MERN stack fundamentals.
π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 topics1HTML - Basic19 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
2CSS - Basic19 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
3JavaScript - Basic19 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
4TypeScript - Basic5 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
5React - Basic10 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
6Node.js - Basic10 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
7Express.js - Basic10 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
8Auth - Basic6 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
9Database - Basic7 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
10Deployment - Basic5 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
11Git & GitHub - Basic5 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
12Postman & API Test - Basic4 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
13Agile Tools - Basic4 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
14Career Readiness - Basic4 topics
Basic level topics for Career Readiness
- Resume building for developers
- LinkedIn profile optimization
- GitHub portfolio best practices
- Job search strategies
For batch timings and offers, connect with a counselor.
β¨What's Included
- πΊοΈClear learning roadmap
- π οΈHands-on projects
- π¨βπ«Mentor guidance
- βDoubt resolution
- πCareer direction