آموزش کامپوننت وب لایتنینگ نهایی Hands-On

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

مقدمه و شروع Introduction And Getting Started

• بررسی اجمالی دوره Course Overview

• درباره نویسنده شما About Your Author

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

• مهم - چگونه از این دوره بیشترین بهره را ببرید Important - How to Get Most Out of This Course

• مهم - یادداشتی از نویسنده Important - A Note From Author

مقدمه و شروع Introduction And Getting Started

• بررسی اجمالی دوره Course Overview

• درباره نویسنده شما About Your Author

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

• مهم - چگونه از این دوره بیشترین بهره را ببرید Important - How to Get Most Out of This Course

• مهم - یادداشتی از نویسنده Important - A Note From Author

Javascript Fundamentals - به روز رسانی 2021 Javascript Fundamentals - Update 2021

• جاوا اسکریپت چیست؟ What is Javascript

• افزودن بیانیه های کنسول Adding Console Statements

• اضافه کردن نظرات در JS Adding Comments in JS

• اعلان متغیرها Declaring Variables

• انواع داده ها Datatypes

• توابع رشته String Functions

• آرایه ها Arrays

• اشیاء Objects

• الحاق رشته String Concatenation

• توابع در JS Functions in JS

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

• اپراتور مرکب Compound Operator

• اپراتور مقایسه Comparison Operator

• عملگر حسابی Arithmetic Operator

• بیانیه مشروط - اگر غیر از این باشد Conditional Statement - If Else

• بیانیه مشروط - اپراتور سه تایی Conditional Statement - Ternary Operator

• بیانیه شرطی - مورد سوئیچ Conditional Statement - Switch Case

• حلقه ها در JS Loops in JS

• همه نوع حلقه های For در JS All Type Of For Loops in JS

• توابع آرایه - نقشه و فیلتر Array Functions - Map & Filter

• ES6 Spread Syntax ES6 Spread Syntax

• توابع JSON JSON Functions

• OOPS در JS - Function Constructor OOPS in JS - Function Constructor

• OOPS در کلاس های JS - ES6 OOPS in JS - ES6 Classes

• کار با DOM Working with DOM

Javascript Fundamentals - به روز رسانی 2021 Javascript Fundamentals - Update 2021

• جاوا اسکریپت چیست؟ What is Javascript

• افزودن بیانیه های کنسول Adding Console Statements

• اضافه کردن نظرات در JS Adding Comments in JS

• اعلان متغیرها Declaring Variables

• انواع داده ها Datatypes

• توابع رشته String Functions

• آرایه ها Arrays

• اشیاء Objects

• الحاق رشته String Concatenation

• توابع در JS Functions in JS

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

• اپراتور مرکب Compound Operator

• اپراتور مقایسه Comparison Operator

• عملگر حسابی Arithmetic Operator

• بیانیه مشروط - اگر غیر از این باشد Conditional Statement - If Else

• بیانیه مشروط - اپراتور سه تایی Conditional Statement - Ternary Operator

• بیانیه شرطی - مورد سوئیچ Conditional Statement - Switch Case

• حلقه ها در JS Loops in JS

• همه نوع حلقه های For در JS All Type Of For Loops in JS

• توابع آرایه - نقشه و فیلتر Array Functions - Map & Filter

• ES6 Spread Syntax ES6 Spread Syntax

• توابع JSON JSON Functions

• OOPS در JS - Function Constructor OOPS in JS - Function Constructor

• OOPS در کلاس های JS - ES6 OOPS in JS - ES6 Classes

• کار با DOM Working with DOM

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

• تنظیم محیط توسعه Set Up Development Environment

• ایجاد سازمان توسعه دهنده و راه اندازی Dev Hub Create Developer Org and Setup Dev Hub

• Scratch Org را ایجاد کنید Create Scratch Org

• دستورات Salesforce CLI را کاوش کنید Explore Salesforce CLI Commands

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

• تنظیم محیط توسعه Set Up Development Environment

• ایجاد سازمان توسعه دهنده و راه اندازی Dev Hub Create Developer Org and Setup Dev Hub

• Scratch Org را ایجاد کنید Create Scratch Org

• دستورات Salesforce CLI را کاوش کنید Explore Salesforce CLI Commands

اصول LWC LWC Fundamentals

• دو راه از اینجا Two Paths From Here

• بسته کامپوننت Component Bundle

• کامپوننت Hello World Hello World Component

• اتصال داده ها Data Binding

• استفاده از CSS Applying CSS

• رندر مشروط Conditional Rendering

• حلقه یا تکرار Looping or Iteration

• پروژه - ماشین حساب ساده - قسمت 1 Project - Simple Calculator - Part 1

• پروژه - ماشین حساب ساده - قسمت 2 Project - Simple Calculator - Part 2

• پاداش - بررسی اجمالی کتابخانه مؤلفه Bonus - Component Library Overview

اصول LWC LWC Fundamentals

• دو راه از اینجا Two Paths From Here

• بسته کامپوننت Component Bundle

• کامپوننت Hello World Hello World Component

• اتصال داده ها Data Binding

• استفاده از CSS Applying CSS

• رندر مشروط Conditional Rendering

• حلقه یا تکرار Looping or Iteration

• پروژه - ماشین حساب ساده - قسمت 1 Project - Simple Calculator - Part 1

• پروژه - ماشین حساب ساده - قسمت 2 Project - Simple Calculator - Part 2

• پاداش - بررسی اجمالی کتابخانه مؤلفه Bonus - Component Library Overview

ویژگی های جاوا اسکریپت Javascript Properties

• به روز رسانی های جدید New Updates

• میراث - خصوصیات خصوصی - غیر واکنشی Legacy - Private Properties - Non Reactive

• خصوصیات خصوصی - واکنشی Private Properties - Reactive

• به روز رسانی Spring'20 - همه ویژگی ها واکنشی هستند Spring'20 Update - All Properties Are Reactive

• به روز رسانی Spring'20 - زمان استفاده از Track Decorator Spring'20 Update - When To Use Track Decorator

• خواص دریافت کننده Getter Properties

• اموال عمومی Public Properties

• خصوصیات بولین عمومی Public Boolean Properties

ویژگی های جاوا اسکریپت Javascript Properties

• به روز رسانی های جدید New Updates

• میراث - خصوصیات خصوصی - غیر واکنشی Legacy - Private Properties - Non Reactive

• خصوصیات خصوصی - واکنشی Private Properties - Reactive

• به روز رسانی Spring'20 - همه ویژگی ها واکنشی هستند Spring'20 Update - All Properties Are Reactive

• به روز رسانی Spring'20 - زمان استفاده از Track Decorator Spring'20 Update - When To Use Track Decorator

• خواص دریافت کننده Getter Properties

• اموال عمومی Public Properties

• خصوصیات بولین عمومی Public Boolean Properties

توسعه محلی LWC LWC Local Development

• توسعه محلی LWC LWC Local Development

توسعه محلی LWC LWC Local Development

• توسعه محلی LWC LWC Local Development

چرخه حیات و ترکیب اجزا Component Lifecycle & Composition

• استفاده از اسلات ها Using Slots

• روش های عمومی Public Methods

• سایه DOM Shadow DOM

• چرخه حیات کامپوننت Component Lifecycle

چرخه حیات و ترکیب اجزا Component Lifecycle & Composition

• استفاده از اسلات ها Using Slots

• روش های عمومی Public Methods

• سایه DOM Shadow DOM

• چرخه حیات کامپوننت Component Lifecycle

ارتباط مؤلفه با استفاده از رویدادها Component Communication Using Events

• اعزام و رسیدگی به رویدادها Dispatching And Handling Events

• ارتباط بین اجزای مستقل Communication Between Independent Components

• کد جاوا اسکریپت را به اشتراک بگذارید Share Javascript Code

ارتباط مؤلفه با استفاده از رویدادها Component Communication Using Events

• اعزام و رسیدگی به رویدادها Dispatching And Handling Events

• ارتباط بین اجزای مستقل Communication Between Independent Components

• کد جاوا اسکریپت را به اشتراک بگذارید Share Javascript Code

به داده های Salesforce دسترسی داشته باشید Access Salesforce Data

• کار با داده های Salesforce - یک مرور کلی Working With Salesforce Data - An Overview

• Lightning Data Service - ایجاد رکورد Lightning Data Service - Create Record

• Lightning Data Service - مشاهده رکورد Lightning Data Service - View Record

• LDS - RecordViewForm و RecordEditForm LDS - RecordViewForm and RecordEditForm

• LDS - RecordForm Base Component LDS - RecordForm Base Component

• فراخوانی روش Apex با استفاده از آداپتور سیم Call Apex Method Using Wire Adapter

• فراخوانی روش Apex Imperatively Call Apex Method Imperatively

به داده های Salesforce دسترسی داشته باشید Access Salesforce Data

• کار با داده های Salesforce - یک مرور کلی Working With Salesforce Data - An Overview

• Lightning Data Service - ایجاد رکورد Lightning Data Service - Create Record

• Lightning Data Service - مشاهده رکورد Lightning Data Service - View Record

• LDS - RecordViewForm و RecordEditForm LDS - RecordViewForm and RecordEditForm

• LDS - RecordForm Base Component LDS - RecordForm Base Component

• فراخوانی روش Apex با استفاده از آداپتور سیم Call Apex Method Using Wire Adapter

• فراخوانی روش Apex Imperatively Call Apex Method Imperatively

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

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

• شناسه رکورد و نام شی را از Framework دریافت کنید Get Record Id and Object Name From Framework

• تنظیمات فایل متا Meta File Configurations

• مروری بر خدمات ناوبری رعد و برق Lightning Navigation Service Overview

• نمونه هایی از خدمات ناوبری رعد و برق Examples of Lightning Navigation Service

• استفاده از کتابخانه های شخص ثالث Using 3rd Party Libraries

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

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

• شناسه رکورد و نام شی را از Framework دریافت کنید Get Record Id and Object Name From Framework

• تنظیمات فایل متا Meta File Configurations

• مروری بر خدمات ناوبری رعد و برق Lightning Navigation Service Overview

• نمونه هایی از خدمات ناوبری رعد و برق Examples of Lightning Navigation Service

• استفاده از کتابخانه های شخص ثالث Using 3rd Party Libraries

قابلیت همکاری هاله و LWC Aura and LWC interoperability

• ارتباط در سلسله مراتب مؤلفه های مشابه Communicate In Same Component Hierarchy

• ارتباط در سلسله مراتب اجزای مختلف Communicate In Different Components Hierarchy

قابلیت همکاری هاله و LWC Aura and LWC interoperability

• ارتباط در سلسله مراتب مؤلفه های مشابه Communicate In Same Component Hierarchy

• ارتباط در سلسله مراتب اجزای مختلف Communicate In Different Components Hierarchy

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

• راه اندازی JTest JTest Setup

• نوشتن تست برای اجزای وب لایتنینگ شما Writing Tests For Your Lightning Web Components

• اشکال زدایی فایل های آزمایشی - با استفاده از کروم Debugging Test Files - Using Chrome

• اشکال زدایی فایل های آزمایشی - با استفاده از کد VS Debugging Test Files - Using VS Code

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

• راه اندازی JTest JTest Setup

• نوشتن تست برای اجزای وب لایتنینگ شما Writing Tests For Your Lightning Web Components

• اشکال زدایی فایل های آزمایشی - با استفاده از کروم Debugging Test Files - Using Chrome

• اشکال زدایی فایل های آزمایشی - با استفاده از کد VS Debugging Test Files - Using VS Code

پروژه اجاره ماشین Rent A Car Project

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

• نصب طرحواره Installing Schema

• کامپوننت CarSearchForm را توسعه دهید Develop CarSearchForm Component

• کامپوننت CarSearch Result را توسعه دهید Develop CarSearchResult Component

• کامپوننت CarTile را توسعه دهید Develop CarTile Component

• مولفه CarDetails را توسعه دهید Develop CarDetails Component

• کامپوننت CarDetail را توسعه دهید Develop CarDetail Component

• کامپوننت AddCarExperience را توسعه دهید Develop AddCarExperience Component

• مولفه CarExperiences را توسعه دهید Develop CarExperiences Component

• کامپوننت CarExpriences را کامل کنید Complete CarExpriences Component

• مولفه CarLocation را توسعه دهید Develop CarLocation Component

پروژه اجاره ماشین Rent A Car Project

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

• نصب طرحواره Installing Schema

• کامپوننت CarSearchForm را توسعه دهید Develop CarSearchForm Component

• کامپوننت CarSearch Result را توسعه دهید Develop CarSearchResult Component

• کامپوننت CarTile را توسعه دهید Develop CarTile Component

• مولفه CarDetails را توسعه دهید Develop CarDetails Component

• کامپوننت CarDetail را توسعه دهید Develop CarDetail Component

• کامپوننت AddCarExperience را توسعه دهید Develop AddCarExperience Component

• مولفه CarExperiences را توسعه دهید Develop CarExperiences Component

• کامپوننت CarExpriences را کامل کنید Complete CarExpriences Component

• مولفه CarLocation را توسعه دهید Develop CarLocation Component

به روز رسانی های سال 2020 Year 2020 Updates

• ایجاد و راه اندازی Pre-Release Org Create and Setup Pre-Release Org

• دامنه من را در سازمان پیش از انتشار فعال کنید Enable My Domain In Pre-Release Org

• سرویس پیام رسانی لایتنینگ - قسمت 1 Lightning Messaging Service - Part 1

• سرویس پیام رسانی لایتنینگ - قسمت 2 Lightning Messaging Service - Part 2

• ماژول‌های CSS - سبک‌های CSS را در میان مؤلفه‌ها به اشتراک بگذارید CSS Modules - Share CSS Styles Among Components

• مجوزهای کاربر و مجوزهای سفارشی را دریافت کنید Get User Permissions & Custom Permissions

• ویژگی IsConnected - بررسی کنید که آیا کامپوننت به DOM متصل است یا خیر IsConnected Property - Check If Component Is Connected To DOM

به روز رسانی های سال 2020 Year 2020 Updates

• ایجاد و راه اندازی Pre-Release Org Create and Setup Pre-Release Org

• دامنه من را در سازمان پیش از انتشار فعال کنید Enable My Domain In Pre-Release Org

• سرویس پیام رسانی لایتنینگ - قسمت 1 Lightning Messaging Service - Part 1

• سرویس پیام رسانی لایتنینگ - قسمت 2 Lightning Messaging Service - Part 2

• ماژول‌های CSS - سبک‌های CSS را در میان مؤلفه‌ها به اشتراک بگذارید CSS Modules - Share CSS Styles Among Components

• مجوزهای کاربر و مجوزهای سفارشی را دریافت کنید Get User Permissions & Custom Permissions

• ویژگی IsConnected - بررسی کنید که آیا کامپوننت به DOM متصل است یا خیر IsConnected Property - Check If Component Is Connected To DOM

پروژه یکپارچه سازی و به روز رسانی های سال 2021 Integration Project and Year 2021 Updates

• نمای کلی پروژه و نسخه ی نمایشی Project Overview and Demo

• مجموعه در جاوا اسکریپت Sets in Javascript

• نقشه ها در جاوا اسکریپت Maps in Javascript

• ایجاد نشانه گذاری از مولفه LWC - پروژه VSF Create Markup of LWC Component - VSF project

• ساخت Callout از LWC - VSF Project Making a Callout from LWC - VSF Project

• رفع خطای خط مشی امنیت محتوا - پروژه VSF Fix Content Security Policy Error - VSF Project

• پاسخ Callout - پروژه VSF را تجزیه و قالب بندی کنید Parse and Format the Callout Response - VSF Project

• پایان قالب بندی پاسخ Callout - پروژه VSF Finish Formatting the Callout Response - VSF Project

• Stylise Lightning Datatable - پروژه VSF Stylise Lightning Datatable - VSF Project

• Endpoint را پویا کنید - پروژه VSF Make the Endpoint Dynamic - VSF Project

• Mock Api برای تست برنامه - پروژه VSF Mock Api to Test the Application - VSF Project

• تب لایتنینگ - LWC را به عنوان برگه سفارشی اضافه کنید Lightning Tab - Add LWC as a Custom Tab

• Lightning Quick Action - LWC را به عنوان Quick Action اضافه کنید (Mini Project) Lightning Quick Action - Add LWC as Quick Action (Mini Project)

پروژه یکپارچه سازی و به روز رسانی های سال 2021 Integration Project and Year 2021 Updates

• نمای کلی پروژه و نسخه ی نمایشی Project Overview and Demo

• مجموعه در جاوا اسکریپت Sets in Javascript

• نقشه ها در جاوا اسکریپت Maps in Javascript

• ایجاد نشانه گذاری از مولفه LWC - پروژه VSF Create Markup of LWC Component - VSF project

• ساخت Callout از LWC - VSF Project Making a Callout from LWC - VSF Project

• رفع خطای خط مشی امنیت محتوا - پروژه VSF Fix Content Security Policy Error - VSF Project

• پاسخ Callout - پروژه VSF را تجزیه و قالب بندی کنید Parse and Format the Callout Response - VSF Project

• پایان قالب بندی پاسخ Callout - پروژه VSF Finish Formatting the Callout Response - VSF Project

• Stylise Lightning Datatable - پروژه VSF Stylise Lightning Datatable - VSF Project

• Endpoint را پویا کنید - پروژه VSF Make the Endpoint Dynamic - VSF Project

• Mock Api برای تست برنامه - پروژه VSF Mock Api to Test the Application - VSF Project

• تب لایتنینگ - LWC را به عنوان برگه سفارشی اضافه کنید Lightning Tab - Add LWC as a Custom Tab

• Lightning Quick Action - LWC را به عنوان Quick Action اضافه کنید (Mini Project) Lightning Quick Action - Add LWC as Quick Action (Mini Project)

دوره تصادف و پروژه دوم Crash Course & 2nd Project

• قبل از شروع دوره تصادف Before You Start The Crash Course

• دوره تصادف LWC - در 100 دقیقه یاد بگیرید LWC Crash Course - Learn in 100 Min

دوره تصادف و پروژه دوم Crash Course & 2nd Project

• قبل از شروع دوره تصادف Before You Start The Crash Course

• دوره تصادف LWC - در 100 دقیقه یاد بگیرید LWC Crash Course - Learn in 100 Min

جایزه Bonus

• دوره سقوط SLDS - سیستم طراحی رعد و برق Salesforce SLDS Crash Course - Salesforce Lightning Design System

جایزه Bonus

• دوره سقوط SLDS - سیستم طراحی رعد و برق Salesforce SLDS Crash Course - Salesforce Lightning Design System