Here’s how I Master Full Stack Development
Tags: webdev, javascript, beginners, tutorial
Published: 2023-02-09 12:29:36

Nowadays, So many freshers want to become a full-stack developers and want to jump into this field and In this post, I’ve shared my journey. Hope my journey will inspire you in your career.

## Starting of journey

My journey started in 12th standard. I was curious to gain knowledge and I like to create websites using pure HTML and CSS from scratch without using any 3rd party service.

I don’t prefer any dependency on other platforms like NoCode website builder (WordPress, Wix etc..) or anything else as much as I can.

Warning: In these platforms we can’t get what we want from a design perspective I can customize my designs using CSS or tailwindcss.

Then, I learned JavaScript basic concepts from [Code With Harry](https://www.youtube.com/@CodeWithHarry) and [Yahoo Baba](https://www.youtube.com/@YahooBaba) youtube channels. I learned basic concepts of javascript.

## Project development

> [Here](https://github.com/abhidadhaniya23/Portfolio-Website/tree/master/public/projects), you can find those beginner-level projects that I’ve developed.

Then, I developed so many projects in HTML, CSS and JavaScript. Here’s the [GitHub Repository](https://github.com/abhidadhaniya23/Portfolio-Website) that might be helpful for you.

Note: Heroku is no longer free to deploy backend apps and You can’t visit that portfolio I apologize for it.

After developing only front-end projects, I was getting bored and then I switched to the backend and choose [Node.js](https://nodejs.org/en/) and [Express.js](https://expressjs.com/) to learn.

I’ve also implemented some projects in [EJS](https://ejs.co/) which is a template engine in JavaScript.

Tip: I don’t recommend you learn EJS template methods which are not useful nowadays because of React.js (we can create components).

After that, I learned database concepts in [MongoDB](https://www.mongodb.com/) and then I learned about [Mongoose Package](https://mongoosejs.com/) which helps to connect MongoDB to Node.js and Express.js server applications.

## Close to becoming Full stack developer

I was only one step away to become a full stack developer and then I’d learned [React.js](https://reactjs.org/) which is in demand nowadays and then I became MERN Stack Developer.

![https://www.bigscal.com/wp-content/uploads/2022/09/Features-of-Mern-stack-development-services-You-Should-Know.png](https://www.bigscal.com/wp-content/uploads/2022/09/Features-of-Mern-stack-development-services-You-Should-Know.png)

One thing is missing in React.js for front-end applications and is SEO (Search Engine Optimization).

React is a client-side rendering technology and that’s why react.js has so many cons and one of the cons is SEO.

Then, [Next.js](https://nextjs.org/) was becoming popular in the market and I jumped into it. Next.js has some built-in functions for SEO and next.js is a powerful framework of React.js. Next.js has some amazing concepts like SSR (Server side rendering), SSG (Static site generation) etc.

![https://miro.medium.com/max/1200/1*1zgWFU3ZIYbmhlCUwiMmLw.png](https://miro.medium.com/max/1200/1*1zgWFU3ZIYbmhlCUwiMmLw.png)

## Conclusion

I had so many dreams of building something big with the help of technology and that’s why I’ve started my journey as a full-stack developer.