MERNXCELERATE – Full Stack Web Development (with Internship Guidance)

About Course

MernXcelerate is IteraLearn Solutions’ flagship online program designed to turn beginners into proficient full stack web developers using the powerful MERN stack (MongoDB, Express.js, React, Node.js). Whether you’re a student, job seeker, career switcher, or a working professional looking to upskill, this course is tailored to meet you where you are and take you to the next level.

From building your first responsive webpage using HTML, CSS, and JavaScript to deploying dynamic, data-driven full stack applications, MernXcelerate covers every aspect of modern web development through a carefully structured curriculum. Our hands-on approach ensures that you learn by doing—through real-world projects, guided coding sessions, and collaborative tasks.

🔑 What You’ll Learn

Frontend Development
- HTML5, CSS3, JavaScript ES6+
- Bootstrap, Tailwind CSS
- Advanced React.js (Hooks, Routing, State Management, etc.)
Backend Development
- Node.js and Express.js
- RESTful API development
- Authentication and Authorization
Database & Deployment
- MongoDB and Mongoose
- CRUD operations and advanced queries
- Hosting on platforms like Vercel, Netlify, and Render
Project Work
- Build real-world applications like eCommerce sites, portfolio websites, chat apps, and more
- Participate in capstone projects and peer-reviewed assignments

🎯 Course Highlights

✅ Live Interactive Classes
✅ Hands-On Projects
✅ 1:1 Mentorship & Doubt Clearing Sessions
✅ Internship Guidance with Freelancing oppurtunities
✅ Resume and Professional LinkedIn Profile Building

📣 Who Can Join?

This course is perfect for:

Beginners with no prior coding experience
Students and recent graduates
Working professionals looking to switch careers or upskill
Entrepreneurs who want to build and manage their own web applications

📞 Contact Us

Interested in becoming a full stack developer?
Visit iteralearn.in or reach out to us:

📱 +91 9378067101 / +91 8167342888
📧iteralearnsolutions@gmail.com

Course Content

Prerequisites

Prerequisites
Installation Resources

HTML (Level 1) – Part A

HTML (Level 1) – Part B

HTML (Level 2)

Inline v/s Block
Div Element
Span Element
Hr Tag
Sup and Sub Tags
Semantic Markups
Semantic Tags
HTML Entities
Emmets
Further Understanding HTML

HTML (Level 3)

Tables in HTML
Semantics in Tables
Colspan and Rowspan Attributes
Forms in HTML
Input – Form Element
Placeholders and Labels
Button Element
Name Attribute
Checkbox – Input Element
Radio – Input Element
Select – Input Element
Range – Input Element
Text Area

CSS – (Level 1)

What is CSS ?
Basic CSS Format
Including CSS
Color Property
Background Color Property
Color Systems (Name and RGB)
Hex Codes
Text Align Property
Font Weight and Text Decoration
Line Height and Letter Spacing
Units in CSS (Pixel)
Font Family

CSS – (Level 2)

Universal Selector
Element Selector
Id Selector
Class Selector
Descendant Selector
Sibling Combinator
Child Combinator
Attribute Selector
Pseudo Class
Pseudo Element
Cascading and Specificity
!important in CSS
Inheritance

CSS – (Level 3)

Box Model
Height and Width
Border
Border Radius
Padding Property
Margin Property
Display Property
Conclusion (Block and Inline)
Inline – Block
Relative Units (Percentage)
Em and Rem Units

CSS – (Level 4)

Alpha and Opacity
Transitions in CSS
Transform – Rotate
Transform – Scale
Transform – Translate
Transform – Skew
Box Shadow
Background Image
Card Hover Effect
Position Property
Simple Smiley Face

CSS – (Level 5)

What is Flexbox ?
Display Flex
Flex Direction
Justify Content
Flex Wrap
Align Items
Align Content
Align Self
Flex Sizing
Flex Shorthand
Flexbox Summary

CSS – (Level 6)

What is Grid ?
Grid Model
Grid Template
Grid Template – repeat
Grid Gaps
Grid Columns
Grid Rows
Grid Properties
Animation in CSS
Animation Shorthand
% in Animation
Media Queries
Media Queries – Orientation
Pet Adoption Page
z-index

Mini Project (CSS)

Bootstrap

What is Bootstrap ?
Using Bootstrap
Container (Layout)
Button (Component)
Badge (Component)
Alert (Component)
Button Group (Component)
Navbar (Component)
Card (Component)
Grid (Layout)
Grid (Vertical Alignment)
Form Controls in Bootstrap
Select in Form
Checkbox & Radio in Form
Form Layout

Tailwind

JavaScript (Level 1)

Introducing JavaScript
Using the Console
What is a Variable ?
Data Types in JS
Numbers in JS
Operations in JS
NaN in JS
Operator Precedence
let, const & var Keywords
Unary Operators
Identifier Rules
Boolean in JS
What is TypeScript ?
String in JS
String Indices
null & undefined in JS

Javascript (Level 2)

console.log()
Linking JS File
Template Literals
Operators in JS
Comparison Operators
Comparison for Non Numbers
Conditional Statements
if Statement
else if Statement
else Statement
Nested if-else
Logical Operators
truthy and falsy
Switch Statement
Alerts and Prompts

JavaScript (Level 3)

String Methods
Trim Method
Strings are Immutable in JS
ToUpperCase and ToLowerCase
Methods with Arguments – indexOf
Method Chaining
Slice Method
Replace and Repeat Method
Array (Data Structure)
Visualizing Arrays
Creating Arrays
Arrays are Mutable
Array Methods
indexOf and includes Method
Concatenation and Reverse
Slice in Arrays
Splice in Arrays
Sort in Arrays
Array References
Constant Arrays
Nested Arrays

JavaScript (Level 4)

for Loops
Dry Run
Print Odd Numbers
Print Even Numbers
Infinite Loops
Print Multiplication Table
Nested for Loop
while Loops
Favorite Movie
break Keyword
Loops with Arrays
Loops with Nested Arrays
for-of Loops
Nested for-of Loops
Todo App (only JS)

JavaScript (Level 5)

Object Literals
Creating Object Literals
Creating a Post
Get Values
Conversion in Get Values
Add / Update Values
Nested Objects
Array of Objects
Math Object
Random Integers
Guessing Game

JavaScript (Level 6)

What are functions ?
Functions with Arguments
return Keyword
What is Scope ?
Block Scope
Lexical Scope
Functions Expressions
Higher Order Functions
Higher Order Functions (Returns)
Methods

JavaScript (Level 7)

JavaScript (Level 8)

Array Methods
Map and Filter
Every and Sum
Reduce Method
Maximum in Array
Default Parameters
Spread
Spread (Array Literals)
Spread (Object Literals)
Rest
Destructuring
Destructuring (Objects)

JavaScript (Level 9)

Introduction
What is DOM ?
Download Starter Code
Selecting Element by ID
Selecting Elements by Class Name
Selecting Elements by Tag Name
Query Selectors
Setting Content in Objects
Manipulating Attributes
Manipulating Style (with style attribute)
classList Property
Navigation on Page
Adding Elements on Page
Removing Elements from Page

JavaScript (Level 10)

DOM Events
Mouse / Pointer Events
Event Listeners
Activity
Event Listeners for Elements
this in Event Listeners
Keyboard Events
Form Events
Extracting Form Data
More Events

JavaScript (Level 11)

JS Call Stack
Visualizing the Call Stack
Breakpoints
JS is Single Threaded
Callback Hell
Setting up for Promises
Refactoring with Promises
then( ) and catch( ) methods
Promise Chaining
Results and Errors in Promises
Refactoring old code

JavaScript (Level 12)

async Functions
await Keyword
Handling Rejections
What is an API ?
Accessing some APIs
What is JSON ?
Accessing JSON Data
API Testing Tools
What is Ajax ?
Https Verbs
Status Codes
Adding Information in URLs
Https Headers
Our First API request
Using Fetch with async-await

JavaScript (Level 13)

Project (HTML + CSS + JS)

Terminal

What is the Terminal ?
Different Terms related to Terminal
Installing Git Bash (Window Users only)
Basic Commands
Navigation Commands
Paths in Navigation
Making Directories
What are Flags ?
Touch Command
Deleting Files and Folders

Git and Github

What is Git and Github ?
Creating a Github Account
Using Github
Using Git
Configuring Git
Git with VSCode
Clone Command
Status Command
Add and Commit Commands
Push Command
Init Command
Pushing Local Repo
Workflow
Git Branches
Branch Commands
Merging Branches
Pull Command
Merge Conflicts
Fixing Mistakes
What is Forking ?

Backend 1 (Node.js)

What is Node.js ?
Node Installation
Installation Links
Node REPL
Node Files
Process in Node
Export in Files
Export in Directories
What is npm ?
Installing Packages
package.json
Local v/s Global Installation
import modules

Backend 2 (Node : Express)

Backend 3 (Node : EJS)

What is Templating ?
Using EJS
Views Directory
Interpolation Syntax
Passing Data to EJS
Instagram EJS
Conditional Statements
Loops
Instagram Page with EJS
Serving Static Files
Includes

Miscellaneous

Backend 4 (REST)

What is Rest ?
CRUD Operations
Creating RESTful APIs
Index Route
Create and New Route
Redirect
Show Route
Creating Ids (UUID)
Update Route
Edit Route
Destroy Route

Starting with SQL

What is a Database ?
SQL v/s NoSQL
What is SQL ?
What is a Table ?
Installation (For Windows)
Installation (For Mac)
Our First Database
Our First Table
Database Queries
Create Table
What are Constraints ?
Key Constraints
Primary and Foreign Key
INSERT into Table
Select Command

SQL (Part 2)

Where Clause
Operators in Where
Frequently Used Operators
Limit Clause
Order By Clause
Aggregate Functions
Group By Clause
Having Clause
General Order
UPDATE Table
DELETE Table
ALTER Table
TRUNCATE Table

Backend 5 (Node with SQL)

Using Faker
MySQL Package
Using SQL form CLI
CREATE Table User
INSERT into User
Insert in Bulk
Routing
Home Route
Add Template
Show Route
Edit Route
Update Route

Installation of MongoDB

MongoDB (Part 1)

The Mongo Shell
How we store data ? (BSON)
Document and Collection
INSERT in DB (InsertOne)
INSERT in DB (InsertMany)
Find in DB
Query Operators
UPDATE in DB
Nesting
DELETE in DB

MongoDB (Part 2)

What is mongoose ?
Installation and Setup
Schema
Models
Insert in Mongoose
Insert Multiple
Find in Mongoose
Update in Mongoose
FindAndUpdate
Delete in Mongoose
Schema Validations
SchemaType Options
Validation in Updation & Errors

MongoDB with Express

Basic Setup
Creating our Model (Chat)
Initialize Database
Index Route
New Route
Create Route
Using Route
Edit Route
Update Route
Destroy Route

Project (Frontend + Backend + Database)

Backend 6 (Middlewares)

Backend 7 (Errors)

Database Relationships

React (Part 1)

What is React ?
What is JSX ?
Setup Local Environment
Understanding 1st Component
Import – Export
Writing Markup in JSX
React Fragment
JSX with Curly Braces
Structuring Components
Style Components

React (Part 2)

React (Part 3)

Handling Click Events
Handling Non Click Events
Event Object
State in React
Hooks
useState( )
Closure in JS
Re-render : How does it work ?
Callback in Set State Function
More about State

React (Part 4)

React (Part 5)

React (Part 6)

Project (Using React)

Supplement : Redux and Redux Toolkit

Student Ratings & Reviews

No Review Yet

About Course

🔑 What You’ll Learn

🎯 Course Highlights

📣 Who Can Join?

📞 Contact Us

What Will You Learn?

Course Content

Prerequisites

Prerequisites

Installation Resources

HTML (Level 1) – Part A

Introduction to HTML

HTML Elements and Tags

Hello World

Paragraph Element

Heading Elements

Boilerplate Code

HTML (Level 1) – Part B

Lists in HTML

Attributes in HTML

Anchor Element

Image Element

More HTML Tags

Comments in HTML

Is HTML Case Sensitive ?

HTML (Level 2)

Inline v/s Block

Div Element

Span Element

Hr Tag

Sup and Sub Tags

Semantic Markups

Semantic Tags

HTML Entities

Emmets

Further Understanding HTML

HTML (Level 3)

Tables in HTML

Semantics in Tables

Colspan and Rowspan Attributes

Forms in HTML

Input – Form Element

Placeholders and Labels

Button Element

Name Attribute

Checkbox – Input Element

Radio – Input Element

Select – Input Element

Range – Input Element

Text Area

CSS – (Level 1)

What is CSS ?

Basic CSS Format

Including CSS

Color Property

Background Color Property

Color Systems (Name and RGB)

Hex Codes

Text Align Property

Font Weight and Text Decoration

Line Height and Letter Spacing

Units in CSS (Pixel)

Font Family

CSS – (Level 2)

Universal Selector

Element Selector

Id Selector

Class Selector

Descendant Selector

Sibling Combinator

Child Combinator

Attribute Selector

Pseudo Class

Pseudo Element

Cascading and Specificity

!important in CSS

Inheritance

CSS – (Level 3)

Box Model

Height and Width