Skip to main content

Mern

 If I had to learn the MERN stack as a complete beginner in 2026, here is exactly how I would do it:


1. Understand what MERN actually is.

MERN stands for MongoDB, Express.js, React.js, and Node.js, and it’s used for building full-stack web apps.

All four tools rely on JavaScript, but before touching JS, I need an even more fundamental foundation. (See step 2.)


2. Start with the real basics: HTML & CSS.

React handles the frontend, but React itself is built on top of HTML, CSS, and JavaScript.

So as a complete beginner in 2026, I would first learn:


   a) HTML structure


  b) CSS styling & layouts


  c) Flexbox & Grid


  d) Responsive design

      This gives me the confidence to build simple static pages before moving into real programming.


3. Learn JavaScript properly.

Since both the frontend (React) and backend (Node + Express) use JavaScript, I would next dive deep into JS fundamentals:


   a) Variables, functions, arrays, loops


   b) Arrow functions & ES6+ features


   c) Objects & JSON


   d) DOM manipulation


   e) Asynchronous JS: callbacks, promises, async/await

      I’d build small projects—games, interactive UIs, mini apps—to solidify my foundation.


4. Learn Git and version control.

Every real-world developer uses Git.

I would learn:


   a) git init, add, commit


   b) pushing to GitHub


   c) branches & merging


   d) pull requests

        This is essential—not optional.


5. Learn Backend: Node.js + Express.js.

  Now that I understand JavaScript, I’d move into backend development.

I’d learn:


   a) Creating servers


   b) Routing (GET, POST, PUT, DELETE)


   c) Middleware


   d) APIs & JSON responses


    e) Handling requests/responses

         This is where my apps start becoming dynamic.


6. Learn MongoDB for Data Storage.

MongoDB handles database operations in MERN.

I’d focus on:


   a) CRUD operations (Create, Read, Update, Delete)


   b) Collections & documents


   c) Mongoose for schema modeling

Once I understand this, I’d build my first full MERN project—something real, like:


   i) A to-do app


   ii) Basic user authentication


   iii) Notes app


   iv) Simple e-commerce backend


7. Learn React.js properly.

React is the frontend powerhouse of MERN.

In 2026, I’d focus on modern React:


   a) Functional components


   b) Hooks (useState, useEffect, useContext)


   c) React Router


   d) API consumption


   e) Component architecture


   f) Basic state management

When React finally clicks, full-stack development becomes fun.


8. Build full MERN projects & deploy.

Finally, I would combine everything I’ve learned.

For deployment in 2026, I’d use:


   a) Netlify or Vercel → React frontend


   b) Render / Railway → Node + Express backend


   c) MongoDB Atlas → Cloud database

At this point, I’m no longer a beginner—I’m a full-stack developer.


Comments

Post a Comment

Popular posts from this blog

Is it the end of lora?

 Is this the end of LoRA as a fine-tuning approach? Singular Value fine-tuning is here! We have a new paper in town called the "Transformers Squared". It promises to adapt any LLM to any task without external intervention.  The core idea of the paper is to use Singular Value Decomposition (SVD) to factorize the weight matrices of transformers. During training, we learn different singular values for different tasks. More specifically, we learn to scale the singular values for different tasks. Tasks can be as diverse as math reasoning or coding. The possibilities are endless. During inference, we do a two-pass inference. In the first pass, the LLM decides which "scale" to use for which task. In the second pass, the LLM adapts itself to be a specialist in the task and responds to our prompt. How cool is that? Paper Title: Transformer2: Self-adaptive LLMs Paper: https://sakana.ai/transformer-squared Blog: https://arxiv.org/abs/2501.06252 Video Explanation: https://youtu...
Post a Comment
Read more

Command on Run

 🔰 23 Important Commands in the RUN (Executer) List 🔹 The command dxdiag: Used to check all the specifications of your device.   🔹 The command cleanmgr: Opens the Disk Cleanup tool.   🔹 The command temp: Accesses temporary files, which we delete as they contribute to slowing down the computer.   🔹 The command regedit: Opens the Registry Editor.   🔹 The command calc: Opens the Calculator.   🔹 The command msconfig: A tool to access programs that run with Windows at startup and disable them to speed up the system.   🔹 The command scandisk: Used for disk checking.   🔹 The command cmd: Opens the Command Prompt for Windows.   🔹 The command defrag: Used to stop and defragment the hard drive.   🔹 The command taskman: Allows you to see what is open in the taskbar and manage it.   🔹 The command pbrush: Opens the Paint program in Windows.   🔹 The command debug: Used to ch...
Post a Comment
Read more