بعد از آشنایی با Interface در جلسه قبل، حالا وقت آن رسیده که با قابلیتهای پیشرفتهتر آن آشنا شویم. در پروژههای واقعی Angular، React و Node.js معمولاً Interfaceها فقط شامل چند Property ساده نیستند؛ بلکه…
در این جلسه از آموزش Angular وارد مفاهیم پیشرفتهتر Routing میشویم.بعد از یادگیری routerLink و router-outlet، حالا نوبت این سه مفهوم مهم است: این سه قابلیت در پروژههای واقعی Angular نقش بسیار مهمی در ساخت…
یکی از مهمترین قابلیتهای TypeScript برای ساخت کدهای تمیز، قابل نگهداری و مقیاسپذیر، استفاده از Interface است. در پروژههای واقعی Angular، React و Node.js تقریباً همیشه با Interface سروکار خواهید داشت. Interface به ما کمک…
یکی از مهمترین قابلیتهای Angular، سیستم مسیریابی یا Routing است. در برنامههای تکصفحهای (SPA)، کاربران بدون رفرش شدن صفحه بین بخشهای مختلف برنامه جابهجا میشوند. این قابلیت توسط Angular Router پیادهسازی میشود. فرض کنید یک…
TypeScript امکانات زیادی برای مدیریت نوع دادهها در اختیار ما قرار میدهد. یکی از کاربردیترین قابلیتهای آن Type Alias است که به ما اجازه میدهد برای نوعهای پیچیده و تکراری، نامهای سفارشی تعریف کنیم. در…
در پروژههای واقعی Angular تقریباً همیشه با سناریوهایی روبرو میشویم که نیاز به ارسال داده از طریق URL یا تغییر مسیر کاربران داریم. برای مثال: برای پیادهسازی این قابلیتها در Angular از دو مفهوم مهم…
در بسیاری از توابع، همه پارامترها همیشه لازم نیستند. گاهی میخواهیم برخی پارامترها اختیاری باشند یا اگر مقداری ارسال نشد، یک مقدار پیشفرض استفاده شود. TypeScript برای این سناریو دو ابزار مهم ارائه میدهد: استفاده…
مسیریابی (Routing) یکی از مهمترین بخشهای توسعه اپلیکیشنهای تکصفحهای (SPA) در Angular است. زمانی که کاربر بین صفحات مختلف مانند صفحه اصلی، محصولات، سبد خرید یا داشبورد جابهجا میشود، Angular بدون رفرش شدن صفحه این…
در JavaScript توابع بسیار انعطافپذیر هستند؛ هر نوع دادهای میتواند وارد تابع شود و هر نوع خروجیای برگردانده شود. این انعطاف، در پروژههای بزرگ معمولاً به خطاهای runtime ختم میشود (خطاهایی که تازه هنگام اجرا…
در این جلسه یاد میگیریم Service چیست، چرا باید منطق برنامه را از کامپوننت جدا کنیم، و Angular چطور با مفهوم Dependency Injection (DI) سرویسها را میسازد و در اختیار بخشهای مختلف برنامه قرار میدهد.…
در جلسات قبلی یاد گرفتیم که چگونه با استفاده از تایپگذاری دقیق، خطاهای برنامهنویسی را کاهش دهیم. با این حال، گاهی اوقات در برنامهنویسی با دادههایی روبرو میشویم که نوع آنها را از قبل نمیدانیم…
در این جلسه نحوه کار با آرایهها (Array) و تاپلها (Tuple) را یاد میگیریم و تفاوتهای اساسی آنها را بررسی میکنیم. آرایهها (Arrays) در TypeScript آرایهها مجموعهای از دادهها هستند که داخل یک متغیر ذخیره…
در این جلسه یاد میگیریم چگونه دادهها را قبل از نمایش قالببندی (format) کنیم.Angular برای این کار از قابلیتی به نام Pipe استفاده میکند. Pipe چیست؟ Pipe در Angular ابزاری است که دادهها را در…
در جلسات قبل با Directiveهای آماده Angular مانند ngIf و ngFor آشنا شدیم. این Directiveها رفتار عناصر HTML را تغییر میدهند. اما در بسیاری از پروژهها نیاز داریم Directiveهای مخصوص خودمان را بسازیم. در این…
یکی از مهمترین قابلیتهای TypeScript سیستم تایپ ایستا (Static Typing) است. این ویژگی باعث میشود قبل از اجرای برنامه بسیاری از خطاهای احتمالی شناسایی شوند و کدهایی خواناتر، ایمنتر و قابل نگهداریتر بنویسیم. در این…
در جلسات قبل با مفهوم TypeScript و نحوه نصب و راهاندازی آن آشنا شدیم. اما یکی از مهمترین بخشهای کار با TypeScript فرآیند کامپایل (Compile) کردن کدهای TypeScript به JavaScript است. از آنجا که مرورگرها…
در جلسه قبل با مفهوم TypeScript و مزایای استفاده از تایپ ایستا آشنا شدیم. حالا وقت آن رسیده وارد مرحله عملی شویم: نصب TypeScript و آمادهسازی محیط توسعه برای نوشتن کدهای تایپدار و کامپایل آنها…
TypeScript یکی از محبوبترین ابزارها برای توسعه برنامههای جاوااسکریپتی مدرن است. با رشد پروژههای بزرگ فرانتاند و بکاند، مدیریت کدهای JavaScript بدون سیستم تایپ قوی میتواند دشوار شود. به همین دلیل بسیاری از توسعهدهندگان از…
از نسخهی Angular 17 یک سیستم کاملاً جدید برای کنترل جریان (Control Flow) معرفی شد که جایگزین ساختار قدیمی *ngIf ، *ngFor و *ngSwitch میشود.این ساختار جدید: در این جلسه تمام قابلیتها را با مثالهای…
Directiveها یکی از مهمترین بخشهای Angular هستند و به ما اجازه میدهند رفتار عناصر HTML را کنترل کنیم.با Directive میتوانیم: در Angular سه نوع Directive داریم: در این جلسه دقیقاً یاد میگیریم: Directive چیست؟ Directive…
