MERN Stack Training in Kochi
MERN is an acronym that stands for MongoDB, Express, React, and Node, the four essential technologies that comprise the stack.
- MongoDB is a document storage system.
- Express(.js) is a web framework written in Node.js.
- React(.js) is a JavaScript framework that runs on the client-side.
- Node(.js) is the most popular JavaScript web server.
MERN is one of numerous MEAN stack (MongoDB Express Angular Node) variants in which the typical Angular.js frontend framework is substituted with React.js. MEVN (MongoDB, Express, Vue, Node) is another version, although essentially any frontend JavaScript framework can work.
Express and Node are the components of the middle (application) tier. Node.js is a popular and capable JavaScript server platform, while Express.js is a server-side web framework. Regardless of which form you choose, ME(RVA)N is the best way to work with JavaScript and JSON from start to finish.
Blue Shell’s “MERN Stack Training in Kochi” will teach you how to develop a full-stack social network application with Node.js, Express, React, and MongoDB. We’ll start with a blank text editor and work our way up to a fully deployed full-stack application. This program comprises…
MERN Stack Course in Kochi Syllabus
- Introduction to Node.js
- What is Node.js?
- Node.js Trend
- Node.js Features
- Node.js Installation
- Basics of Node.js
- Creating a Node Server
- The Node Lifecycle & Event Loop
- Controlling the Node.js Process
- Requests & Responses
- Understanding Event Driven Code Execution
- Blocking and Non-Blocking Code
- Packages and Modules
- Basics of Node.js
- Creating a Node Server
- The Node Lifecycle & Event Loop
- Controlling the Node.js Process
- Requests & Responses
- Understanding Event Driven Code Execution
- Blocking and Non-Blocking Code
- Packages and Modules
- Debugging
- Using Nodemon for Autorestarts
- Using the Debugger
- Debugging Node.js in Visual Studio Code
- ExpressJS
- What is Express.js?
- Installing Express.js
- Middlewares
- Handling Different Routes
- Limiting Middleware Execution to POST Requests
- Using Express Router
- Adding a 404 Error Page
- Filtering Paths
- Rendering HTML Pages
- Using a Helper Function for Navigation
- Styling our Pages
- EJS Templating engine
- Introduction and Installation
- Working with EJS
- Working on the Layout with Partials
- Model-View-Controller(MVC)
- What is the MVC?
- Adding Controllers
- Adding a Models
- Storing Data in Files Via the Model
- Fetching Data from Files Via the Model
- NoSQL with MongoDB
- What is MongoDB?
- Setting Up MongoDB
- Database connection
- Understanding the MongoDB Compass
- CRUD Operations with Database
- Mongoose
- What is Mongoose?
- Setting Up Mongoose
- Database connection
- CRUD Operations with Mongoose
- Sessions & Cookies
- What is a Cookie?
- Setting a Cookie
- Manipulating Cookies
- Configuring Cookies
- What is a Session?
- Initializing the Session Middleware
- Using the Session Middleware
- Using MongoDB to Store Sessions
- Deleting a Cookie
- REST APIs
- Accessing Data with REST APIs
- Routing & HTTP Methods
- Requests & Responses
- REST APIs, Clients & CORS Errors
- Server Side Validation
- Storing Data in the Database
- Static Images & Error Handling
- Uploading Data and Images
- Deleting Data
- Pagination
- Authentication
- Authorization
- Understanding Async Requests
- Understanding Async Await in NodeJS
- Deploying NodeJS app
- Deploying Different Kinds of Apps
- Using Environment Variables
- Using Production API Keys
- Setting Secure Response Headers with Helmet
- Compressing Assets
- Setting Up Request Logging
- Setting Up a SSL Server
- Using a Hosting Provider and Deploying APIs
- Validation
- Setup & Basic Validation and Error Messages
- Built-In & Custom Validators
- Async Validation and Adding Validation to Login
- Sanitizing Data
- Error Handling
- Types of Errors & Error Handling
- Throwing Errors in Code and Error pages
- Using the Express.js Error Handling Middleware
- File Upload & Download
- Handling Multipart Form Data
- Handling File Uploads with Multer
- Serving Images Statically
- Downloading Files with Authentication
- Setting File Type Headers
- Restricting File Access
- Streaming Data vs Preloading Data
- Using PDFKit for .pdf Generation
- Deleting Files
- ReactJS
- Introduction
- Introduction to ReactJS
- Understanding JSX
- Understanding Components
- Using Props to pass Data between Components
- Handling Events
- Working with “State”
- Fetching User Input (Two-way Binding)
- Frontend
- Starting Setup, Pages & Routes
- Adding Component
- Presentational vs Stateful Components
- Understanding Portals
- Handling the Drawer State
- Using Dynamic Route Segments
- Adding a Modal
- Adding a Custom Form Input Component
- Managing State in the Input Component
- Adding Input Validation
- Sharing Input Values & Adding Multiple Inputs
- Managing Form-wide State
- Creating Custom Form Hook
- Adding Auth Context for App-wide State Management
- Adding Authenticated & Unauthenticated Routes
- Connecting frontend to backend
- Initial Setup
- Sending a POST Request to the Backend
- Handling CORS Errors
- Getting Started with Error Handling
- Proper Error Handling in the Frontend
- Creating a Custom Http Hook
- File upload
- Authentication