مسیر یادگیری

توسعه‌دهنده وب (Full-Stack Web Developer)

نقشه راه کامل، به‌روز و معتبر برای تبدیل شدن به یک توسعه‌دهنده وب حرفه‌ای از صفر تا پیشرفته

1

مبانی وب و ساختار (HTML, CSS, JavaScript Basics)

HTML5 معنایی، CSS3 (سلکتورها، جعبه‌مدل)، جاوااسکریپت پایه (متغیرها، حلقه‌ها، توابع، DOM Manipulation)

2

طراحی واکنش‌گرا و CSS مدرن (Responsive Design & Modern CSS)

Flexbox، Grid، مدیاکوئری، Sass/SCSS، فریم‌ورک‌های CSS (Tailwind یا Bootstrap)، Mobile-first

3

جاوااسکریپت پیشرفته (Advanced JavaScript)

ES6+ (آرو فانکشن‌ها، destructuring، اسپرد)، closures، event loop، promises، async/await، ماژول‌ها، this و prototype

4

کنترل نسخه و همکاری تیمی (Git & Collaboration)

Git (commit، branch، merge، rebase)، گیت‌هاب/گیت‌لب، Pull Request، Code Review و کار با تیم

5

فریم‌ورک فرانت‌اند (Front-End Framework)

React یا Vue یا Angular؛ کامپوننت‌ها، props، state، چرخه حیات، هوک‌ها، مسیریابی (React Router) و مدیریت رویدادها

6

مدیریت حالت (State Management)

Context API، Redux Toolkit، Zustand یا Pinia؛ درک الگوی Flux و اشتراک‌گذاری داده بین کامپوننت‌ها

7

TypeScript

تایپ‌های پایه، interface، genericها، union/intersection، تایپ گاردها و پیکربندی tsconfig برای پروژه‌های وب

8

توسعه بک‌اند (Backend Development)

Node.js و Express، REST API طراحی اصولی، میدل‌ورها، احراز هویت (JWT، OAuth2)، اعتبارسنجی ورودی و مدیریت خطا

9

پایگاه‌های داده (Databases & Storage)

SQL (PostgreSQL)، NoSQL (MongoDB)، ORM/ODM (Prisma، Mongoose)، کش با Redis، ذخیره‌سازی فایل (S3)

10

GraphQL و معماری‌های API (Advanced APIs)

GraphQL با Apollo Server/Client، WebSocket برای Real-time، الگوهای CQRS و میکروسرویس‌ها

11

تست‌نویسی (Testing)

تست واحد با Jest/Vitest، تست یکپارچگی، تست E2E با Cypress یا Playwright، تست API با Supertest و Test Coverage

12

DevOps و انتشار (DevOps & Deployment)

داکر و کانتینرسازی، CI/CD (GitHub Actions)، انتشار در Vercel/Netlify (فرانت)، AWS/DigitalOcean/Railway (بک‌اند)، Serverless

13

بهینه‌سازی و عملکرد (Performance Optimization)

Lazy Loading، Code Splitting، بهینه‌سازی تصویر، Critical CSS، Lighthouse، Caching و CDN

14

امنیت وب (Web Security)

OWASP Top 10 (XSS، CSRF، SQLi...)، CORS، هدرهای امنیتی (CSP، HSTS)، HTTPS، احراز هویت امن، رمزنگاری داده‌ها

15

Progressive Web Apps (PWA)

Service Workers، فایل manifest، اعلان‌های push، حالت آفلاین و نصب‌پذیری

16

ابزارهای مدرن توسعه (Modern Tooling)

Vite/Webpack، ESLint، Prettier، pnpm، monorepo (Turborepo)، خط فرمان و اتوماسیون وظایف

17

مباحث تکمیلی و تخصصی (Specialized Topics)

Server-Side Rendering (Next.js, Nuxt)، Jamstack، WebAssembly، Electron برای دسکتاپ، Web3 و تعامل با بلاکچین (اختیاری)

18

ساخت پروژه و نمونه‌کار (Projects & Portfolio)

پیاده‌سازی پروژه‌های تمام‌پشته (فروشگاه، پنل مدیریت، شبکه اجتماعی)، حضور در گیت‌هاب، مشارکت اوپن‌سورس و مستندسازی

19

مسیر شغلی و یادگیری مستمر (Career & Continuous Learning)

رزومه، شبکه‌سازی، دنبال کردن وبلاگ‌ها و کنفرانس‌ها، یادگیری فناوری‌های جدید، شرکت در چالش‌های کدنویسی و آمادگی مصاحبه