Mern Stack
40 HoursHybrid4.9
Learn to design, develop, and deploy modern web applications using the MERN Stack: MongoDB, Express.js, React.js, and Node.js.
About this course
Learn to design, develop, and deploy modern web applications using the MERN Stack: MongoDB, Express.js, React.js, and Node.js. Build responsive user interfaces with HTML, CSS, JavaScript, and React, while developing backend services and REST APIs using Node.js and Express.js. Gain hands-on experience in database management, authentication, application security, Git, GitHub, and full-stack integration. Apply your skills by building and deploying complete web applications through practical projects.
Curriculum & Topics
10 modules · 96 topics
- 1.Introduction to Web Development
- 2.Frontend, Backend, and Database Concepts
- 3.Introduction to MERN Stack
- 4.HTML5 Document Structure
- 5.HTML Tags, Attributes, Headings, and Paragraphs
- 6.Links, Images, Lists, and Tables
- 7.HTML Forms and Input Types
- 8.Semantic HTML Elements
- 1.Introduction to CSS and CSS Syntax
- 2.CSS Selectors and Properties
- 3.Colors, Backgrounds, Fonts, and Text Styling
- 4.CSS Box Model, Margin, Padding, and Borders
- 5.Display, Positioning, and Flexbox
- 6.CSS Grid Basics
- 7.Media Queries and Responsive Design
- 8.Introduction to Bootstrap and Grid System
- 1.JavaScript Introduction and Syntax
- 2.Variables, Data Types, and Operators
- 3.Conditional Statements and Loops
- 4.Functions, Arrays, and Objects
- 5.String and Array Methods
- 6.ES6+ Features: Let, Const, Arrow Functions, and Template Literals
- 7.Destructuring, Spread, and Rest Operators
- 8.Array Methods: Map, Filter, and Reduce
- 9.DOM Manipulation and Event Handling
- 10.JavaScript Modules: Import and Export
- 11.Promises, Async/Await, and Fetch API
- 12.JSON and Error Handling
- 1.Introduction to Git and GitHub
- 2.Git Repository and Basic Commands
- 3.Commit, Push, Pull, and Clone
- 4.Managing Project Code Using GitHub
- 5.Introduction to VS Code and Postman
- 1.Introduction to React.js and Its Features
- 2.Setting Up a React Project Using Vite
- 3.React Project Structure and JSX
- 4.Functional Components and Props
- 5.State Management Using useState
- 6.Event Handling and Conditional Rendering
- 7.Rendering Lists and Using Keys
- 8.React Hooks: useState and useEffect
- 9.Forms and Input Validation
- 10.React Router and Navigation
- 11.Context API Basics
- 12.Fetching API Data Using Fetch or Axios
- 13.Handling Loading and Error States
- 14.Reusable Components and Responsive Styling
- 1.Introduction to Node.js and Its Features
- 2.Node.js Runtime and NPM
- 3.Modules and Package Management
- 4.Creating a Basic Node.js Server
- 5.Introduction to Express.js
- 6.Creating an Express Application
- 7.Routing and HTTP Methods
- 8.Request and Response Handling
- 9.Middleware and Custom Middleware
- 10.Controllers and Route Organization
- 11.Error Handling
- 12.Environment Variables
- 13.Introduction to REST API Development
- 1.Introduction to MongoDB and NoSQL Databases
- 2.SQL vs NoSQL Concepts
- 3.MongoDB Atlas and Database Setup
- 4.Databases, Collections, and Documents
- 5.CRUD Operations: Create, Read, Update, and Delete
- 6.MongoDB Queries and Filters
- 7.Introduction to Mongoose
- 8.Schemas, Models, and Validation
- 9.Connecting MongoDB with Node.js and Express.js
- 10.Relationships and ObjectId Basics
- 1.Creating REST APIs Using Express.js
- 2.HTTP Methods: GET, POST, PUT, PATCH, and DELETE
- 3.API Testing Using Postman
- 4.Connecting React Frontend with Express Backend
- 5.Sending and Receiving JSON Data
- 6.Performing CRUD Operations from React
- 7.Handling API Errors and CORS
- 8.Loading and Displaying Database Records
- 9.Updating and Deleting Records Through the UI
- 1.Introduction to Authentication and Authorization
- 2.User Registration and Login
- 3.Password Hashing Using bcrypt
- 4.JSON Web Tokens (JWT)
- 5.Authentication Middleware
- 6.Protected Routes
- 7.Basic Role-Based Access Control
- 8.Environment Variables and Secret Management
- 9.Basic Input Validation and API Security
- 1.Introduction to Application Deployment
- 2.Preparing Frontend and Backend for Production
- 3.Configuring Environment Variables
- 4.Deploying the React Frontend
- 5.Deploying the Node.js and Express.js Backend
- 6.Connecting the Deployed Application to MongoDB Atlas
- 7.Testing the Deployed Application
- 8.Debugging Common Deployment Issues
CAREER PATHWAYS
You can also explore
Hybrid
★ 4.9CREO
⏱️40 Hours
Comprehensive industry-grade training on PTC Creo Parametric covering Sketcher, Part Modelling, Surface Modelling, Sheet Metal, Assembly, Drafting, GD&T, Windchill PLM, Reverse Engineering, and Plast…
Hybrid
★ 4.9Flexera
⏱️40 Hours
Learn to manage hardware assets, software licenses, contracts, and inventory using Flexera One ITAM.
For TeamsHybrid
★ 4.8Microsoft License
⏱️40 Hours
Develop expertise in Microsoft licensing, enterprise agreements, and cloud infrastructure.
Hybrid
★ 4.9Artificial Intelligence & Machine Learning (AI/ML)
⏱️40 Hours
Explore the exciting world of Artificial Intelligence and Machine Learning through practical, industry-focused training.
For TeamsHybrid
★ 4.9ServiceNow (Development + Admin)
⏱️40 Hours
Build strong skills in ServiceNow administration and development through practical training in platform configuration, ITSM processes, scripting, workflow automation, and application development.
Hybrid
★ 4.9ServiceNow HAM Pro
⏱️40 Hours
Learn to manage hardware assets throughout their lifecycle using ServiceNow HAM Pro.
Hybrid
★ 4.8Cybersecurity
⏱️40 Hours
Develop essential skills to protect systems, networks, applications, and business data from cyber threats.
Hybrid
★ 4.8Data Science & Advanced Analytics
⏱️40 Hours
Build strong data analysis and analytical skills using Python, SQL, statistics, and advanced data visualization tools.
For TeamsHybrid
★ 4.9Adobe Licensing
⏱️40 Hours
Gain practical knowledge of Adobe licensing models, enterprise agreements, and subscription management.
Hybrid
★ 4.9ITAM Fundamentals and Advanced
⏱️40 Hours
Build expertise in hardware and software asset management, licensing models, asset lifecycle, license reconciliation, compliance audits, ELP preparation, and cost optimization using tools like Servic…
Hybrid
★ 4.9VMware / Broadcom Licensing
⏱️40 Hours
Learn VMware licensing models, vSphere, ESXi, VCF, VVF, Broadcom agreements, subscription management, entitlement verification, license key administration, renewals, and licensing cost optimization.
Hybrid
★ 4.9Salesforce Licensing
⏱️40 Hours
Develop skills in Salesforce licensing models, product editions, user license management, subscription agreements, entitlement reconciliation, compliance auditing, license optimization, and renewal m…
Hybrid
★ 4.9Red Hat Licensing
⏱️40 Hours
Gain practical knowledge of Red Hat licensing, RHEL, OpenShift, subscription models, customer portals, entitlement management, compliance audits, ELP preparation, renewals, and subscription cost opti…
For TeamsHybrid
★ 4.9Oracle Licensing
⏱️40 Hours
Gain practical expertise in Oracle licensing models, contracts, and entitlement management.
Hybrid
★ 4.9Siemens Engineering Applications
⏱️40 Hours
Understand Siemens engineering software and its licensing ecosystem, including Siemens NX, Solid Edge, Teamcenter, Tecnomatix, Polarion, and Capital.
Hybrid
★ 4.9Dassault Systèmes Licensing
⏱️40 Hours
Hybrid
★ 4.9ServiceNow SAM Pro
⏱️40 Hours
Learn to manage software assets, improve license compliance, and optimize software costs using ServiceNow SAM Pro.
For TeamsHybrid
★ 4.8IBM Licensing
⏱️40 Hours
Gain practical knowledge of IBM licensing models, Passport Advantage, PVU, VPC, and sub-capacity licensing.
Hybrid
★ 4.3Mobile App Development with Flutter
⏱️14 weeks
Ship cross-platform mobile apps with Flutter and Dart.
