skilldevelopment.cpe@lpu.co.in

What you'll learn

Course Description This MERN Full-Stack Training program provides hands-on experience in building modern web applications using MongoDB, Express.js, React, and Node.js. The course covers front-end development with React, back-end API development with Node.js and Express, database management with MongoDB, and integration of all components to create full-stack, scalable applications. Learning Outcomes After completing this course, lstudents will be able to: Build responsive and dynamic user interfaces using React Develop RESTful APIs using Node.js and Express Design and manage databases using MongoDB Implement full-stack application architecture using the MERN stack Handle authentication, CRUD operations, and data flow between client and server Deploy and maintain full-stack web applications

  • Introduction to React, Creating React project with Vite or CRA, Folder structure Components & JSX, Props, Reusable components, Rendering UI State management using useState, Event handling, Conditional rendering Lists & Keys, Mapping data to components, useEffect basics, Fetch API & Axios intro
  • Introduction to MERN stack, What is Node.js, Installing Node & NPM, Running JavaScript in Node ES6 fundamentals, let vs const, Arrow functions, Template literals, Spread & Rest operators Node Modules (import/export), Creating custom modules, npm packages basics Working with File System (fs module), Reading & writing files, Working with JSON Promises and async/await
  • Introduction to Express.js, Installing Express, Creating basic Express server Routes in Express, GET POST PUT DELETE methods, Route parameters & query params Middleware basics, cookies and session ,bodyParser & express.json, Logging middleware, Error handling middleware Logging middleware, Error handling middleware
  • Introduction to MongoDB, Collections & documents, Installing MongoDB / MongoDB Atlas setup Connecting Express to MongoDB using Mongoose, Creating schemas & models CRUD using Mongoose, insert, find, update, delete operations Querying in Mongoose, Validation, Timestamps, Schema types Integrating MongoDB with Express CRUD API, Testing DB API with Postman
  • Introduction to MERN stack, What is Node.js, Installing Node & NPM, Running JavaScript in Node ES6 fundamentals, let vs const, Arrow functions, Template literals, Spread & Rest operators Node Modules (import/export), Creating custom modules, npm packages basics Working with File System (fs module), Reading & writing files, Working with JSON Promises and async/await
  • Introduction to Express.js, Installing Express, Creating basic Express server Routes in Express, GET POST PUT DELETE methods, Route parameters & query params Middleware basics, cookies and session ,bodyParser & express.json, Logging middleware, Error handling middleware Logging middleware, Error handling middleware
  • Introduction to MongoDB, Collections & documents, Installing MongoDB / MongoDB Atlas setup Connecting Express to MongoDB using Mongoose, Creating schemas & models CRUD using Mongoose, insert, find, update, delete operations Querying in Mongoose, Validation, Timestamps, Schema types Integrating MongoDB with Express CRUD API, Testing DB API with Postman
  • Introduction to React, Creating React project with Vite or CRA, Folder structure Components & JSX, Props, Reusable components, Rendering UI State management using useState, Event handling, Conditional rendering Lists & Keys, Mapping data to components, useEffect basics, Fetch API & Axios intro
  • usememo, useReducer , usecallback, custom hooks Fetching backend API in React, Displaying API data, Basic error handling & loading UI Understanding MERN architecture, Backend ? Frontend data flow, API integration concepts React form handling, Controlled components API Data fetching by fetch or axios
  • Performing CRUD from React using Axios, Update & Delete operations from UI Environment variables (.env), Connecting frontend & backend, Environment variables (.env), Connecting frontend & backend, Basic deployment overview Introduction to github deployment and render /vercel Mini project
  • usememo, useReducer , usecallback, custom hooks Fetching backend API in React, Displaying API data, Basic error handling & loading UI Understanding MERN architecture, Backend ? Frontend data flow, API integration concepts React form handling, Controlled components API Data fetching by fetch or axios
  • Performing CRUD from React using Axios, Update & Delete operations from UI Environment variables (.env), Connecting frontend & backend, Environment variables (.env), Connecting frontend & backend, Basic deployment overview Introduction to github deployment and render /vercel Mini project

Avatar
Nitish Kumar
Assistant Professor

Nitish Kumar