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

Er. Nitish Kumar is an Assistant Professor at Lovely Professional University. He is skilled in Data Structures and Algorithms (DSA) and Full Stack Web Development.