Step by Step Guide to MERN Stack Developer with Resources

Umang SaxenaUmang Saxena
3 min read

This Blog is enough to solve your Problem of where to start Web Development

This is a complete step by step guide and problems I faced as a fresher

Socials:

Linked in → (1) Umang Saxena | LinkedIn

Github →Umang-saxena (Umang Saxena)

Gmail → hanusaxena68@gmail.com

Contact → +91 9548777969

Initial Challenge

As a fresher and new to the domain of coding,the real challenge is to choose a domain that is reliable accordinig to market and has jobs.
After going through a lot of videos. Finall I was able to choose MERN Stack which really felt a lot much to study and learn.

As a fresher,I just went to youtube and searched some complete playlists for MERN.
I followed Code with harry ‘s playlist - Here is the link →

But now he has a new web dev course as SIGMA WEB DEVELOPMENT which is really good.

The Tutorial Hell

As a fresher,Even i got trapped by tutorial hell.Tutorial hell basically means just watching and copying code without actually understanding them.

As a fresher it was really hard to understand the full stack flow of the application. But soon after the logic building started.Everything became easy.

The Time Waste

Think of a situation where you are learning a thing that is never used,never asked in innterviews..That’s called HTML and CSS in MERN.
But to be honest..Leaving them untouched is also an issue…
They just need a short time to understand and needs couple of One Shots to sit in your mind.

The Time Utilization

The Thing to focus most in MERN is Javascript. All frameworks (Frontend or Backend) are written with a Javascript base. And for your info..Java and Javascript are different.

More in the way

After getting a good grip on javascript.Its the correct time to shift to React Js.Try to use git and github more and more in your development. As a crisp overview, these are used to maintain code verison and keep code safe. It’s always a good practise to maintain github account as it is generally asked at the time of placements.
Learn all basic concepts including props,states,components,react-router,contextapi,props drilling etc.

The Projects

Dont wait to learn everything and then start making projects. Keep on making small projects while learning also..try to maintain code in a folder locally in your system for now.

Plan of Action

Soon after completing Reactjs,carry on with Nodejs and express.

Keypoints to Understand

Understand the flow of the complete project. Try to get answer of these questions → Which part is in frontend?. Which is backend?, How the database connection is working?

If you need my help or any guidance I am just a message away

You can get me here

Gmail- hanusaxena68@gmail.com

Linked In → Umang Saxena | LinkedIn

Resources

  1. MERN Stack by CODE WITH HARRY (which I followed) → Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #1

  2. Sigma Web Developer Course → (1011) Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #1 - YouTube

  3. Git and Github → https://youtu.be/q8EevlEpQ2A?si=kQGubUidWfzyNzAj

  4. Chai aur React- React Playlist (Hitesh Choudhary) → (1011) React JS roadmap | chai aur react series - YouTube

  5. Chai aur Javascript - Javascript Playlist (Hitesh Choudhary) → Javascript for beginners | chai aur #javascript

0
Subscribe to my newsletter

Read articles from Umang Saxena directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Umang Saxena
Umang Saxena