Web Development - MERN STAK

 WEB DEVELOPMENT - MERN STACK

MERN Stack is a JavaScript Stack that is used for easier and faster deployment of full-stack web applications. MERN Stack comprises of 4 technologies namely: MongoDB, Express, React and Node JS. It is designed to make the development process smoother and easier.

" The most asked question - Frontend VS Backend "

To make it less complicated let us consider or body . We have our outer body and our inner body . The outer body represents how we look also represented as our frontend of our system . 

The inner body is responsible for everything happening inside the system which could also represented as our backend of our system .

MERN STACK - M - MongoDB

             E - Express Java Script

             R - React Java Script

             N - Node Java Script    

STACK - They are called as a stack as they are bundled up together to build a full fledged web application      

FRAMEWORK - In computer programming, a software framework is an abstraction in which software providing generic functionality can be selectively changed by additional user-written code, thus providing application-specific software . 

Frontend - Frontend is a layer which is responsible for the appearance and the design of the application . Anyone could view the code . This is written in HTML , CSS and JavaScript . 

There are many frameworks present for the frontend of the application.

 

Few Frontend frameworks : REACT JS , ANGULAR JS , VUE JS .

Backend - Backend is a layer which is responsible for the working of the application . All the connections to the database and the server are managed by the backend frameworks as mentioned bellow .

Few Backend Frameworks : Node JS , Express JS , MongoDB .

There are 2 main stacks which are very famous in the Web Development market .

1) MEAN STACK 

2) MERN STACK

The only difference is the change of frontend framework 'A' which represents Angular JS backed up by Google Angular Team , 'R' which represents React JS backed up by the Facebook React Team . These both frameworks also have a good community support from the leading developers in the industry . 

Explaining every language and framework why they are used ?  

HTML - Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. This is the skeleton of any web application .

CSS - Cascading Style Sheets is a style sheet language used for describing the presentation of a document . Basically this is used to style the skeleton of the web app which is the HTML .

JavaScript (JS) - JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. Where HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a user.
 

React JS - React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.  

Node JS - Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that executes JavaScript code outside a web browser. Mainly used for Networking purpose which is managing the servers and the API's.

Express JS - This is more like a help tool for Node JS .  It is designed for building web applications and APIs. 

MONGODB - MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents.

WHAT NEXT ? Lets get started !!!!