🛣️ Full Stack Web Development in 2024
Front-End → HTML, CSS, JavaScript
↓
Back-End → Java/C#/PHP/Python/JS*
↓
Database → MySQL/MongoDB*
✛
Others → Git, DSA, Linux, Docker, Kafka, Redis*
⇩
Front-End → HTML, CSS, JavaScript
↓
Back-End → Java/C#/PHP/Python/JS*
↓
Database → MySQL/MongoDB*
✛
Others → Git, DSA, Linux, Docker, Kafka, Redis*
⇩
🎢 Step-by-Step Roadmap
Front-End ➊
↓
Back-End ➋
↓
Database ➌
↓
Integrations ➍
↓
Advanced ➎
Learn 👇 alongside ➊ & ➋
➏ Data Structures & Algorithms
➐ Version Control (like Git)
➑ CLI (like Linux Commands)
Let's check them in detail.
Front-End ➊
↓
Back-End ➋
↓
Database ➌
↓
Integrations ➍
↓
Advanced ➎
Learn 👇 alongside ➊ & ➋
➏ Data Structures & Algorithms
➐ Version Control (like Git)
➑ CLI (like Linux Commands)
Let's check them in detail.
➊ Front-End
⬘ Check this detailed roadmap for the front end based on JavaScript stacks.
⬙ For other stacks, you can simply switch to the UI frameworks of that technology. E.g.,
➤ Django for Python
➤ Laravel for PHP
➤ Spring for Java
⬘ Check this detailed roadmap for the front end based on JavaScript stacks.
⬙ For other stacks, you can simply switch to the UI frameworks of that technology. E.g.,
➤ Django for Python
➤ Laravel for PHP
➤ Spring for Java
➋ Back-End
Here is a comprehensive roadmap for back-end development. Check it out:
Here is a comprehensive roadmap for back-end development. Check it out:
➌ Database
⬘ SQL or NoSQL? That's a tricky and important decision to make. I'll create a separate thread for that.
⬙ The below one is a comprehensive roadmap for relational databases. You can partially use it for NoSQL ones (like MongoDB).
⬘ SQL or NoSQL? That's a tricky and important decision to make. I'll create a separate thread for that.
⬙ The below one is a comprehensive roadmap for relational databases. You can partially use it for NoSQL ones (like MongoDB).
➍ Integrations
⬘ Complex applications require multiple integrations.
➤ Caching Server
➤ Email Server
➤ External APIs
⬗ Mostly one of the back-end systems will be integrated with these applications.
⬙ You are required to understand the API of those.
✧ Examples
➤ Stripe
➤ Discord
➤ Slack
➤ Redis
➤ Kafka
➤ Twilio
Note: This is a sample list.
⬘ Complex applications require multiple integrations.
➤ Caching Server
➤ Email Server
➤ External APIs
⬗ Mostly one of the back-end systems will be integrated with these applications.
⬙ You are required to understand the API of those.
✧ Examples
➤ Stripe
➤ Discord
➤ Slack
➤ Redis
➤ Kafka
➤ Twilio
Note: This is a sample list.
➎ Advanced skills (optional)
The skills below can be achieved in due course. Have those for a great profile.
➤ Virtualization
➤ Containerization
➤ Orchestration
➤ Microservices
➤ Serverless architecture
➤ CI/CD
➤ Cloud Computing
➤ Edge Computing
The skills below can be achieved in due course. Have those for a great profile.
➤ Virtualization
➤ Containerization
➤ Orchestration
➤ Microservices
➤ Serverless architecture
➤ CI/CD
➤ Cloud Computing
➤ Edge Computing
➏ DSA
As a full-stack developer, you will be using DSA for writing business logic, developing UI components, etc.
❯ Practice writing simple to complex algorithms.
❯ Analyse which data structure will fit a use case.
As a full-stack developer, you will be using DSA for writing business logic, developing UI components, etc.
❯ Practice writing simple to complex algorithms.
❯ Analyse which data structure will fit a use case.
➐ Version Control (like Git)
⬘ You are supposed to know one version-control software.
⬗ If we go by market trends, Git is the most preferred one.
⬙ Knowledge of any of the Git-based repositories like GitHub or Gitlab is a great advantage.
⬘ You are supposed to know one version-control software.
⬗ If we go by market trends, Git is the most preferred one.
⬙ Knowledge of any of the Git-based repositories like GitHub or Gitlab is a great advantage.
➑ Servers
⬘ On many occasions, you may have to
❯ install packages
❯ open CLI
❯ manage a file system
⬙ For this, basic OS knowledge (mostly UNIX/Linux) is required.
Learn about basic UNIX/Linux terminal commands:
⬘ On many occasions, you may have to
❯ install packages
❯ open CLI
❯ manage a file system
⬙ For this, basic OS knowledge (mostly UNIX/Linux) is required.
Learn about basic UNIX/Linux terminal commands:
👩💻 Practice by building projects
⬘ Check out these projects, ranging from simple ones to full-fledged applications.
⬙ These will definitely help you throughout your learning journey.
⬘ Check out these projects, ranging from simple ones to full-fledged applications.
⬙ These will definitely help you throughout your learning journey.
🏁 What's the best approach?
➀ Start by developing a simple Front-End (FE) system
➁ Build a Back-End (BE) without any Database
➂ Integrate FE & BE
➃ Create a Database
➄ Modify BE to integrate with Database
➅ Integrate BE with some External APIs
➀ Start by developing a simple Front-End (FE) system
➁ Build a Back-End (BE) without any Database
➂ Integrate FE & BE
➃ Create a Database
➄ Modify BE to integrate with Database
➅ Integrate BE with some External APIs
Loading suggestions...