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.
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
Follow me on Twitter
Top comments (0)