DEV Community

Cover image for Roadmap to Full-Stack Web Developer
Moeez Ikram
Moeez Ikram

Posted on • Updated on

Roadmap to Full-Stack Web Developer

Everything is connected through web applications, from banks to government organizations. Being a web developer, specifically a full-stack web developer, is the best option you have. A full-stack web developer knows both front-end and back-end development. Usually, there are two types of full-stack web developers: MERN Stack and PHP Developers.

Before jumping into learning full-stack web development, you need to understand what you want to be. One thing I would like you to know is that there isn't any limit to what you can learn. If you want to learn MERN, you can also learn PHP. If you want to learn PHP, you can later learn MERN Stack Development. That's the beauty of being a programmer – you don't have any limit to learning new things.

Firstly, PHP Full-Stack Web Developer

This generally includes 5 languages: HTML, CSS, JavaScript, PHP, and MySQL.

  1. HTML, CSS, and JavaScript are front-end languages used to display designs and the structure of a website and to send requests to the back-end.

  2. PHP is the back-end language that takes requests from the front-end and executes functions. It's connected with your database to fetch, insert, update, and delete records from it. PHP is one of the more popular languages for making web applications. 78% of web applications on the internet are built using PHP, including Facebook, WordPress, Wikipedia, and much more.

  3. MySQL is a database that you'll use to store and modify data using PHP.

If you want to start learning PHP full-stack web development, here's a roadmap you can follow:

Roadmap to PHP Full Stack Web Development

Secondly, MERN Stack

MERN is an abbreviation for MongoDB, Express.js, React.js, and Node.js.

  1. MongoDB is a NoSQL database that is used to store and fetch data. It is a highly scalable and flexible database that allows for easy use with other technologies.

  2. Express.js is a web application framework for Node.js that makes the process of building web applications and APIs easy. It provides a set of tools and functionalities for handling requests and responses, routing, middleware, and more.

  3. React is a JavaScript library for building real-time user interfaces. It's used to make websites dynamic and interactive. It makes your web application real-time.

  4. Node.js is a JavaScript runtime that allows developers to run JavaScript code on the server-side. It provides a scalable and high-performance environment for building web applications and APIs.

If you're interested in learning MERN Stack, you can follow this roadmap:

MERN Stack Roadmap

If you have any question, you can ask me or anyone on internet. ChatGPT might be able to help you too.

Top comments (15)

Collapse
 
z10n profile image
T

Do you really think that in 2 months a beginner will be able to develop a COMPLEX front-end project?

In 2 months it will be a miracle if you will be able to write html / css at a normal level...

Collapse
 
moeezikram profile image
Moeez Ikram

If someone really wants to learn he would be able to, also by complex I don't mean that you'll have to make layouts like YouTube, Spotify or something. You just need to understand how things work. Making a basic portfolio website will be considered complex.

Collapse
 
risclover profile image
Sara (Risclover)

Sorry, but how is a basic portfolio website considered "complex"? Most would consider it to be, well, basic.

Thread Thread
 
moeezikram profile image
Moeez Ikram

With "Complex" I mean functionalities.

Collapse
 
mezieb profile image
Okoro chimezie bright

Nice work but the timing for HTM & CSS just for 10 -15days,leave a question in my mind?

Collapse
 
moeezikram profile image
Moeez Ikram

Well that's because in my personal experience I believe if you really want to do something, you don't need to give it a lot of time, getting basics knowledge/fundamental and learning thru experimenting is what you should be doing. That's why I gave 15 days for doing projects to learn with experiments and implementations. That's how I learned.

Collapse
 
mezieb profile image
Okoro chimezie bright

Ok great i got you thanks

Collapse
 
sirajulm profile image
Sirajul Muneer

Dev.to has become a ChatGPT dump yard for immature articles. You can get help from ChatGPT but don’t sell your thoughts and brain to it.

Collapse
 
moeezikram profile image
Moeez Ikram

It's not ChatGPT Article. I've mentioned that it's written with ChatGPT on ones which are written using ChatGPT.

Collapse
 
xsgxmicha3lx profile image
xSGxMICHA3Lx R6S

nice but not complete!

Collapse
 
moeezikram profile image
Moeez Ikram

Thanks. Just starting writing, still learning to put complete thoughts in words

Collapse
 
lesuuh profile image
Ueh-Kabari Lesuuh

For the MERN stack, there's no JavaScript
Isn't it necessary?

Collapse
 
shifi profile image
Shifa Ur Rehman

Javascript is the cornerstone for MERN. Why it's not written up there, i guess that's because js plays a different role in php than it does in mern. Its a supporting language for php while mern IS javascript. Regardless, some will still want it politically correct.

Collapse
 
moeezikram profile image
Moeez Ikram

I made mistake there, I'll fix it right away.

Collapse
 
moeezikram profile image
Moeez Ikram

I made mistake there, I'll fix it right away.