ابزارهای مدرن، فریمورک‌ها و پروژه‌محور در جاوا اسکریپت

این بخش شامل آموزش‌های مربوط به ابزارهای مدرن، فریمورک‌ها و پروژه‌محور در جاوا اسکریپت می‌باشد.

📋 فهرست مباحث

• معرفی REST API و مفاهیم آن
• کار با کدهای وضعیت HTTP (Status Codes)
• معرفی Axios به جای Fetch
• درخواست‌های همزمان و ناهمزمان
• مدیریت وضعیت (State Management) مقدماتی
• معرفی WebSockets (ارتباط بلادرنگ)
• ارسال و دریافت پیام با WebSocket
• معرفی Service Workers و PWA
• آفلاین‌سازی وب‌سایت (Caching)
• اعلان‌های مرورگر (Notifications API)
• امنیت در جاوا اسکریپت (XSS و CSRF)
• پاکسازی ورودی‌های کاربر (Sanitization)
• محدودیت‌های CORS
• روش‌های رفع مشکلات CORS
• معرفی ECMAScript نسخه‌های جدید (ES2020+)
• ویژگی‌های جدید مثل Optional Chaining (?.)
• Nullish Coalescing Operator (??)
• متدهای جدید آرایه (flat, flatMap)
• BigInt (اعداد صحیح بزرگ)
• Private Class Fields
• Logical Assignment Operators (&&=, ||=, ??=)
• String.replaceAll و متدهای جدید رشته
• Promise.any و AggregateError
• WeakRef و Finalizers
• استفاده از Regex (عبارات باقاعده) در JS
• متدهای Regex (Test, Match, Replace)
• الگوهای پرکاربرد Regex
• دیباگ کردن کد (Debugging)
• استفاده از Breakpoints در مرورگر
• استفاده از Console پیشرفته (Table, Group, Time)
• بهینه‌سازی عملکرد (Performance)
• جلوگیری از Memory Leaks (نشت حافظه)
• پاکسازی Event Listenerها
• بهینه‌سازی رندرینگ (Reflow و Repaint)
• معرفی TypeScript (مقدمات و تفاوت با JS)
• تایپ‌های پایه در TypeScript
• کامپایل کردن TS به JS
• آماده‌سازی برای فریمورک‌ها (React/Vue/Angular)
• مفهوم Virtual DOM و تفاوت آن با Real DOM
• JSX و نحوه نوشتن آن
• کامپوننت‌نویسی مدرن
• مدیریت State در فریمورک‌ها
• چرخه حیات کامپوننت‌ها (Lifecycle Hooks)
• هوک‌ها (Hooks) در React (مثال کاربردی)
• Directives در Vue (مثال کاربردی)
• ساختار پروژه‌های بزرگ (Best Practices)
• کدنویسی تمیز (Clean Code)
• الگوهای طراحی (Design Patterns) در JS (Module, Singleton)
• تست نویسی مقدماتی (Unit Testing)
• جمع‌بندی نهایی و نکات کلیدی شروع بازار کار