Mid⏱ 16 دقیقه2 بخش · 4 نکته

مرور سریع Angular

فریمورک کامل گوگل برای ساخت اپلیکیشن‌های وب — Component، Dependency Injection و RxJS.

0 از 4 نکته مرور شد0٪

فقط نکات طلایی ⭐

فهرست بخش‌ها

اجزای پایه0/2
ابزارهای کلیدی0/2

اجزای پایه0/2

Component، Module و Service.

Component⭐ طلایی

واحد پایهٔ UI در Angular، شامل یک کلاس TypeScript، یک Template (HTML) و استایل مخصوص خودش — با دکوریتور @Component تعریف می‌شود.

typescript\n@Component({ selector: ""app-hello"", template: ""<h1>سلام</h1>"" })\nexport class HelloComponent {}\n

Standalone Componentمهم

در نسخه‌های جدید Angular، کامپوننت‌ها می‌توانند بدون تعریف در یک NgModule، مستقیم وابستگی‌های خود را import کنند — ساختار پروژه را ساده‌تر می‌کند.

💡 نکتهٔ مصاحبه:

اگر پروژه با نسخهٔ قدیمی Angular آشنایی دارید ولی جدید Standalone را ندیده‌اید، در مصاحبه به این تغییر معماری اشاره کنید.

ابزارهای کلیدی0/2

RxJS و Dependency Injection.

RxJS و Observable⭐ طلایی

Angular برای مدیریت داده‌های Async (مثل HTTP Request) به‌شدت به RxJS و الگوی Observable وابسته است؛ برخلاف Promise، یک Observable می‌تواند چندین مقدار را در طول زمان منتشر کند.

typescript\nthis.http.get<User[]>(""/api/users"").subscribe(users => this.users = users);\n

💡 نکتهٔ مصاحبه:

فراموش‌نکردن Unsubscribe از Observable ها در ngOnDestroy برای جلوگیری از Memory Leak، مگر با عملگرهایی مثل takeUntil یا async pipe.

⚠️ اشتباه رایج:

Subscribe کردن دستی بدون هیچ مدیریت طول عمر (Unsubscribe)، که در اپلیکیشن‌های بزرگ منجر به نشت حافظه می‌شود.

Dependency Injection در Angularمهم

Angular یک DI Container داخلی قدرتمند دارد؛ سرویس‌ها با دکوریتور @Injectable تعریف و از طریق Constructor کامپوننت‌ها تزریق می‌شوند.

typescript\n@Injectable({ providedIn: ""root"" })\nexport class UserService {}\n