تطوير الويب
اختبار
إدارة قاعدة البيانات
تطوير الواجهة الأمامية
Versionskontrolle
تطوير الجزء الخلفي
نظام التشغيل
🛣️ Full Stack Web Development Roadmap
Front-End → HTML, CSS, JavaScript
↓
Back-End → Java/C#/PHP/Python/JS*
↓
Database → MySQL/MongoDB*
↓
Integrations → Kafka, Redis, Selenium*
✛
Others → DSA, Linux, Git, AWS, Docker*
⇩
Front-End → HTML, CSS, JavaScript
↓
Back-End → Java/C#/PHP/Python/JS*
↓
Database → MySQL/MongoDB*
↓
Integrations → Kafka, Redis, Selenium*
✛
Others → DSA, Linux, Git, AWS, Docker*
⇩
🎢 Step-by-Step Roadmap
Front-End ➊
↓
Back-End ➋
↓
Database ➌
↓
Integrations ➍
↓
Advanced ➎
Learn 👇 alongside ➊ & ➋
➏ Data Structures & Algorithms
➐ Version Control
➑ Operating System
➒ Testing
Let's go.
Front-End ➊
↓
Back-End ➋
↓
Database ➌
↓
Integrations ➍
↓
Advanced ➎
Learn 👇 alongside ➊ & ➋
➏ Data Structures & Algorithms
➐ Version Control
➑ Operating System
➒ Testing
Let's go.
➊ 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.
➤ 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.
➤ Django for Python
➤ Laravel for PHP
➤ Spring for Java
➋ Back-End
Follow this comprehensive roadmap for back-end development.
Follow this comprehensive roadmap for back-end development.
➌ 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.
⬘ 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
➤ Redis
➤ Kafka
➤ Twilio
➤ Stripe
➤ Slack
➤ Discord
Note: This is a sample list.
➤ Redis
➤ Kafka
➤ Twilio
➤ Stripe
➤ Slack
➤ Discord
Note: This is a sample list.
➎ Advanced skills (optional)
Have these skills in due course for a great profile.
➤ Testing: e2e, automation etc.
➤ Virtualization
➤ Containerization
➤ Orchestration
➤ Microservices
➤ Serverless architecture
➤ CI/CD
➤ Cloud Computing
➤ Edge Computing
Have these skills in due course for a great profile.
➤ Testing: e2e, automation etc.
➤ Virtualization
➤ Containerization
➤ Orchestration
➤ Microservices
➤ Serverless architecture
➤ CI/CD
➤ Cloud Computing
➤ Edge Computing
➏ Data Structures and Algorithms
As a full-stack developer, you will be using DSA for writing business logic, developing UI components, etc.
❯ Practice writing simple to complex algorithms
❯ Understand 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
❯ Understand which data structure will fit a use case
➐ Version Control
⬘ 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.
➑ Operating System
⬘ 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:
➒ Testing
⬘ Testing ensures the quality of the deliverables.
⬗ There are several types of testing. But as a developer, we are responsible for unit testing and integration testing.
⬙ Testing can be manual or automated.
⬘ Testing ensures the quality of the deliverables.
⬗ There are several types of testing. But as a developer, we are responsible for unit testing and integration testing.
⬙ Testing can be manual or automated.
🎯 The best approach
➀ Start with a simple Front-End system
➁ Build a Back-End without any Database
➂ Integrate Front-End & Back-End
➃ Create a Database
➄ Modify Back-End to integrate with Database
➅ Integrate Back-End with some External APIs
➆ Unit & Integration Testing
➀ Start with a simple Front-End system
➁ Build a Back-End without any Database
➂ Integrate Front-End & Back-End
➃ Create a Database
➄ Modify Back-End to integrate with Database
➅ Integrate Back-End with some External APIs
➆ Unit & Integration Testing
👩💻 Practice Projects
Here is a list of ideas for Python-based projects. But we can steal these and get ideas for other languages as well.
Here is a list of ideas for Python-based projects. But we can steal these and get ideas for other languages as well.
🏁 Before we leave,
Recently, I got a chance to read this book by Devlin Duldulao and Seiji Villafranca.
This book has used
➤ Angular for Front-End
➤ Spring Boot for Back-End
If you are into Full-Stack, give it a read.
🔗 Get it here: packt.link
Recently, I got a chance to read this book by Devlin Duldulao and Seiji Villafranca.
This book has used
➤ Angular for Front-End
➤ Spring Boot for Back-End
If you are into Full-Stack, give it a read.
🔗 Get it here: packt.link
That's a wrap. Our 2023 roadmap of becoming a Full-Stack Web Developer is here.
I am sharing roadmaps and other content on Python, JavaScript, SQL, and DSA. Follow me (@swapnakpanda) if you don't want to miss out.
I am sharing roadmaps and other content on Python, JavaScript, SQL, and DSA. Follow me (@swapnakpanda) if you don't want to miss out.
جاري تحميل الاقتراحات...