Angular یکی از فریمورکهای معروف جاوااسکریپت (با استفاده از TypeScript) است که توسط گوگل توسعه داده شده. این فریمورک بیشتر برای ساخت اپلیکیشنهای تک صفحهای (SPA) و پروژههای بزرگ سازمانی استفاده میشود.
Angular ساختار پیچیدهای داره، اما برای تیمهای حرفهای که دنبال سازماندهی، مقیاسپذیری و ابزارهای قوی هستن، یه انتخاب جدی محسوب میشه.
نحوه استفاده از Angular
نصب Angular CLI
برای شروع، ابتدا باید Angular CLI رو نصب کنی:
npm install -g @angular/cli
ساخت پروژه جدید
ng new my-angular-app
cd my-angular-app
ng serve
حالا میتونی با رفتن به http://localhost:4200 اپت رو ببینی.
کدنویسی معروف در Angular
فرض کن میخوای یه کامپوننت ساده برای نمایش لیست کاربران بسازی:
1. ساخت کامپوننت
ng generate component user-list
2. ویرایش فایل user-list.component.ts:
import { Component } from '@angular/core';
@Component({
selector: ‘app-user-list’,
template: `
<h3>لیست کاربران</h3>
<ul>
<li *ngFor=”let user of users”>{{ user }}</li>
</ul>
`
})
export class UserListComponent {
users = [‘رضا’, ‘سارا’, ‘مینا’];
}
همین! یه کامپوننت ساده که لیست کاربران رو نشون میده.
مزایا و معایب Angular
✅ مزایای Angular
ساختار ماژولار و قابل گسترش
پشتیبانی کامل از TypeScript
ابزارهای قدرتمند مثل CLI، testing و routing داخلی
کاملاً مناسب برای تیمهای بزرگ و پروژههای enterprise
❌ معایب Angular
شیب یادگیری زیاد
قوانین زیاد و سختگیرانه
نیاز به درک مفاهیم پیشرفته مثل RxJS و DI
حجم اولیه بالا برای پروژههای ساده