آموزش مبانی و مفاهیم پایه انگولار (Angular Foundations) - آخرین آپدیت

سرفصل ها و درس ها

شروع کار با انگولار Getting Started with Angular

• انگولار چیست؟ بررسی معماری کلی What Is Angular? An Architectural Overview

• راه‌اندازی محیط توسعه انگولار Setting up Your Angular Development Environment

• ساخت و بررسی اولین اپلیکیشن انگولار Creating and Exploring Our First Angular App

• کلون کردن پروژه نمونه Cloning Our Demo App

• آشنایی با TypeScript Introduction to TypeScript

ساخت کامپوننت‌های Standalone در انگولار Creating Standalone Angular Components

• کامپوننت چیست؟ What Is a Component?

• ساخت اولین کامپوننت انگولار Creating Our First Angular Component

• نمایش کامپوننت جدید Displaying Our New Component

• تعریف پیشوند Selector برای کامپوننت‌ها Defining the Selector Prefix for Components

• دسترسی و نمایش تصاویر Accessing and Displaying Images

• ساخت کامپوننت‌های فرزند قابل استفاده مجدد Creating Reusable Child Components

• چرخه حیات کامپوننت (Lifecycle Hooks) Component Lifecycle Hooks

• استفاده از تمپلیت‌ها و استایل‌های Inline Using Inline Templates and Styles

سینتکس تمپلیت انگولار و اتصال داده‌ها (Data Binding) Angular Template Syntax and Data Binding

• استفاده از Interpolation برای رندر کردن عبارت‌ها Using Interpolation to Render Expressions

• اتصال داده‌های کامپوننت با Interpolation Binding to Component Data with Interpolation

• استفاده از Attribute Bindings Using Attribute Bindings

• فراخوانی توابع از تمپلیت کامپوننت Calling Functions from a Component Template

• پاسخ به رویدادهای کاربر (User Events) Responding to User Events

• اتصال داده‌ها و تشخیص تغییرات در انگولار Data Bindings and Angular Change Detection

• نمایش تغییرات غیرهمزمان (Asynchronous) Demonstrating Asynchronous Changes

• مدیریت تغییرات غیرهمزمان با استفاده از Signals Handling Asynchronous Changes with Signals

• ارسال داده به کامپوننت‌های فرزند با Input Properties Passing Data to Child Components with Input Properties

• رندر کردن لیست‌ها Rendering Lists

• رندر کردن شرطی محتوا Conditionally Rendering Content

استایل‌دهی به کامپوننت‌های انگولار Styling Angular Components

• سی‌اس‌اس در انگولار: استایل‌های سراسری در مقابل استایل‌های کامپوننت Angular CSS: Global Styles Versus Component Styles

• اعمال شرطی کلاس‌های CSS با Class Bindings Conditionally Applying CSS Classes with Class Bindings

• اعمال کلاس‌های CSS با دایرکتیو ngClass Applying CSS Classes with the ngClass Directive

• استایل‌دهی به المان میزبان (Host Element) کامپوننت Styling a Component's Host Element

مسیریابی و ناوبری در انگولار (Routing) Angular Routing and Navigation

• آماده‌سازی اپلیکیشن برای مسیریابی (Routing) Preparing Our App for Routing

• ایجاد مسیرها برای ناوبری Creating Routes for Navigation

• لینک دادن به مسیرها Linking to Routes

ساخت و استفاده از سرویس‌های انگولار Creating and Using Angular Services

• سرویس‌های انگولار چیستند؟ What Are Angular Services?

• ساخت یک سرویس در انگولار Creating an Angular Service

• تزریق و استفاده از سرویس انگولار Injecting and Using an Angular Service

• مدیریت وضعیت اپلیکیشن (State Management) با سرویس‌ها Managing Application State with Angular Services

• ساخت یک API Proxy Creating an API Proxy

• فراخوانی API از طریق سرویس Calling an API from a Service