Subject Details
Dept     : CSE
Sem      : 6
Regul    : 2023
Faculty : vanitha G
phone  : 948621790
E-mail  : vanitha.g.cse@snsct.org
265
Page views
21
Files
6
Videos
3
R.Links

Icon
Syllabus

UNIT
1
WEB FUNDAMENTALS & MODERN JAVASCRIPT

Web Architecture: HTTP, REST APIs, JSON Format - HTML5: Semantic Elements, Forms, Accessibility - CSS3: Flexbox, Grid, Responsive Design - JavaScript Fundamentals: ES6+ Features, Functions, Scopes - DOM Manipulation: Event Handling, Dynamic Content - Asynchronous JavaScript: Promises, sync/Await, Fetch API - Browser Storage: Local Storage, Session Storage - Debugging Tools: Browser Dev Tools

UNIT
2
REACT FRONTEND DEVELOPMENT

React Introduction: Virtual DOM, JSX, Components - Functional Components with Hooks: useState, use Effect - Props and Data Flow Between Components - Event Handling: Forms, User Interactions - React Router: Navigation, Route Parameters - Conditional Rendering and Lists - Component Composition Patterns - State Lifting and Prop Drilling - Introduction to Testing React Components.

UNIT
3
NODE.JS & EXPRESS.JS BACKEND

Node.js Fundamentals: Event Loop, Modules, NPM - Express.js Framework: Routing, Middleware Chain - Building RESTful APIs: CRUD Operations - Request Handling: Params, Query Strings, Body Parsing- Middleware: Custom Middleware, Error Handling - API Security: CORS, Input Validation, Helmet.js - Environment Variables and Configuration - API Documentation Basics - Testing APIs with Postman.

UNIT
4
MONGODB DATABASE & AUTHENTICATION

MongoDB Fundamentals: Documents, Collections, Databases - MongoDB Atlas: Cloud Database Setup - Mongoose ODM: Schemas, Models, Data Validation - Data Relationships: Referencing, Population - Database Operations: CRUD with Mongoose - Authentication: JWT Tokens, bcrypt Hashing - Authorization: Middleware, Role-Based Access - Session Management vs Token-Based Auth - Secure API Design Principles.

UNIT
5
MERN STACK INTEGRATION & DEPLOYMENT

MERN Stack Integration: Connecting React with Express - Advanced React Hooks: useContext, use Reducer - State Management: Redux Toolkit in MERN - API Integration: Axios, Error Handling - Full-Stack Authentication: JWT in React Context - Protected Routes and Authorization - Building Complete MERN Applications - Deployment: Frontend (Netlify), Backend (Railway), Database (MongoDBAtlas)-Performance Optimization: Code Splitting, Caching - CI/CD Pipeline: GitHub Actions for MERN Stack.

Reference Book:

Wieruch, Robin. "The Road to React: Your Journey to Master Plain Yet Pragmatic React.js". 2023 Edition, Independently Published Murray, Nate, Lerner, Ari, and Allsopp, Clay. "Fullstack React: The Complete Guide to ReactJS and Friends". 1st Edition, Fullstack.io, 2018

Text Book:

Subramanian, Vasan. "Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node". 2nd Edition, Apress, 2019. Flanagan, David. "JavaScript: The Definitive Guide: Master the World's Most-Used Programming Language". 7th Edition, O'Reilly Media, 2020.