How to start learning web development (mean and mern stack) in 2021 ?
Tags: webdev, mernstack, meanstack
Published: 2021-03-18 17:47:17

---
title: How to start learning web development (mean and mern stack) in 2021 ?
published: true
description: common question which comes to mind when we decide to start learning something to get jobs in our college days, so I decided to try to answer this question according to my experience.
tags: webdevelopment, mernstack, meanstack
cover_image: ![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dv5cpm5hit5ovaz9a3oc.png) 
canonical_url: https://hackeradda.com/how-to-start-learning-web-developmentmean-and-mern-stack-in-2021
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/syqlrpiyz03khlvzfy15.jpg)

Hello Guys, I am here with a very common question which comes to mind when we decide to start learning something to get jobs in our college days, so I decided to try to answer this question according to my experience. This article will help freshers who want to start learning web development but don’t know how to start. Here I am guiding you to start your journey to become a mean or mern web developer in 2021.
Originally published at - https://hackeradda.com/how-to-start-learning-web-developmentmean-and-mern-stack-in-2021/

#What is mean/mern stack web development?

These stacks are used to develop the frontend and backend of our application with the help of 4 technologies each for database, backend front end and server. The technologies used in both stacks are as follows –

##MEAN – 
Mongo Db (No SQL Database), Express Js (Web Framework), Angular (Frontend), Node Js (Backend).

##MERN – 
Mongo Db (No SQL Database), Express Js (Web Framework), React (Frontend), Node Js (Backend).

#How to start ?

To start full-stack web development we need knowledge of one of the mean or mern stack and Html and Css for designing the application. So I am going to provide the list in a serial manner to start learning and I will also suggest available resources.

##HTML – 
Html stands for Hypertext Markup Language which is used to display data on the webpage. Here is the video for the Crash course of HTML for more details – 
https://www.youtube.com/watch?v=qz0aGYrrlhU

##CSS – 
CSS (cascading style sheets) is used to design the web page to look better, it is providing animation and responsive web designing. Here is the link of the crash course – 
https://www.youtube.com/watch?v=r1xBCi5SOjw

##Javascript – 
Javascript is a client-side and server-side scripting language which is used to create web application more interactive and also used to develop dynamic websites. Here is the link of the crash course – 
https://www.youtube.com/watch?v=W6NZfCO5SIk

##Angular or React – 
Angular is a framework and React Js is a library of javascript and both are used to develop the single page application (frontend). Here are links to the crash course.
##Angular – 
https://www.youtube.com/watch?v=Fdf5aTYRW0E

##React – 
https://www.youtube.com/watch?v=w7ejDZ8SWv8
Node Js – Node js is the framework of javascript used to develop the backend of the application. Crash course link – https://www.youtube.com/watch?v=fBNz5xF-Kx4

##Express – 
Express Js is a node js framework to which is used to develop the backend of the application and apis. Crash course link – 
https://www.youtube.com/watch?v=L72fhGm1tfE
##Mongo DB – 
It is a document-based database (No SQL Database) used to store data of the application. Crash course – 
https://www.youtube.com/watch?v=5QEwqX5U_2M

##Note: 
If you don’t have any knowledge of any frontend framework then I recommend learning REACT JS (MERN stack) because of 2 main reasons

React is a library of Javascript so it has a small learning curve.

It is becoming popular more than Angular so it will also help to get a job quickly.

#Conclusion:

This guide is all about how to start learning and web development and which technologies are required to start because as a beginner we have a lot of questions. I hope this article will help to answer these questions.

[Buy me a coffee](https://www.buymeacoffee.com/harendra)

Other Posts - 
[Top 5 best YouTube channel for programmers](https://hackeradda.com/top-5-best-youtube-channel-for-programmers)
[How to deploy my own laravel 8 project to ubuntu with nginx](https://hackeradda.com/how-to-deploy-my-own-laravel-8-project-to-ubuntu-with-nginx)
[Python 3 speech recognition (speech to text)](https://hackeradda.com/python-3-speech-recognition-speech-to-text)
[Node.js interview questions answer](https://hackeradda.com/node-js-interview-questions-answer)
[React with WordPress API](https://hackeradda.com/react-with-wordpress-api)

---

Follow me on [Twitter](https://twitter.com/harendraverma2)