DEV Community

loading...

How to start learning web development (mean and mern stack) in 2021 ?

Harendra Kumar Kanojiya
I am FSD (Full-stack developer) and I have expertise with Angular ,PHP, Node JS, Laravel, Codeigniter and front end.
Originally published at hackeradda.com Updated on ・3 min read

Alt Text

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

Other Posts -
Top 5 best YouTube channel for programmers
How to deploy my own laravel 8 project to ubuntu with nginx
Python 3 speech recognition (speech to text)
Node.js interview questions answer
React with WordPress API

Discussion (0)