Subject Details
Dept     : CSE
Sem      : 6
Regul    : 2023
Faculty : Jacquelin Anushya
phone  : 9999999999
E-mail  : janushya.p.cse@snsct.org
152
Page views
4
Files
0
Videos
2
R.Links

Icon
Syllabus

UNIT
1
WEB FUNDAMENTALS & 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: LocalStorage, SessionStorage - Debugging Tools: Browser DevTools.

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
MONGO DB DATABASE

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

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:

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

Text Book:

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