در این جلسه از آموزش Angular وارد مفاهیم پیشرفتهتر Routing میشویم.بعد از یادگیری routerLink و router-outlet، حالا نوبت این سه مفهوم مهم است: این سه قابلیت در پروژههای واقعی Angular نقش بسیار مهمی در ساخت…
یکی از مهمترین قابلیتهای Angular، سیستم مسیریابی یا Routing است. در برنامههای تکصفحهای (SPA)، کاربران بدون رفرش شدن صفحه بین بخشهای مختلف برنامه جابهجا میشوند. این قابلیت توسط Angular Router پیادهسازی میشود. فرض کنید یک…
در پروژههای واقعی Angular تقریباً همیشه با سناریوهایی روبرو میشویم که نیاز به ارسال داده از طریق URL یا تغییر مسیر کاربران داریم. برای مثال: برای پیادهسازی این قابلیتها در Angular از دو مفهوم مهم…
مسیریابی (Routing) یکی از مهمترین بخشهای توسعه اپلیکیشنهای تکصفحهای (SPA) در Angular است. زمانی که کاربر بین صفحات مختلف مانند صفحه اصلی، محصولات، سبد خرید یا داشبورد جابهجا میشود، Angular بدون رفرش شدن صفحه این…
در این جلسه یاد میگیریم Service چیست، چرا باید منطق برنامه را از کامپوننت جدا کنیم، و Angular چطور با مفهوم Dependency Injection (DI) سرویسها را میسازد و در اختیار بخشهای مختلف برنامه قرار میدهد.…
در این جلسه یاد میگیریم چگونه دادهها را قبل از نمایش قالببندی (format) کنیم.Angular برای این کار از قابلیتی به نام Pipe استفاده میکند. Pipe چیست؟ Pipe در Angular ابزاری است که دادهها را در…
در جلسات قبل با Directiveهای آماده Angular مانند ngIf و ngFor آشنا شدیم. این Directiveها رفتار عناصر HTML را تغییر میدهند. اما در بسیاری از پروژهها نیاز داریم Directiveهای مخصوص خودمان را بسازیم. در این…
از نسخهی Angular 17 یک سیستم کاملاً جدید برای کنترل جریان (Control Flow) معرفی شد که جایگزین ساختار قدیمی *ngIf ، *ngFor و *ngSwitch میشود.این ساختار جدید: در این جلسه تمام قابلیتها را با مثالهای…
Directiveها یکی از مهمترین بخشهای Angular هستند و به ما اجازه میدهند رفتار عناصر HTML را کنترل کنیم.با Directive میتوانیم: در Angular سه نوع Directive داریم: در این جلسه دقیقاً یاد میگیریم: Directive چیست؟ Directive…
در Angular هر کامپوننت و دایرکتیو یک چرخه حیات مشخص دارد. از لحظهای که کامپوننت ساخته میشود تا زمانی که از بین میرود، Angular در مراحل مختلفی وارد عمل میشود و Hookهای خاصی را اجرا…
در پروژههای واقعی Angular، کامپوننتها بهصورت جداگانه کار نمیکنند؛ آنها یک ساختار درختی میسازند و دائماً باید با یکدیگر ارتباط داشته باشند. در این جلسه یاد میگیریم چگونه داده را از والد به فرزند با…
در این جلسه از دوره آموزش Angular، با یکی از مهمترین مفاهیم ارتباط کاربر با برنامه آشنا میشویم: مدیریت رویدادها (Events). در اپلیکیشنهای مدرن وب، کاربران دائماً با رابط کاربری تعامل دارند؛ روی دکمهها کلیک…
در این جلسه با یکی از سادهترین و پرکاربردترین روشهای نمایش داده در Angular آشنا میشویم: Interpolation. Interpolation به ما اجازه میدهد دادههای موجود در فایل TypeScript را به صورت داینامیک داخل Template (HTML) نمایش…
در این جلسه یاد میگیریم چگونه در Angular 17 یک کامپوننت جدید بسازیم و ساختار Template آن را مدیریت کنیم. این جلسه یکی از مهمترین بخشهای مسیر یادگیری Angular است، زیرا کامپوننتها هستهی اصلی معماری…
در این جلسه با ساختار فایلها و پوشههای یک پروژه Angular 17 آشنا میشویم. زمانی که با استفاده از Angular CLI یک پروژه جدید ایجاد میکنید، مجموعهای از فایلها و پوشهها به صورت خودکار ساخته…
در این جلسه از دوره Angular 17 نحوه نصب Node.js، نصب Angular CLI نسخه 17 و ساخت اولین پروژه Angular را قدمبهقدم یاد میگیریم که: 1. نصب Node.js نسخه سازگار باکس نکتهAngular 17 با Node…
در این جلسه با فریمورک Angular آشنا میشویم، معماری آن را بررسی میکنیم و میبینیم چرا Angular یکی از قدرتمندترین ابزارها برای توسعه برنامههای وب مدرن است. مقدمه Angular یکی از محبوبترین فریمورکهای Frontend است…
