آموزش ساخت 7 پروژه نیروی فروش در زمان واقعی (LWC).

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

معرفی Introduction

• معرفی Introduction

کارهایی که باید قبل از شروع هر پروژه انجام دهید Things to do Before Starting any Project

• نرم افزارهای مورد نیاز Softwares required

• راه اندازی سازمان توسعه دهنده Setting Up Developer Org

• ایجاد پروژه DX و مجوز با یک سازمان Salesforce Creating DX Project and Authorize with a Salesforce Org

• ایجاد یک سایت Cloud Experience Creating an Experience Cloud Site

• Winter 23 تغییر در ایجاد سایت LWR Winter 23 Change in LWR Site Creation

• دامنه من را راه اندازی کنید Setup My Domain

• بازنشانی چند پیکربندی سایت Resetting Few Configuration of the Site

• رفع فاصله طبق نسخه زمستان 23 Spacing fix according to winter 23 release

• محدودیت های قالب LWR LWR Template Limitations

پروژه 1 - ماشین حساب BMI با LWC Project 1 - BMI Calculator With LWC

• معرفی Introduction

• ایجاد کامپوننت LWC و نمایش کامپوننت در سایت LWC Component Creation and Exposing Component to Site

• طراحی چیدمان و استایل Layout designing and Styling

• افزودن تصویر پس زمینه با استفاده از منابع استاتیک Adding Background Image using Static Resource

• ایجاد فرم و اعتبار سنجی Form Creation and Validation

• ایجاد منطق برای محاسبه BMI Building Logic to Calculate BMI

• نمایش نتیجه روی صفحه و پخش زنده Showing Result on Screen and Go Live

• رفع دسترسی کاربر مهمان Guest User Access Fix

پروژه 2 - ساعت زنگ دار با آهنگ زنگ و انیمیشن. Project 2 - Alarm Clock with ringtone and animation.

• معرفی Introduction

• ایجاد کامپوننت LWC و نمایش کامپوننت در سایت LWC Component Creation and Exposing Component to Site

• طراحی چیدمان و استایل Layout designing and Styling

• منبع استاتیک با LWC Static Resource with LWC

• ایجاد منطق برای زمان فعلی Building Logic for Current Time

• برای ساعت(ها)، حداقل(ها) و AMPM کشویی ایجاد کنید Create Dropdown for Hour(s), Min(s) and AMPM

• ایجاد کرکره قابل استفاده مجدد Create Reusable Dropdown

• تنظیم عملکرد زنگ هشدار Set Alarm Functionality

• پاک کردن عملکرد زنگ هشدار Clear Alarm Functionality

• افزودن انیمیشن به زنگ هشدار Adding Animation to Alarm

• اضافه کردن آهنگ زنگ به ساعت زنگ دار و انتشار سایت Adding Ringtone to an Alarm clock and Publish the Site

• رفع دسترسی کاربر مهمان Guest User Access Fix

پروژه 3 - برنامه تبدیل ارز با یکپارچه سازی API Project 3 - Currency Converter App with API Integration

• معرفی Introduction

• ایجاد کامپوننت LWC و استقرار کامپوننت در سایت LWC Component Creation And Deployment of Component to Site

• طراحی چیدمان و استایل پایه Layout Designing and Basic styling

• کامپوننت سرویس و جعبه ترکیبی Service Component and combobox

• منبع استاتیک Static Resource

• قلاب های یک ظاهر طراحی شده Styling Hooks

• یکپارچه سازی API API Integration

• خروجی نمایش Display Output

• Project Go Live Project Go Live

• اصلاح یک ظاهر Styling Fix

• رفع دسترسی کاربر مهمان Guest User Access Fix

پروژه 4 - برنامه هواشناسی با یکپارچه سازی API مشتری و سرور. Project 4 - Weather Application with client and server API Integration.

• معرفی Introduction

• ایجاد کامپوننت LWC و نمایش کامپوننت در سایت LWC Component Creation And Exposing Component To Site

• طراحی و استایل چیدمان Layout Designing And Styling

• رسیدگی به فرم Form Handling

• ایجاد کلید API API Key Generate

• تماس با API سمت مشتری Client Side API Call

• طراحی چیدمان نتیجه Result Layout Design

• منابع استاتیک Static Resources

• یکپارچه سازی داده های API API Data Integration

• تماس API سمت سرور Server Side API Call

• Project Go Live Project Go Live

• رفع دسترسی کاربر مهمان Guest User Access Fix

• رفع پاسخگویی موبایل Mobile responsiveness fix

پروژه 5 - نظرسنجی کارکنان Project 5 - Employee Survey

• معرفی Introduction

• فعال کردن نظرسنجی ها Enable Surveys

• پیکربندی نظرسنجی و برندسازی را ایجاد کنید Create Survey and Branding Configuration

• ساخت صفحات نظرسنجی Build Survey Pages

• ایجاد سایت جدید Create New Site

• نظرسنجی را به سایت اضافه کنید Add Survey to the Site

• مجوز نمایه مهمان Permission to Guest profile

• اصلاح سبک و Project Go Live Style fix and Project Go Live

• رفع مشکل نظرسنجی Survey issue fix

پروژه 6 - برنامه یادداشت برداری Project 6 - Note-Taking App

• معرفی Introduction

• راه اندازی صفحه برنامه و ایجاد و استقرار مؤلفه App Page Setup and component creation and Deployment

• ایجاد مدل داده برنامه Creating Data Model of the APP

• طرح بندی کارت "افزودن یادداشت جدید" طراحی و استایل “Add New Note” Card Layout Designing and styling

• طراحی و طراحی چیدمان کارت یادداشت Note Card Layout Designing and Styling

• ایجاد مولفه معین Modal Component Creation

• افزودن فرم به مؤلفه Modal Adding Form to Modal Component

• یادداشت را با استفاده از LWC و Apex ایجاد کنید Create Note using LWC and Apex

• ایجاد مؤلفه اعلان Creating Notification Component

• واکشی و نمایش یادداشت های موجود روی صفحه Fetch and Display Existing Notes on Screen

• ایجاد کامپوننت HTML Append Creating Append HTML Component

• به روز رسانی یادداشت موجود Updating Existing Note

• یادداشت ها را تازه کنید Refresh Notes

• حذف یادداشت Deleting the Note

• Project Go Live Project Go Live

• رفع دسترسی کاربر مهمان Guest User Access Fix

پروژه 7 - سبد توسعه دهندگان خود را بسازید Project 7 - Build Your Own Developer Portfolio

• معرفی Introduction

• ایجاد مؤلفه بنر نمونه کارها Portfolio Banner Component Creation

• مدل سازی داده ها برای بنر نمونه کارها Data Modeling for Portfolio Banner

• واکشی داده ها از Salesforce به مؤلفه بنر Fetching Data from Salesforce to Banner Component

• افشای ویژگی‌های اجزای بنر برای سازنده Exposing Banner Component Properties to Builder

• دادن مجوز به اشیاء و فیلدهای بنر برای نمایه کاربر مهمان Giving Permission to Objects and Banner Fields for Guest User Profile

• قانون تنظیم اشتراک پورتفولیو Portfolio Sharing Setting Rule

• ایجاد جزئیات کاربر و کامپوننت بسته بندی آمار Creating User Detail and Stats Wrapper Component

• ایجاد مدل داده برای جزئیات شخصی کاربر Creating Data Model for User Personal Details

• ایجاد جزء جزئیات کاربر و واکشی اطلاعات Creating User Details Component and Fetching Info

• دانلود رزومه Download Resume

• اجازه دادن به فیلدهای اطلاعات کاربر برای نمایه کاربر مهمان Giving Permission to User info Fields for Guest User Profile

• قانون تنظیم اشتراک پورتفولیو Portfolio Sharing Setting Rule

• ایجاد جزء آمار کاربر Creating User Stats Component

• رفع یک ظاهر طراحی سریع Fixing Quick Styling

• ایجاد بسته بندی برگه های نمونه کارها Creating Portfolio Tabs Wrapper

• نادیده گرفتن سبک برگه ها Overriding the Styles of Tabs

• ایجاد فیلد و کامپوننت خلاصه Creating Summary Field and Component

• مولفه ایجاد پروژه های شخصی Creating Personal Projects Component

• یادداشت سریع در مورد نظرسنجی قبلاً تکمیل شده است Quick Note on Survey Already Completed

• ایجاد شی و زمینه های تجربه کاری Creating Work Experience Object and Fields

• ایجاد مؤلفه تجربه کاری و واکشی داده ها Creating Work Experience Component and Fetching Data

• ایجاد جدول زمانی تجربه کاری و نگاشت داده ها Creating Work Experience Timeline and data mapping

• ایجاد کامپوننت String در HTML Creating component String to HTML

• ایجاد زمینه برای مهارت های پورتفولیو Creating fields for Portfolio Skills

• ایجاد جزء مهارت ها و واکشی داده ها Creating Skills Component and Fetching Data

• نمایش داده های مهارت ها بر روی صفحه نمایش Displaying Skills data on Screen

• ایجاد شیء و زمینه های آموزشی Creating Education Object and fields

• ایجاد مؤلفه آموزش و واکشی داده ها Creating Education Component and Fetching Data

• نمایش داده های آموزشی در جدول داده LWC Displaying Education Data on LWC Datatable

• ایجاد فیلدهای گواهینامه Creating Certifications Fields

• ایجاد مؤلفه گواهینامه ها و واکشی داده ها Creating Certifications Component and Fetching Data

• نمایش داده های گواهینامه ها روی صفحه Displaying Certifications data on Screen

• ایجاد فیلدهای دیگر Creating Other fields

• واکشی اطلاعات جوایز، نشان‌های برتر و زبان‌ها Fetching information of Awards, Superbadges and languages

• نمایش اطلاعات جوایز، نشان های برتر و زبان ها Displaying information of Awards, Superbadges and languages

• ساخت آکاردئون برای صفحه نمایش موبایل Creating Accordions for Mobile Screen

• ایجاد کامپوننت پاورقی Creating Footer Component

• برخی از بهینه سازی ها و Project Go Live Some Optimisations and Project Go Live