آموزش کامپوننت‌های وب لایتنینگ (LWC) برای رابط کاربری مدرن در سالزفورس - آخرین آپدیت

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

مقدمه‌ای بر کامپوننت‌های وب لایتنینگ Introduction to Lightning Web Components

• مروری کلی بر کامپوننت‌های وب لایتنینگ Overview of Lightning Web Components

راه‌اندازی محیط توسعه Setting Up Development Environment

• راه‌اندازی محیط توسعه: نصب Salesforce CLI و Visual Studio Setting up Development Environment: Install Salesforce CLI and Visual Studio

• تنظیم دامنه شخصی و فعال‌سازی Dev Hub در سالزفورس Setting Up My Domain and Enable Dev Hub in Salesforce

• ایجاد یک Scratch Org Create a Scratch Org

• دستورات کاربردی در Visual Studio Commands to Use in Visual Studio

ساخت کامپوننت‌های وب لایتنینگ Building Lightning Web Components

• ساخت اولین کامپوننت وب لایتنینگ Building Our First Lightning Web Component

• اتصال داده‌ها (Data Binding) در کامپوننت وب لایتنینگ Data Binding in Lightning Web Component

• مثال دوم از اتصال داده‌ها در کامپوننت وب لایتنینگ Data Binding in Lightning Web Component Example 2

رندر شرطی کامپوننت‌ها در LWC Rendering Components Conditionally in LWC

• رندر شرطی المان‌های DOM با استفاده از دستور if:true|false Render DOM Elements Conditionally Using if:true|false Directive

• کاربرد دستور if:true|false در کامپوننت‌های وب لایتنینگ If:true|false Directive in Lightning Web Components

رندر لیست آیتم‌ها در کامپوننت‌های وب لایتنینگ Rendering List of Items in Lightning Web Components

• چگونه یک لیست از آیتم‌ها را در کامپوننت‌های وب لایتنینگ رندر کنیم؟ How to Render a List of Items in Lightning Web Components?

• چگونه با استفاده از دستور Iterator یک لیست را رندر کنیم؟ How to Render a List Using Iterator Directive?

ساخت اپلیکیشن‌ها در کامپوننت‌های وب لایتنینگ Building Applications in Lightning Web Components

• ساخت یک اپلیکیشن ساده: ماشین حساب سود ساده Building a Simple Application: Simple Interest Calculator

• ساخت یک اپلیکیشن ساده با LWC: ماشین حساب اشکال هندسی Building a Simple Application with Lightning Web Components: Shape Calculator

انواع ویژگی‌ها (Properties) در LWC Types of Properties in LWC

• ویژگی‌های عمومی (Public Properties) در LWC چیستند؟ What Are Public Properties in LWC?

• تفاوت بین ویژگی‌های واکنش‌گرا (Reactive) و غیرواکنش‌گرا در LWC Difference Between Reactive and Non-Reactive Property in LWC?

• چگونه داده‌ها را از کامپوننت والد به فرزند در LWC منتقل کنیم؟ How to Pass Data from Parent Component to Child Component in LWC?

• ویژگی‌های Boolean در LWC چیستند؟ What Are Boolean Properties in LWC?

متدهای چرخه حیات در کامپوننت‌های وب لایتنینگ Lightning Web Components Lifecycle Methods

• هوک‌های چرخه حیات کامپوننت: بررسی Lifecycle Hooks در LWC Component Lifecycle Hooks: Lifecycle Hooks in Lightning Web Components

ارتباطات در کامپوننت‌های وب لایتنینگ Lightning Web Components Communication

• چگونه متد کامپوننت فرزند را از والد فراخوانی کنیم؟ How to Call Child Component Method from Parent?

• ارتباط از طریق رویدادهای سفارشی (Custom Event) از فرزند به والد Custom Event Communication from Child to Parent Component

• ارتباط با رویدادها: ایجاد و ارسال رویدادها Communicate with Events: Create and Dispatch of Events

• ارتباط با رویدادها: ایجاد و ارسال رویدادها (بخش دوم) Communicate with Events: Create and Dispatch of Events

• مروری بر مدل Pub Sub در کامپوننت وب لایتنینگ Overview of Pub Sub Model in Lightning Web Component

• یادگیری مدل Pub Sub به کمک یک مثال عملی Learn About Pub Sub Model with Help of an Example

کار با رکوردها در داخل کامپوننت‌های وب لایتنینگ Working with Records Inside Lightning Web Components

• روش‌های مختلف دسترسی به داده‌های سالزفورس در LWC Different Ways to Access Salesforce Data in Lightning Web Components

• چگونه با استفاده از Lightning Data Service یک رکورد ایجاد کنیم؟ How to Create a Record Using Lightning Data Service in Lightning Web Component?

• مشاهده و ایجاد رکورد با استفاده از Lightning Data Service View and Create Record Using Lightning Data Service

• کار با رکوردها با استفاده از Base Components (بخش اول) Work with Records Using Base Components:

• کار با رکوردها با استفاده از Base Components (بخش دوم) Work with Records Using Base Components:

• نمایش یک رکورد با چیدمان سفارشی با استفاده از Base Component Display a Record with Custom Layout Using Base Component

• دسترسی به داده‌های سالزفورس با استفاده از lightning record edit form How to Access Salesforce Data Using Base Components: lightning-record-edit-form

• چگونه با استفاده از lightning record edit form یک رکورد جدید بسازیم؟ How to Create a New Record Using lightning-record-edit-form?

• ایجاد و مشاهده رکورد با استفاده از کامپوننت lightning record edit form Create and View the Record Using lightning-record-edit-form Component

• چگونه رکوردها را از طریق Apex دریافت کنیم؟ (بخش اول) How to Fetch Records Via Apex?

• چگونه رکوردها را از طریق Apex دریافت کنیم؟ (بخش دوم) How to Fetch Records Via Apex?

اعلان‌های توست (Toast Notifications) در کامپوننت‌های وب لایتنینگ Toast Notifications in Lightning Web Components

• استفاده از اعلان‌های توست در کامپوننت‌های وب لایتنینگ Using Toast Notifications in Lightning Web Components

سرویس ناوبری (Navigation Service) در کامپوننت‌های وب لایتنینگ Navigation Service in Lightning Web Components

• سرویس ناوبری در کامپوننت‌های وب لایتنینگ Navigation Service in Lightning Web Components

• ناوبری به صفحات رکورد اشیاء Navigating to Object Record Pages

• ناوبری به لیست اخیر رکوردهای حساب و رکوردهای مرتبط کنتاکت Navigating to Account Record Recent List and Related Contact Records

• ناوبری به صفحات وب Navigating to Web Page

• ناوبری به صفحه خانه و صفحه Chatter Navigating to Home Page and Chatter Page

تست کامپوننت‌های وب لایتنینگ با فریم‌ورک Jest Test Lightning Web Components with Jest Framework

• نصب npm و Jest برای تست کامپوننت‌های وب لایتنینگ Install npm and Jest for Testing Lightning Web Components

• نوشتن تست‌های Jest برای کامپوننت‌های وب لایتنینگ Write Jest Tests for Lightning Web Components

ساخت یک اپلیکیشن از صفر با استفاده از کامپوننت‌های وب لایتنینگ Build an Application from Scratch Using Lightning Web Components

• مروری بر اپلیکیشن Overview of the Application

• افزودن منابع استاتیک برای اپلیکیشن Adding Static Resources for the Application

• استفاده از سورس کد پیوست شده به دروس Use the Source Code Attached with the Lectures

• کار بر روی اولین کامپوننت: ProductTileList Working on Our First Component: ProductTileList Component

• کار بر روی فایل JS برای کامپوننت ProductTileList Working on the JS File for the ProductTileList Component

• تنظیم Targetها و فایل CSS برای کامپوننت ProductTileList Setting Up Targets and CSS File for ProductTileList Component

• کار بر روی کامپوننت دوم: ProductTile Working on the 2nd Component: ProductTile Component

• کار بر روی فایل JS برای کامپوننت ProductTile Working on the JS File for ProductTile Component

• تنظیم Targetها و فایل CSS برای کامپوننت ProductTile Setting Up Targets and CSS File for the ProductTile Component

• کار بر روی کامپوننت سوم: ProductFilter Working on the 3rd Component: ProductFilter Component

• کار بر روی فایل JS برای کامپوننت ProductFilter Working on the JS File for ProductFilter Component

• تنظیم Targetها و فایل CSS برای کامپوننت ProductFilter Setting Up Targets and CSS File for the ProductFilter Component

• کار بر روی کامپوننت چهارم: ProductCard Working on the 4th Component: ProductCard Component

• کار بر روی فایل JS برای کامپوننت ProductCard Working on the JS File for the ProductCard Component

• تنظیم Targetها و فایل CSS برای کامپوننت ProductFilter Setting Up the Targets and CSS File for ProductFilter Component

• کار بر روی کامپوننت پنجم: PlaceholderComponent Working on the 5th Component: PlaceholderComponent

• تنظیم فایل CSS برای PlaceholderComponent Setting Up CSS File for PlaceholderComponent

• کامپوننت صفحه‌بند (Paginator) Paginator Component

• تنظیم فایل CSS و Targetها برای کامپوننت Paginator Setting Up CSS File and Targets for the Paginator Component

• کلاس Product Controller و متد getProducts() Product Controller Class and getProducts()

• کلاس PagedResult PagedResult Class

• اعمال تغییرات کد و آپلود داده‌ها برای اپلیکیشن Push the Code Changes and Uploading Data for Our App

• مروری کلی بر اپلیکیشن EbikeExplorer Overview of the EbikeExplorer Application

فراخوانی REST API از LWC REST API Callout from LWC (Lightning Web Component)

• چگونه یک فراخوانی REST API از LWC انجام دهیم؟ How to Make a REST API Callout from LWC?

• احراز هویت یک Org از طریق Visual Studio Code Authorize an Org from Visual Studio Code

• کامپوننت وب لایتنینگ: ایجاد Combobox برای اپلیکیشن Lightning Web Component: Create Combobox for Our Application

• کامپوننت وب لایتنینگ: ایجاد یک دکمه لایتنینگ Lightning Web Component: Create a Lightning Button

• کامپوننت وب لایتنینگ: تعریف هندلرهای Combobox Lightning Web Component: Define the Handlers for the Combobox

• انجام فراخوانی REST از کنترلر سمت کلاینت Make a REST Call from Client Side Controller

• تجزیه (Parse) پاسخ وب‌سرویس در رابط کاربری Parse Web Service Response on the UI

• فراخوانی REST API از کنترلر سمت کلاینت REST API Callout from Client Side Controller

• فراخوانی REST API از کنترلر سمت سرور REST API Callout from Server Side Controller

• تست نهایی اپلیکیشن Test the Application