آموزش جامع انگولار (Angular) - آخرین آپدیت

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

مقدمه Introduction

• پیش‌نیازها و موارد ضروری What you should know

• شروع یادگیری انگولار Learning Angular

1. آشنایی با انگولار 1. Getting to Know Angular

• رابط خط فرمان انگولار (Angular CLI) Angular CLI

• راه‌اندازی محیط انگولار Setting up the Angular environment

• پاسخ: پاکسازی HTML Solution: Clear the HTML

• چالش: پاکسازی HTML Challenge: Clear the HTML

• ساخت اولین اپلیکیشن انگولار Creating your first Angular app

• ساختار اپلیکیشن‌های انگولار Structure of Angular applications

• انگولار چیست و چرا از آن استفاده می‌کنیم Angular: What and why

2. کار با کامپوننت‌ها، تمپلیت‌ها و استایل‌دهی 2. Working with Components, Templates, and Styling

• کار با کامپوننت‌ها Working with components

• درک Property Binding Understanding property binding

• درک Data Binding Understanding data binding

• استایل‌دهی به کامپوننت‌ها Styling components

• پاسخ: بررسی تخفیف دوره Solution: Check if a course is on sale

• استفاده از بلوک‌های کد برای ایجاد نماهای پویا Using code blocks to create dynamic views

• افزودن Event Binding به پروژه Adding event binding to the mix

• تبدیل داده‌ها با استفاده از Pipeها Transforming data with pipes

• چالش: بررسی تخفیف دوره Challenge: Check if a course is on sale

• درک چرخه حیات (Lifecycle Hooks) Understanding lifecycle hooks

3. ارسال داده‌ها بین کامپوننت‌ها 3. Sending Data across Components

• چالش: افزودن قابلیت لیست علاقه‌مندی‌ها Challenge: Add a wish list feature

• دکوراتور @Input The @Input decorator

• ارتباط بین والد و فرزند Parent-child communication

• دکوراتور @Output و Event Emitters The @Output decorator and event emitters

• پاسخ: افزودن قابلیت لیست علاقه‌مندی‌ها Solution: Add a wish list feature

4. ایجاد و استفاده از مدل‌ها 4. Creating and Using Models

• استفاده از مدل‌ها در کامپوننت‌ها و سرویس‌ها Use models within components and services

• پاسخ: افزودن یک مدل Solution: Add a model

• ایجاد مدل‌های داده Create data models

• چالش: افزودن یک مدل Challenge: Add a model

5. کار با سرویس‌ها و درخواست‌های HTTP 5. Working with Services and HTTP Requests

• استفاده از سرویس‌ها برای ارتباط بین کامپوننت‌ها Using services for cross-component communication

• ایجاد و استفاده از یک سرویس پایه Creating and using a basic service

• چالش: دریافت دوره و نمایش آن در کامپوننت سفارشی Challenge: Get course and display it in a custom component

• استفاده از RxJS برای مدیریت داده‌های async Using RxJS to handle async data

• ارسال درخواست‌های HTTP با HttpClient Making HTTP requests with HttpClient

• توضیح تزریق وابستگی (Dependency Injection) Dependency injection explained

• پاسخ: دریافت دوره و نمایش آن در کامپوننت سفارشی Solution: Get course and display it in a custom component

• استفاده از سرویس‌ها در کامپوننت‌ها Using services in components

6. مسیریابی و ناوبری 6. Routing and Navigation

• پارامترهای مسیر (Route) و پارامترهای کوئری Route parameters and query parameters

• جابجایی بین مسیرها Navigating between routes

• چالش: افزودن مسیر و کامپوننت جدید Challenge: Add a new route and component

• پاسخ: افزودن مسیر و کامپوننت جدید Solution: Add a new route and component

• راه‌اندازی سیستم مسیریابی Setting up routing

7. مدیریت فرم‌ها 7. Handling Forms

• پاسخ: ایجاد یک فرم Solution: Create a form

• چالش: ایجاد یک فرم Challenge: Create a form

• پیاده‌سازی اعتبارسنجی فرم‌ها Implementing form validation

• ساخت فرم‌های واکنش‌گرا (Reactive Forms) Building reactive forms

• فرم‌های انگولار: Template-driven در مقابل Reactive Angular forms: Template-driven and reactive forms

• ارسال داده‌های فرم و مدیریت خطاها Submitting form data and error handling

8. ساختاردهی کدها در ماژول‌ها 8. Structuring Code in Modules

• درک ماژول‌های انگولار Understanding Angular modules

• پاسخ: ایجاد داشبورد مدیریت Solution: Create an admin dashboard

• ایجاد ماژول‌های قابلیت (Feature Modules) Creating feature modules

• چالش: ایجاد داشبورد مدیریت Challenge: Create an admin dashboard

• ماژول‌های Shared و Core Shared and core modules

جمع‌بندی Conclusion

• گام‌های بعدی Next steps