🌏 Roadmap to Full-Stack Development 🌏
Tags: discuss, todayilearned, react
Published: 2021-04-08 08:33:10

## 📌 Who is a Full-Stack Developer?
A full-stack developer is an engineer who can handle all the work of databases, servers, systems engineering, and clients. Depending on the project, what customers need may be a mobile stack, a Web stack, or a native application stack

## 📌 Why become a Full-Stack Developer?
As a full-stack developer, you know of multiple technologies. Whether it's about adding images to a web page or creating a database, you'd be familiar with all of them. This gives you an edge over other developers because you can make technical decisions faster and see the big picture.

## 📌 Roles of Full-Stack Developer:
The primary responsibility of a Full Stack Developer includes designing user interactions on websites, developing servers and databases for website functionality, and coding for mobile platforms.

📌 Particular responsibilities often include:
- Developing front-end website architecture.
- Designing user interactions on web pages.
- Developing back-end website applications.
- Creating servers and databases for functionality.
- Ensuring cross-platform optimization for mobile phones.
- Ensuring responsiveness of applications.
- Working alongside graphic designers for web design features.
- Seeing through a project from conception to finished product.
- Designing and developing APIs.
- Meeting both technical and consumer needs.
- Staying abreast of developments in web applications and programming languages.

## 📌 Tech-Stack for a Full-Stack Developer
![Overall](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ezrpzrcsvq9qmjozt0cq.jpg)
### 🚩 Basic Tech (Building blocks & All are important)
![Usage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2m0lokuabdhl6a37ce4s.jpg)
- HTML: Defines the structure of the application
- CSS: Defines how the application will be presented
- JavaSript: Defines the functionality of the application

### 🚩 Front-End Technology (Any one of the following)
![Front end](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b3e7k5ck1mmjxbkuoo4a.png)
- React.js
- Vue.js
- Angular

### 🚩 Back-End Technology (Any one of the following)
![Total back end](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mq11hxxu116r6lcf11ju.jpg)
- Java
- Python
- C#
- Ruby
- Php
- Node.js (Easy and Latest)

### 🚩 DataBases (Any one of each category)
![Database](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7yjhy8190p5303km3yg0.png)
- SQL
  - MySQL (Preferrable)
  - SQL Server
  - Oracle
  - Postegre SQL
- NoSQL
  - MongoDB (Preferrable)
  - Cassandra
  - CouchDB

### 🚩 Version Control
![VCS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/71umhuvgscke4pez6aj6.png)
- Git
- GitHub (Preferrable) / GitLab / BitBucket

### 🚩 Cloud Services (Any one of the following)
![Cloud Services](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w80wy23s0m1ga3y8ig3q.jpg)
- Google Cloud Platform (GCP)
- Microsoft Azure
- Amazon Web Services (AWS)
- Heroku

### 🚩 Containers 
![Docker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wiyf2y89votcq0foemh5.png)
- Docker
- Kubernetes

### 🚩 Servers (Any one of the following)
- WebLogic
- Nginx
- Apache

## 📌 Common terms for Full-Stack Development
- MEAN Stack Developer
  - Mongo DB
  - Express Js
  - Angular Js
  - Node Js
- MERN Stack Developer
  - Mongo DB
  - Express Js
  - React Js
  - Node Js

*You can use this blog as a checklist in your journey*
###❤️ Thank you very much for reading ❤️
_Like | Share | Follow_