If you want to travel to a new place for the first time, you will probably use a map or a navigation app. In general, anyone who wants to reach a goal faster and in the right way needs someone or something to show them the path.
Now imagine your goal is to become a strong frontend developer. To find the best and fastest path to this goal, you need a roadmap.
If someone tells you to travel to another city, would you choose to go by plane or by car?
There is no single answer. You check the situation and maybe you choose the plane, or maybe the car.
A programming roadmap is exactly the same. It depends on your goal.
Maybe you want to make money through programming
Maybe you want to learn programming because you enjoy it
Maybe you want to learn programming to use it in your main field
So the best roadmap is the one that shows the best path for your own goal.
This roadmap is fully focused on the job market and is designed for people who:
Want to enter the job market
Are already working and want to check if their skills match the salary they get
There are two ways to make money from programming:
Working as an employee
Doing freelance or project-based work
This roadmap is good for both.
| Title | Subcategories | Junior | Mid-level | Senior |
|---|---|---|---|---|
| Internet & Networking Basics | Beginner | Intermediate | Expert | |
| Programming Fundamentals | Python Basics | Beginner | Intermediate | Expert |
| JavaScript Basics | Beginner | Intermediate | Expert | |
| Algorithms & Data Structures | Language Oriented Algorithms | Beginner | Intermediate | Expert |
| Problem Solving & Data Structures | Intermediate | Expert | ||
| HTML | Beginner | Intermediate | Expert | |
| CSS | Beginner | Intermediate | Expert | |
| Advanced JavaScript (ES6+) | Beginner | Intermediate | Expert | |
| TypeScript | Beginner | Intermediate | Expert | |
| CSS Web Frameworks | Bootstrap | Beginner | Expert | |
| TailwindCSS | Beginner | Intermediate | Expert | |
| JS Web Frameworks | React | Beginner | Intermediate | Expert |
| Next.js | Beginner | Intermediate | Expert | |
| Python Backend | Django Framework | Beginner | Intermediate | Expert |
| FastAPI | Beginner | Expert | ||
| Async Programming (Python) | Beginner | Expert | ||
| Databases | SQL & Relational Databases (PostgreSQL, MySQL) | Beginner | Intermediate | Expert |
| NoSQL (MongoDB) | Beginner | Expert | ||
| ORM (Django ORM / SQLAlchemy) | Beginner | Intermediate | Expert | |
| API Integration / Backend Services | RESTful API | Beginner | Intermediate | Expert |
| GraphQL | Beginner | Expert | ||
| WebSocket / Real-time | Beginner | Expert | ||
| Version Control Tools | GitHub | Beginner | Intermediate | Expert |
| GitLab | Beginner | Intermediate | Expert | |
| Testing | Frontend Testing (Jest) | Intermediate | Expert | |
| API Testing (pytest / unittest) | Intermediate | Expert | ||
| E2E Testing (Cypress) | Beginner | Expert | ||
| Build Tools | Webpack / Vite | Beginner | Expert | |
| Gulp (optional) | Intermediate | |||
| Deployment | Docker & Docker Compose | Beginner | Intermediate | Expert |
| VPS Deployment (Nginx + Gunicorn/Uvicorn) | Beginner | Expert | ||
| CI/CD | GitHub Actions | Intermediate | Expert | |
| GitLab CI/CD | Intermediate | Expert | ||
| Authentication & Authorization | Beginner | Expert | Expert | |
| Security (Frontend + Backend) | Beginner | Intermediate | Expert | |
I upload all CodeBaz videos and podcasts on platforms such as YouTube and SoundCloud, which are often restricted in Iran.
Most tutorials come with both video and podcast formats. Therefore, if you want to make the most out of the site’s content, you will need to use a VPN.
Please note that for shopping in the store, it’s better to turn off your VPN to avoid issues with payment and banking connections.
