توسعه رابط کاربری مدرن با Salesforce Lightning Web Components [آموزشی] - آخرین آپدیت

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

مقدمه‌ای بر Lightning Web Components Introduction to Lightning Web Components

• مروری بر 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

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

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

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

ساخت Lightning Web Components Building Lightning Web Components

• ساخت اولین Lightning Web Component Building Our First Lightning Web Component

• اتصال داده‌ها (Data Binding) در LWC Data Binding in Lightning Web Component

• مثال دوم اتصال داده‌ها در LWC 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 در LWC If:true|false Directive in Lightning Web Components

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

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

• نحوه رندر لیست با استفاده از دستور Iterator How to Render a List Using Iterator Directive?

ساخت اپلیکیشن‌ها در Lightning Web Components 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 و Non-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 Lightning Web Components Lifecycle Methods

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

ارتباطات در 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

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

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

• مروری بر مدل Pub Sub در Lightning Web Component Overview of Pub Sub Model in Lightning Web Component

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

کار با رکوردها در Lightning Web Components Working with Records Inside Lightning Web Components

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

• نحوه ایجاد رکورد با استفاده از Lightning Data Service در LWC 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

• دسترسی به داده‌های Salesforce با 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 در Lightning Web Components Toast Notifications in Lightning Web Components

• استفاده از اعلان‌های Toast در LWC Using Toast Notifications in Lightning Web Components

سرویس ناوبری (Navigation) در Lightning Web Components Navigation Service in Lightning Web Components

• سرویس ناوبری (Navigation Service) در LWC Navigation Service in Lightning Web Components

• ناوبری به صفحات رکورد آبجکت‌ها Navigating to Object Record Pages

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

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

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

تست Lightning Web Components با فریم‌ورک Jest Test Lightning Web Components with Jest Framework

• نصب npm و Jest برای تست LWC Install npm and Jest for Testing Lightning Web Components

• نوشتن تست‌های Jest برای Lightning Web Components Write Jest Tests for Lightning Web Components

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

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

• افزودن منابع استاتیک (Static Resources) برای اپلیکیشن 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 Callout از LWC How to Make a REST API Callout from LWC?

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

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

• ایجاد Lightning Button در LWC Lightning Web Component: Create a Lightning Button

• تعریف Handlerها برای Combobox در LWC Lightning Web Component: Define the Handlers for the Combobox

• اجرای REST Call از کنترلر سمت کلاینت (Client Side) 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 از کنترلر سمت سرور (Server Side) REST API Callout from Server Side Controller

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