Get updates on Eligibility, Admission, Placements Fees Structure
Quick Facts
| Medium Of Instructions | Mode Of Learning | Mode Of Delivery |
|---|---|---|
| English | Self Study, Virtual Classroom | Video and Text Based |
Course Overview
MERN Stack Developer programme provides practical experience in full-stack web development. The training achieves this through a series of hands-on classroom and lab assignments to develop a dynamic and responsive website. Candidates will learn about back-end and front-end development, along with the MongoDB database and React Library to develop web and hybrid mobile applications.
MERN Stack Developer certification syllabus consists of working with tables, forms, lists, geolocator APIs, videos, and session storage. The course emphasises installation and working with Node.js. It covers many Node.js-related topics such as its execution model, events, streams, socket programming APIs, security, and much more.
MERN Stack Developer program offers 24*7 access to all the course material for the aid of students for a period of six weeks. Candidates will have to submit assignments and clear an MCQ-format final assessment conducted online, which will help evaluate their progress. What’s more, upon successful conclusion of the training, learners can obtain a certificate of completion that illustrates their acquired skills.
The Highlights
- Javascript, HTML5, CSS
- Educator from IIT Kanpur
- Value added workshops
- Full-stack web development
- Certificate upon successful completion of course
- Bootstrap
- Classroom assignments
- Lab assignments
- MongoDb database
- MCQ-format Final assessment
- High-quality video lectures
- Access to all study material for six weeks
Programme Offerings
- Online studying course
- High-quality video lectures of nearly six hours
- Final assessment in the form of MCQ exam
- Classroom assignments
- Node.js
- Full-stack web development
- Certificate upon successful completion of course
- Javascript
- HTML5
- CSS
- React
Courses and Certificate Fees
| Certificate Availability | Certificate Providing Authority |
|---|---|
| yes | IIT Kanpur |
- MERN Stack Developer online course has a joining fee of Rs. 4,237. In addition, an 18% GST is applicable.
MERN Stack Developer programme fee structure
Course Name | Fee in INR |
MERN Stack Developer | Rs. 4,237+ 18% GST |
Eligibility Criteria
Candidates interested in the MERN Stack Developer certification need to know the OOPS concept and programming languages.
Certification qualifying details:
Students must pass the final MCQ quiz with a score of 60% minimum to achieve a certificate.
What you will learn
Candidates are encouraged to complete the MERN Stack Developer training as they will have a deeper understanding of:
- HTML5, CSS, JavaScript and Bootstrap.
- The syntax, semantics, and idioms of Javascript.
- Manipulation of DOM elements with JavaScript.
- Dynamic and responsive web designing.
- Various design and components to programming and web design.
- The advantages and disadvantages of React.
- The functional, state, and child components, lifecycle, and routing in React.
- Node.js execution model, events, streams, APIs, and much more.
Who it is for
MERN Stack Developer will be beneficial to the individuals who are interested in upgrading their skill set. Interested candidates include students, teachers, faculty, or working professionals in the field of computer science or information technology.
Admission Details
To enrol yourself to MERN Stack Developer by E&ICT Academy, IIT Kanpur, candidates need to follow these steps:
Step 1: Sign up or login into the E&ICT Academy, IIT Kanpur website.
Step 2: Visit https://ict.iitk.ac.in/product/mern-stack-developer-2/, find ‘Enroll & pay’, and click on it.
Step 3: Confirm the fee amount and enter any available and applicable coupon. Confirm the total fee payable and click on ‘proceed to checkout’.
Step 4: Pay the total fee amount and join the course.
Application Details
Candidates can apply for the MERN Stack Developer programme by logging in or signing up on the E&ICT, IIT Kanpur website. To create a profile, candidates need to enter details about their name, contact information, gender, address, education qualification, professional qualification if any, and a scanned photograph.
The Syllabus
Working with HTML5
- HTML Introduction and History
- Working with HTML Elements
- Adding Attributes to HTML Element
- Working with Input Elements
- Working with Forms
- Working with Lists
- Working with HTML Tables
- Adding Styles to HTML Elements
Introduction to HTML5
- Introduction to HTML5 Doctype
- HTML5 New Elements
- Working with HTML5 Geolocator APIs
- Working with Local and Session Storage
- HTML5 Audio and Video Tag
Working with Application Styling
- Working with Classes for Styling
- Attaching Styling to Element Id
- CSS Box Model
- Working with Flexbox
- Adding Animation to the Elements
- Working with “position”
- Introduction to “display” Property
Working with Bootstrap
- Introduction to Bootstrap
- Bootstrap Layout Model
- Working with Bootstrap Components
- Working with Bootstrap Utilities
Introduction to JavaScript
- Creating Variables in JavaScript
- Creating Functions in JavaScript
- Returning Data from Functions
- Working with Conditions
- Looping in JavaScript
- JavaScript Execution Model
- Understanding “false” and “falsy” Values
- Block Scope Variables
- Function Definition vs Declarations
Working with Objects
- Creating Object using Object Literals
- Working with Module Pattern
- Working with IIFEs
- Creating Singleton Objects
- Creating Objects with Prototype Pattern
Manipulating DOM Elements with JavaScript
- Accessing DOM Elements using “tag” name
- Accessing DOM element using “classes”
- Accessing Elements using “id”
- Manipulating DOM Elements
- Updating DOM styling with JavaScript
Working with Modern JavaScript
- Working with ES6
- Variable and Block Scope
- Arrow Functions
- Object Literals
- Rest and Spread Operators
- Template String
- Working with Classes
- Promises in ES6
- Working with Async and Await
Introduction To React
- Introduction To React
- What is React?
- Setting Up React Development Environment
- Advantages and Disadvantages
- React vs Angular
- Working with Virtual DOMs
Working with Functional Components
- Understanding React Functional Component
- Defining a Component
- Component Rendering
- Understanding JSX
- JSX vs Native JavaScript Implementation
- Multiline JSX
- Understanding the parameters in “ReactDOM”
Working with Data in Functional Component
- Understanding Props Data
- Passing Props data to the Component
- Understanding and Updating Props
- Interpolating Data in Component
- Invoking Functions in React Component
- Raising Event with React Components
- Working With Spread and Rest Operators
Creating State Components
- Understanding State Components
- Adding State to the Component
- Passing State to Child Components
- Updating Component State
- Understanding State Update impact on props
- Working with “setState”
- Understanding “setState” asynchronous behaviour
Working with Child Components
- Adding Child Component to Parent Components
- Passing Data to Child Components
- Lifting the State
- Updating the Parent Data from Child Component
React Basics Introduction
- Working with Conditional Operators
- Working with Iterations
- Working with Keys in Iteration
- Incorrect Usage of Keys
- Performance Impact of Keys in Iteration
Understanding React Lifecycle
- Working with Lifecycle Events
- Working with “shouldComponentUpdate”
- Understanding “shouldComponentUpdate” complexity
- Optimizing code with “shouldComponentUpdate”
- Working with Force Update
Working with Routing in React
- Understanding the dynamics of Single Page Architecture
- Creating Single Page architecture with React Routers
- Working with BrowserRouter and HashRouter
- Defining React Router and Switch and Links
- Nested Routing in React
- Working with Render Props
- Creating Private Routes
- Prompt User on Page Redirection
- Creating Custom Routes and Links
Working with Forms
- Capturing Events from Forms
- Updating Forms Data
- Working with Uncontrolled Elements
- Working with TextArea, Inputs, etc
Understanding Uncontrolled Elements
- Uncontrolled vs Controlled Elements
- Understanding “ref” in React
- Advantage and Disadvantages of Uncontrolled Elements
Performance Optimization with React 16.8
- Working with Pure Components
- Working with React Fragments
- Function binding with Arrows vs “bind” keyword.
- Working with “memos”
- Working with Lazy and Suspense
- Providing Default parameters
Getting Started with Node.js
- Course Introduction
- What in Node.js
- Why Node.js
- Installing Node.js
- Building Sample Node Script
- Executing Node Scripts
Node.js Execution Model
- Working with Event Loop
- Event-Based Architecture
- Working with Event Emitters
- Node Asynchronous Programming
- Working with Callbacks
Events in Node.js
- Event-Based Programming
- Events and Event Emitter Classes
- Broadcasting Events in Node.js
- Capture Node Events
Streams in Node.js
- Understanding Streams
- Readable and Writable Streams
- Piping Between Streams
- Passing Data through multiple Streams
Accessing Local System using Node.js
- Understanding “Process” Object
- Interaction with File Systems
- Capturing Operating System Details using Node.js
- Working with “fs” Module
- Understanding the “os” Module
Node.js for Web
- Creating Basic HTTP Server
- Working with HTTP Routes
- Parsing URLs and Query Strings
Socket Programming
- Understanding Sockets in Node.js
- Setting up Socket.io
- Sending Messages via Sockets
- User Triggered Messaging
- Broadcasting Mouse Movements
- Creating Sample Chat Application
Accessing Data with Node.jstle
- Working with No-SQL Databases
- Installing MongoDB
- Accessing MongoDB Server
- Writing Data to MongoDB Server
- Querying Data from MongoDB Server
- Inserting Data in MongoDB
- Using Forms for Data Insertion
- Creating New Documents
- Handling Errors
Building APIs with Node.js
- What is HTTP APIs
- Creating a Controller
- Creating a GET Action
- Creating POST Action
- Creating a PUT Request
- Using APIs to interact with MongoDB Server
Securing Node.js
- Understanding Passport Authentication
- Creating Registration Page
- Securing Passwords
- Installing Passport
- Verifying Credentials
- Integration of Passport and Express
- Creating Login Page
- Authorization Pages and APIs
Evaluation process
Candidates need to give a final MCQ exam and score at least 60% to achieve a certificate in the MERN Stack Developer by E&ICT Academy, IIT Kanpur.
IIT Kanpur Frequently Asked Questions (FAQ's)
Candidates can access the course material for a period of six weeks.
Yes. Candidates need to give a final MCQ exam wherein they must score at least 60% marks to pass.
Candidates can use a coupon to avail offers during the online admission process.
The educators are faculty from IIT Kanpur.
MERN Stack Developer is a 100% online course. Candidates need not visit the campus to attend this course.