آموزش توسعه کامپوننت وب Salesforce Lightning

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

مقدمه ای بر اجزای وب لایتنینگ Introduction to Lightning Web Components

• مروری بر اجزای وب لایتنینگ: مزایای کامپوننت های وب لایتنینگ Overview of Lightning Web Components: Benefits of Lightning Web Components

مقدمه ای بر اجزای وب لایتنینگ Introduction to Lightning Web Components

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

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

• راه اندازی دامنه من و فعال کردن Dev Hub در Salesforce Setting Up My Domain and Enable Dev Hub in Salesforce

• یک سازمان اسکرچ ایجاد کنید Create a Scratch Org

• دستورات برای استفاده در ویژوال استودیو Commands commands to use in Visual studio

• بررسی برای دوره Review for the course

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

ساخت اجزای وب لایتنینگ Building Lightning Web Components

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

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

• اتصال داده در مؤلفه وب لایتنینگ مثال 2 Data Binding in Lightning Web component Example 2

ساخت اجزای وب لایتنینگ Building Lightning Web Components

رندر کردن کامپوننت ها به صورت مشروط در 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

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

رندر لیست آیتم ها در اجزای وب لایتنینگ 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?

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

ساخت برنامه های کاربردی در اجزای وب لایتنینگ Building Applications In Lightning Web Components

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

• ساخت یک برنامه ساده با اجزای وب لایتنینگ: ماشین حساب شکل Building a Simple Application with Lightning Web Components: Shape Calculator

ساخت برنامه های کاربردی در اجزای وب لایتنینگ Building Applications In Lightning Web Components

انواع املاک در lwc Types of properties in lwc

• املاک عمومی در LWC چیست؟ What are Public Properties in LWC?

• به روز رسانی Salesforce مربوط به LWC Salesforce Update related to LWC

• تفاوت بین خواص واکنشی و غیر واکنشی در 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?

انواع املاک در lwc Types of properties in lwc

روش‌های چرخه حیات اجزای وب لایتنینگ Lightning Web components Lifecycle Methods

• قلاب‌های چرخه حیات مؤلفه: قلاب‌های چرخه حیات در مؤلفه‌های وب لایتنینگ Component Lifecycle Hooks: Lifecycle Hooks in Lightning Web Components

روش‌های چرخه حیات اجزای وب لایتنینگ Lightning Web components Lifecycle Methods

ارتباط اجزای وب لایتنینگ Lightning Web Components Communication

• چگونه از والد متد کامپوننت فرزند را فراخوانی کنیم؟ How to call child component method from parent?

• ارتباط رویداد سفارشی از مؤلفه کودک به والدین 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 در کامپوننت وب لایتنینگ Overview of Pub Sub Model in Lightning Web Component

• با استفاده از یک مثال با مدل Pub Sub آشنا شوید Learn about Pub Sub model with help of an example

ارتباط اجزای وب لایتنینگ Lightning Web Components Communication

کار با Records در لایتنینگ Web Components Working with Records inside Lightning Web Components

• راه های مختلف برای دسترسی به داده های نیروی فروش در اجزای وب لایتنینگ Different ways to access salesforce data in Lightning web components

• چگونه با استفاده از سرویس داده لایتنینگ در کامپوننت وب لایتنینگ یک رکورد ایجاد کنیم؟ How to create a Record using Lightning Data Service in Lightning web component?

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

• کار با رکوردها با استفاده از اجزای پایه Work With Records Using Base Components

• کار با رکوردها با استفاده از اجزای پایه: <lightning-record-form> Work with Records Using Base Components :<lightning-record-form>

• نمایش یک رکورد با طرح بندی سفارشی با استفاده از مؤلفه پایه Display a Record with custom layout using base component

• نحوه دسترسی به داده های Salesforce با استفاده از Base Components: lightning-record-edit-form How to access Salesforce Data using Base Components: 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?

کار با Records در لایتنینگ Web Components Working with Records inside Lightning Web Components

اعلان‌های نان تست در اجزای وب لایتنینگ Toast Notifications in Lightning Web Components

• استفاده از اعلان‌های نان تست در اجزای وب لایتنینگ Using toast notifications in Lightning Web components

اعلان‌های نان تست در اجزای وب لایتنینگ Toast Notifications in Lightning Web Components

سرویس ناوبری در اجزای وب لایتنینگ 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

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

سرویس ناوبری در اجزای وب لایتنینگ Navigation Service in Lightning Web Components

تست اجزای وب لایتنینگ با چارچوب JEST Test Lightning Web Components with JEST framework

• npm و JTest را برای آزمایش اجزای وب لایتنینگ نصب کنید Install npm and JTest for testing Lightning web components

• Jest Tests را برای اجزای وب لایتنینگ بنویسید Write Jest Tests for Lightning Web Components

تست اجزای وب لایتنینگ با چارچوب JEST Test Lightning Web Components with JEST framework

با استفاده از 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

• تنظیم اهداف و فایل 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

• تنظیم اهداف و فایل CSS برای محصولTile Component 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

• تنظیم اهداف و فایل CSS برای جزء productFilter Setting up targets and CSS file for the productFilter component

• کار بر روی مولفه چهارم: محصول کارت کامپوننت Working on the 4th component: productCard Component

• کار بر روی فایل JS برای جزء productCard Working on the JS file for the productCard component

• تنظیم اهداف و فایل 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 Component

• تنظیم فایل CSS و اهداف برای کامپوننت Paginator Setting up CSS file and targets for the Paginator component

• کلاس کنترل کننده محصول و 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

با استفاده از Lightning Web Components یک برنامه از ابتدا بسازید Build an Application from scratch using Lightning Web Components

REST API Callout از LWC (کامپوننت وب لایتنینگ) REST API Callout from LWC (Lightning Web Component)

• چگونه از LWC یک پیام REST API ایجاد کنیم؟ How to make a REST API callout from LWC?

• مجوز یک سازمان از کد ویژوال استودیو Authorize an Org from Visual Studio Code

• Lightning Web Component: 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 Web Service Response on the UI

• فراخوانی REST API از Client Side Controller REST API callout from Client Side Controller

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

• برنامه را تست کنید Test the application

REST API Callout از LWC (کامپوننت وب لایتنینگ) REST API Callout from LWC (Lightning Web Component)