آموزش توسعه کامپوننت وب لایتنینگ

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

معرفی Introduction

• مقدمه دوره Introduction to Course

• نحوه دسترسی به کد How to Access the Code

• نحوه دریافت کمک How to get Help

مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

• مقدمه جاوا اسکریپت Introduction JavaScript

• تفاوت بین var، let، const Difference between var, let, const

• تاریخ و زمان در جاوا اسکریپت Date & Date Time in JavaScript

• نقشه و تنظیم در جاوا اسکریپت Map & Set in JavaScript

• اپراتورها در JS Operators in JS

• تفاوت بین == و === در JS difference between == & === in JS

• توابع رشته در جاوا اسکریپت String functions in JavaScript

• اشیاء در جاوا اسکریپت Objects in JavaScript

• if-else در جاوا اسکریپت if-else in JavaScript

• حلقه در جاوا اسکریپت و بیانیه سوئیچ Loops in JavaScript & Switch Statement

• آرایه ها در جاوا اسکریپت Arrays in JavaScript

• روش های آرایه در جاوا اسکریپت قسمت 2 Array Methods in JavaScript Part2

• روش های آرایه در جاوا اسکریپت قسمت 3 Array Methods in JavaScript Part3

• عملکرد در جاوا اسکریپت Function in JavaScript

• تابع پیکان در جاوا اسکریپت Arrow Function in JavaScript

• روش کنسول در جاوا اسکریپت Console Method in JavaScript

• SetTimeOut در مقابل setInterval SetTimeOut vs setInterval

• Promise در JS Promise in JS

• Async Await در جاوا اسکریپت Async Await in JavaScript

• کنترل کننده رویداد و رویداد در جاوا اسکریپت Event & Event handlers in JavaScript

• addEventListener در جاوا اسکریپت addEventListener in JavaScript

• CustomEvent در جاوا اسکریپت CustomEvent in JavaScript

راه اندازی محیط و شروع به کار Setup Environment & Getting Started

• چرا Salesforce LWC را معرفی کرد؟ Why Salesforce Introduced LWC?

• برای اولین سازمان نسخه توسعه دهنده رایگان خود ثبت نام کنید Signup for your first free developer edition org

• کد ویژوال استودیو و Salesforce CLI را تنظیم کنید Setup Visual Studio code & Salesforce CLI

• محیط نیروی فروش خود را از کد VS برای 2 هدف مختلف مجاز کنید Authorise your salesforce environment from VS code for 2 different purpose

• Scratch ORG را با DevHub Org راه اندازی کنید Setup Scratch ORG with DevHub Org

• دستورات مفید salesforce dx Useful salesforce dx commands

• مبانی مؤلفه وب (اجزای وانیلی HTML 5) Web Component Fundamentals(HTML 5 vanilla components)

• مروری بر کتابخانه اجزای لایتنینگ Overview of Lightning Component Library

• محیط Salesforce را آماده کنید Make Salesforce Environment Ready

• دانشتان را امتحان کنید Test Your Knowledge

توسعه پایه کامپوننت وب لایتنینگ Lightning Web Component basic Development

• بسته کامپوننت وب لایتنینگ Lightning Web Component Bundle

• کامپوننت وب جهان سلام Hello world Web Component

• Styling (CSS) را در مؤلفه وب خود اعمال کنید Apply Styling(CSS) to your web component

• اتصال داده از کلاس جاوا اسکریپت به مؤلفه وب Data Binding from JavaScript Class to Web Component

• مروری اولیه بر رویدادهای Html Basic Overview of Html Events

• رندر شرطی - از if other در کامپوننت وب خود با تام و جری استفاده کنید Conditional Rendering - use if else in your web component with tom & jerry

• نمایش لیست خود در مؤلفه وب لایتنینگ (حلقه و تکرار) Display your list in lightning web component (looping & iteration)

• LAB - توسعه یک ماشین حساب ساده (جمع و تفریق) LAB - Develop a Simple Calculator ( Addition & Subtraction )

• LAB - توسعه یک ماشین حساب ساده (چندین و دستگاه) LAB - Develop a Simple Calculator ( Multiple & Devision)

• دانشتان را امتحان کنید Test Your Knowledge

مبانی جاوا اسکریپت JavaScript Fundamentals

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

• به روز رسانی بهار 20 درباره @track decorator Spring 20 Updates about @track decorator

• دارایی خصوصی (واکنشی) Private Property (Reactive)

• دارایی خصوصی (Reactive @track decorator) Private Property (Reactive @track decorator)

• املاک عمومی (@api decorator) Public Property (@api decorator)

• مالکیت گیرنده Getter Property

• با Get & Set Property Together کار کنید Work with Get & Set Property Together

• ویژگی بولی جاوا اسکریپت JavaScript Boolean Property

• مولفه ماشین حساب را اصلاح کنید Modify Calculator Component

• تست دانش در مبانی جاوا اسکریپت Knowledge Test on JavaScript Fundamentals

قلاب ها و ترکیبات چرخه حیات اجزای وب Web Component Lifecycle Hooks & Compositions

• قلاب های چرخه حیات جزء وب Web component Lifecycle hooks

• قطع تماس در LWC disconnectedCallback in LWC

• رندر در LWC render in LWC

• ترکیب یک جزء در داخل جزء دیگر Composition of One Component inside other component

• استفاده از شکاف ها در اجزای وب Using slots into web components

• نحوه عملکرد Shadow DOM در مؤلفه های وب (دمو بلادرنگ) How shadow DOM works in Web components(Real time demo)

• توضیح فایل فراداده Metadata file Explanation

• نحوه استفاده از LWC در Flow & Custom Tab How to Use LWC in Flow & Custom Tab

• LAB - با استفاده از Composition یک جزء لیست تماس ایجاد کنید LAB - Create a Contact List component using Composition

• دانشتان را امتحان کنید Test your knowledge

ارتباط با استفاده از رویدادها Communication using events

• زمان استفاده از رویدادها در LWC When To use Events in LWC

• چگونه یک رویداد ساده ایجاد کنیم؟ How to create a simple event?

• نحوه انتقال داده از Child Component به Parent Component How to pass data from Child Component to Parent Component

• حباب رویداد Bubbling Event

• فراخوانی روش مؤلفه فرزند با استفاده از مؤلفه والد Call Child Component Method using Parent Component

• بین Aura Component و LWC ارتباط برقرار کنید Communicate between Aura Component & LWC

• کد جاوا اسکریپت را بین اجزا به اشتراک بگذارید Share JavaScript Code between components

• LAB - ساختار اجزای کیس سریع LAB - Quick Case Component Structure

• دانشتان را امتحان کنید Test Your Knowledge

کار با داده های Salesforce Working with Salesforce Data

• مقدمه ای بر LDS Introduction to LDS

• دریافت شناسه رکورد کنونی و نام Api شی Get Current Record Id & Object Api Name

• LDS View Record - RecordViewForm & RecordForm LDS View Record - RecordViewForm & RecordForm

• LDS Edit Record - RecordForm & RecordEditForm LDS Edit Record - RecordForm & RecordEditForm

• LDS ایجاد رکورد - فرم ضبط و فرم ویرایش ضبط LDS Create Record - Record Form & Record Edit Form

• با استفاده از @Wire، روش کلاس Apex را فراخوانی کنید Call Apex Class Method using @Wire

• نحوه ارسال پارامترها در روش @wire How to pass parameters in @wire method

• Refresh Apex در لایتنینگ وب کامپوننت Refresh Apex in Lightning Web Component

• فراخوانی روش کلاس Apex با استفاده از روش امری Call Apex Class Method using imperative method

• لایتنینگ UI Record API Lightning UI Record API

• با استفاده از UI Record API مقدار فیلد را دریافت کنید و مقدار فیلد نمایش را دریافت کنید Get Field Value & Get Display field value using UI Record API

• یک رکورد را با استفاده از UI Record API به روز کنید Update a Record using UI Record API

• یک رکورد را با استفاده از UI Record API حذف کنید Delete a record using UI Record API

• Lightning UI Object info API Lightning UI Object info API

• LAB - قسمت 1 جستجوی سفارشی ایجاد کنید LAB - Create Custom Lookup Part 1

• LAB - قسمت 2 جستجوی سفارشی ایجاد کنید LAB - Create Custom Lookup Part 2

• LAB - قسمت 3 جستجوی سفارشی ایجاد کنید LAB - Create Custom Lookup Part 3

• LAB - جستجوی سفارشی را جمع کنید LAB - Wrap up the Custom Lookup

• کامپوننت Quick Case را اصلاح کنید Modify Quick Case Component

• دانشتان را امتحان کنید Test Your Knowledge

سرویس ناوبری و سایر ویژگی ها Navigation Service & Other Features

• نمایش اعلان نان تست Display Toast Notification

• ویژگی طراحی در LWC Design Attribute in LWC

• ناوبری در Salesforce Navigation in Salesforce

• نحوه حرکت از یک LWC به LWC دیگر How to Navigate from one LWC to another LWC

• برای ایجاد رکورد با مقادیر پیش فرض حرکت کنید Navigate to Create Record with Default Values

• از Web Component در صفحه VF استفاده کنید Use Web Component in VF Page

• با برچسب های سفارشی در اجزای وب لایتنینگ کار کنید Work with Custom Labels in Lightning Web Components

• کار با منبع استاتیک در لایتنینگ وب کامپوننت Work with Static Resource in Lightning Web Component

برخی از اجزای مفید کامپوننت وب لایتنینگ Some useful Components of Lightning Web Component

• لایتنینگ Web Component Mobile را آماده کنید Make Lightning Web Component Mobile Ready

• DataTable در لایتنینگ وب کامپوننت DataTable in Lightning Web Component

• نمایش مقادیر رکورد جستجو در Datatable Display Lookup Record values in Datatable

• نمایش لینک در جدول داده Display link in datatable

• نمایش نماد در Datatable Display Icon in Datatable

• عملکرد سطح ردیف در DataTable Row Level Action in DataTable

• جدول داده های لایتنینگ را مرتب کنید Sort Lightning DataTable

• ویرایش درون خطی در DataTable Inline Editing in DataTable

• نقشه در کامپوننت وب لایتنینگ Map in Lightning Web Component

• جزء شاخص پیشرفت در LWC Progress Indicator Component in LWC

• پیاده سازی شاخص پیشرفت در LWC Implement Progress Indicator in LWC

• زبانه ها در LWC Tabs in LWC

• از LWC در داخل انجمن استفاده کنید Use LWC inside Community

• روشی موثر برای رسیدگی به خطا در LWC Effective Way for Error handling in LWC

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

• Jest Setup Jest Setup

• نوشتن واحدهای تست برای اجزای وب Writing test units for Web Components

• نوشتن تست واحد برای روش @wire با پارامترها Writing Unit Test for @wire method with params

• نوشتن تست واحد برای روش دستوری با پارامترها Writing Unit Test for imperative method with params

• اشکال زدایی فایل های تست با استفاده از Command Debugging Test Files using Command

پروژه کاوشگر آبجو Beer Explorer Project

• بررسی اجمالی پروژه Project Overview

• ایجاد مدل شیء برای پروژه Create Object Model For Project

• سوابق آبجو موجود را به سیستم وارد کنید Import Existing Beer Records into System

• کامپوننت BeerSearch را ایجاد کنید Create BeerSearch Component

• کامپوننت BeerTile را ایجاد کنید Create BeerTile Component

• کامپوننت BeerList را ایجاد کنید Create BeerList Component

• افزودن به سبد خرید کارکرد - قسمت 1 Add to Cart Functionality - Part1

• افزودن به سبد خرید کارکرد - قسمت 2 Add to Cart Functionality - Part 2

• افزودن به سبد خرید کارکرد - قسمت 3 Add to cart Functionality - Part 3

• جزء جزئیات سبد خرید Cart Detail Component

• جزء جزئیات سبد خرید قسمت 2 Cart Detail Component Part 2

• اعمال تخفیف برای اقلام سبد خرید Apply Discount to the Cart Items

• آدرس حمل و نقل را انتخاب کنید Select Shipping Address

• کارکرد سفارش در محل - قسمت 1 Place Order Functionality - Part 1

• کارکرد سفارش در محل - قسمت 2 Place Order Functionality - Part 2

• کامپوننت جزئیات سفارش Order Detail Component

• جمع بندی پروژه Project Wrap-up

بخش پاداش Bonus Section

• کد کامپوننت وب لایتنینگ Lightning Web Component Code

• کد تقویت LWC LWC Enhancement Code

به روز رسانی Salesforce Release Salesforce Release updates

• مدل انتشار (Pub) و Subscribe (Sub) در لایتنینگ Web Component Publish(Pub) & Subscribe(Sub) model in Lightning Web Component

• سازمان بدون خراش را با پروژه SFDX متصل کنید Connect Non-Scratch Org with SFDX Project

• @track Decorator دیگر برای اجزای وب لایتنینگ مورد نیاز نیست The @track Decorator Is No Longer Required for Lightning Web Components

• با استفاده از لایتنینگ وب کامپوننت برگه سفارشی ایجاد کنید Create Custom Tab using Lightning Web Component

• سبک های CSS را در میان اجزای وب لایتنینگ به اشتراک بگذارید Share CSS Styles Among Lightning Web Components

• مجوز کاربر را در LWC بررسی کنید Check user permission in LWC

• ایجاد پویا جزء در LWC Dynamically Create component in LWC

• خدمات پیام رسانی لایتنینگ (LMS) Lightning Messaging Services ( LMS )

• کد برای بخش Code for the Section

به‌روزرسانی‌های انتشار Salesforce بهار 21 Spring 21 Salesforce Release Updates

• به روز رسانی های Salesforce Release قسمت 1 Salesforce Release updates Part 1

• با استفاده از روش‌های استاتیک به فراداده سفارشی دسترسی پیدا کنید Access Custom Metadata Using Static Methods

• همه چیز درباره روش FIELDS در Salesforce All about FIELDS Method in Salesforce

• به روز رسانی های مربوط به Flow Builder Flow Builder Related Updates

• پیوند به کلاس Apex Link to Apex Class