Web Development course · Chennai

Full Stack Web Development (MERN) Course in Chennai

Become a full stack web developer. Start with HTML, CSS, JavaScript and Bootstrap, learn server-side development with PHP and MySQL, then build modern applications with the MERN stack — MongoDB, Express.js, React and Node.js.

Enquire about this course +91 95004 29423
Duration
3 months
Sessions
1 hour per session
Certificate
Yes, on completion
Modules
10 modules

What you will learn

  • Build responsive websites with HTML, CSS, Flexbox, Grid and Bootstrap
  • Program interactive pages with JavaScript and the DOM
  • Create React applications with hooks, routing and Redux basics
  • Build REST APIs with Node.js and Express
  • Store data in MongoDB and MySQL

Who should join

  • Beginners who want a career in web development
  • Graduates from any stream looking to enter IT
  • Front-end developers who want to learn the backend
  • Freelancers and entrepreneurs building their own products

Prerequisites: None. Basic computer skills are enough.

Syllabus

Full Stack Web Development (MERN) Course syllabus

10 modules covering HTML, CSS, JavaScript, Bootstrap and more.

01HTML
  • Introduction
  • IDE Installation
  • Structure of HTML
  • Basic & Formatting Tags
  • List & its Types
  • Tables and its Attributes
  • Images and Link Tags
  • Forms & iFrames
  • Semantic Elements & Media Tags
02CSS
  • Introduction
  • CSS Selectors
  • Types of CSS
  • Background, Position and Display
  • Properties
  • Borders, Margins, Padding and Outline
  • Box Model in CSS
  • Text & Font Properties
  • Z-index, Float & Clear
  • Pseudo-classes and Navbar
  • Transforms (2D & 3D)
  • Animations & Gradients
  • Flex and Grid
03JavaScript
  • Introduction
  • Types of JS
  • Display Methods
  • Scope of Variables, Constants, Operators
  • Control Statements
  • Functions, Objects and Arrays
  • DOM (Document Object Model)
  • Validation, Regular Expressions
  • Event Handling
  • jQuery, AJAX, Query Selector
  • Create, Append and Remove Methods
  • OOP Concept
04Bootstrap
  • Introduction
  • Features
  • Environmental Setup
  • Bootstrap Grid
  • Typography
  • Tables in Bootstrap
  • Images in Various Styles
  • Display Text Colors
  • Bootstrap Components
  • Glyphicons & Dropdown Menu
  • Button Groups and Toolbar
  • Responsive Navbar and Pagination
  • Labels, Badges, Progress Bar
  • Alerts and Dismissible Alerts
05PHP
  • Introduction
  • Installation of XAMPP Server
  • Working of PHP Script
  • Creating First PHP Program
  • Embed PHP in HTML
  • Data Types & Constants
  • Scope of Variables in PHP
  • Operators & its Types
  • Control Structure
  • PHP Echo and Print Statements
  • Arrays and Objects
  • Functions in PHP
  • Form Handling
  • PHP Include vs Require
  • File Operations in PHP
  • OOP Concept
  • PHP with MySQL Connectivity
06MySQL
  • Introduction
  • Database
  • Concept of RDBMS
  • Tables, Records and Fields
  • Working with phpMyAdmin
  • Data Types
  • Creating Database and Table
  • DDL & DML Concepts
  • Where Clause in MySQL
  • Operators
  • Types of Sorting
  • Grouping and Having Clause
  • Joins & its Types
  • Sub Queries and Aliases
  • Aggregate Functions
07MongoDB
  • Introduction
  • MongoDB Features
  • Working with JSON
  • Features of JSON
  • Advantages of JSON
  • SQL vs NoSQL Database
  • Installation of MongoDB
  • MongoDB Environmental Setup
  • MongoDB Create Database
  • MongoDB Create Table
  • Collection
  • MongoDB Insert Collection
  • MongoDB Show Collection
  • MongoDB Select
08React JS
  • Introduction
  • Installation of React JS
  • JS vs. React JS
  • JSX and Babel
  • React Environment
  • React JSX
  • React ES6
  • Features of ECMA Script
  • Sample Exercises in React JS
  • Inserting CSS in the Project
  • Importing External CSS
  • React Components
  • React Props
  • React States
  • React Lifecycle
  • Event-handling in React JS
  • Form Handling in React JS
  • React Lists
  • React Hooks
  • The this Keyword and Arrow Functions
  • React Routing Concept
  • React Redux Introduction
09Node JS
  • Introduction
  • What is Node.js
  • Features of Node.js
  • Install Node.js on Windows
  • First Example Code
  • Console in Node
  • Concept of REPL
  • Node.js Simple Expressions
  • Using Variable
  • Multiline Expressions
  • Package Manager
  • Built-in Modules
  • MySQL Connectivity with Node
10Express JS
  • Introduction
  • HTTP Get Method
  • HTTP Post Method
  • Routing Concept
  • Middleware
  • Templates in Express
  • Types of Middleware
  • Adding CSS Property
  • Adding a href, ul, Input Tags
  • Assigning Values to Variables
  • Applying Inline Style
  • Using If Condition Statement

FAQ

Full Stack Web Development (MERN) Course — FAQ

What is the MERN stack?

MERN stands for MongoDB, Express.js, React and Node.js — a JavaScript-based stack used to build complete web applications, from the database to the user interface.

Can I get a job after a MERN stack course?

Full stack and React developers are in strong demand. With a solid project portfolio from this course, learners can apply for junior front-end, back-end or full stack developer roles.

What are the prerequisites for the Full Stack Web Development (MERN) course?

None. Basic computer skills are enough.

How do I join the next batch?

Call +91 95004 29423 or send an enquiry via our contact form. We will share batch dates, timings and fees.

You may also like

Programming

C Programming Course

C is a powerful, high-performance language that forms the foundation for many modern programming languages.

3 months Certificate

Programming

C++ Programming Course

C++ is an object-oriented language widely used in system software, game development and real-time simulations.

3 months Certificate

Programming

Core Python Course

Python is the most popular language for beginners, automation, data science and AI.

3 months Certificate

Join the next Full Stack (MERN) batch

Get batch dates, timings and fee details. We usually reply within one business day.

Enquire now Call +91 95004 29423
Chat with us