Programme at a Glance

No. of Participants

Limited to 25

 

Course Fee

Rs. 35,000/=
8 Sundays

(from 8:30 AM to 5:30 PM)

Training course on MERN Stack

The MERN Stack Web Development training course is designed for individuals with a basic knowledge of JavaScript who want to learn how to build full-stack web applications using the MERN (MongoDB, Express.js, React.js, Node.js) stack. The course covers the fundamentals of each component of the MERN stack, including setting up the development environment, creating RESTful APIs, building dynamic user interfaces, and integrating front-end and back-end components. Participants will gain hands-on experience in developing web applications using the MERN stack through practical exercises and projects.

Target Audience – People with basic programming knowledge

The course is conducted physically at UCSC premises.

Learning Outcomes

Upon completion of this course, students will be able to do the following:

LO1. Set up the MERN stack web development environment, including installing the necessary software and tools.

LO2. Build interactive user interfaces using React.js, including components, state management, and handling user events.

LO3. Develop server-side applications using Node.js and Express.js, including handling HTTP requests, routing, and middleware.

LO4. Design and implement RESTful APIs using Express.js to interact with the MongoDB database.

LO5. Utilize working with MongoDB, including data modeling, querying, and indexing.

LO6. Integrate front-end and back-end components to create a fully functional MERN stack web application.

Online Registration

Click Here

Contact

csc@ucsc.cmb.ac.lk

Course Overview

Day 1 - Introduction to MERN Stack Web Development

  1. Overview of the MERN stack components (MongoDB, Express.js, React.js, Node.js)
  2. Setting up the development environment for MERN stack development
  3. Introduction to React.js and its core concepts
  4. Setting up the development environment for React.js
  5. Creating React Components
  6. Managing component state and props

Day 2 - React Routing and Component Lifecycle

  1. Implementing client-side routing using React Router
  2. Understanding the React component lifecycle
  3. Using lifecycle methods for component initialization and cleanup
  4. Working with React hooks for state management

Day 3 - Building Dynamic UIs with React.js

  1. Handling user events and form submissions in React
  2. Working with forms and form validation
  3. Using React context for global state management
  4. Integrating external libraries and UI frameworks with React

Day 4 - Introduction to Node.js and Express.js

  1. Overview of Node.js and its Role in server-side development
  2. Setting up the development environment for Node.js and Express.js
  3. Creating a basic Express.js server
  4. Handling HTTP requests and responses in Express.js

Day 5 - Building RESTful APIs with Express.js

  1. Designing and implementing RESTful API endpoints
  2. Implementing CRUD operations (Create, Read, Update, Delete)
  3. Handling data validation and error handling in Express.js
  4. Implementing authentication and authorization middleware

Day 6 - Data Persistence with MongoDB and Mongoose

  1. Introduction to MongoDB and its document-based data model
  2. Installing and configuring MongoDB
  3. Working with Mongoose for object modelling and data validation
  4. Performing CRUD operations with MongoDB and Mongoose

Day 7 - User Authentication and Authorization with MVC Structure

  1. Implementing user registration and login functionality
  2. Securing user credentials and passwords
  3. Using JSON Web Tokens (JWT) for authentication
  4. Applying the MVC structure in the MERN stack application

Day 8 - Advanced Authentication, Encryption, and Final Project

  1. Implementing role-based access control (RBAC)
  2. Protecting routes and API endpoints with authorization middleware
  3. Securing sensitive information and implementing encryption
  4. The final project to demonstrate the understanding of MERN stack development, including
  5. React.js, Node.js, Express.js, MongoDB integration, user authentication, authorization, and the MVC structure.

Resource Persons

Lecturer in-charge: Mr. Chanaka Wickramasinghe

Completed Batches