К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Salesforce Lightning Web Components for Modern UI · LearnSpace
Назад в каталог
courseraIT и технологии

Salesforce Lightning Web Components for Modern UI

Курс от Packt
Средний≈ 18.9 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will master Salesforce's Lightning Web Components (LWC), a modern framework that aligns with web standards. You’ll learn hands-on with real-world projects, transitioning from Aura Components to LWC. By the end, you’ll be capable of developing functional applications using LWC, giving you an edge in Salesforce development. The course begins by setting up your development environment, guiding you through tools like Salesforce CLI, Visual Studio, and Scratch Orgs. You'll then dive into core LWC concepts such as data binding, event communication, and properties. As the course progresses, you'll build applications, render components conditionally, and work with Salesforce data. The course concludes with a project where you'll build a real-world eBike application using everything you’ve learned. This course is perfect for Salesforce Developers, Admins, and web developers looking to enhance their skills in LWC.

Навыки, которые вы освоите

Salesforce DevelopmentWeb ComponentsUI ComponentsRestful APIApplication DevelopmentSalesforceJest (JavaScript Testing Framework)Development EnvironmentData AccessApplication Programming Interface (API)Test Script DevelopmentUser Interface (UI)JavaScript FrameworksWeb ApplicationsVisualforceEvent-Driven ProgrammingHypertext Markup Language (HTML)Cascading Style Sheets (CSS)Web Design and Development

Программа курса

15 модулей · 107 учебных материалов

01Introduction to Lightning Web Components2 материалов

Introduction to Lightning Web Components

Overview of Lightning Web ComponentsВидеоFull Course ResourcesЧтение
02Setting Up Development Environment6 материалов

Setting Up Development Environment

Setting up Development Environment: Install Salesforce CLI and Visual StudioВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Salesforce Lightning Web Components for Modern UI
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 18.9 ч

15 модулей

Язык: Английский

Часть программы вашего университета
Setting Up My Domain and Enable Dev Hub in SalesforceВидео
Create a Scratch OrgВидео
Commands to Use in Visual StudioВидео
Setting Up Salesforce DX Development EnvironmentDIALOGUE
Setting Up Development Environment - AssessmentЗадание
03Building Lightning Web Components5 материалов

Building Lightning Web Components

Building Our First Lightning Web ComponentВидеоData Binding in Lightning Web ComponentВидеоData Binding in Lightning Web Component Example 2ВидеоCreating Lightning Web Components and Understanding Data BindingDIALOGUEBuilding Lightning Web Components - AssessmentЗадание
04Rendering Components Conditionally in LWC4 материалов

Rendering Components Conditionally in LWC

Render DOM Elements Conditionally Using if:true|false DirectiveВидеоIf:true|false Directive in Lightning Web ComponentsВидеоConditional Rendering with if:true and if:false in Lightning Web ComponentsDIALOGUERendering Components Conditionally in LWC - AssessmentЗадание
05Rendering List of Items in Lightning Web Components4 материалов

Rendering List of Items in Lightning Web Components

How to Render a List of Items in Lightning Web Components?ВидеоHow to Render a List Using Iterator Directive?ВидеоRendering Lists with 'for:each' and 'iterator' in LWCDIALOGUERendering List of Items in Lightning Web Components - AssessmentЗадание
06Building Applications in Lightning Web Components4 материалов

Building Applications in Lightning Web Components

Building a Simple Application: Simple Interest CalculatorВидеоBuilding a Simple Application with Lightning Web Components: Shape CalculatorВидеоCalculating Simple Interest and Areas in LWCDIALOGUEBuilding Applications in Lightning Web Components - AssessmentЗадание
07Types of Properties in LWC6 материалов

Types of Properties in LWC

What Are Public Properties in LWC?ВидеоDifference Between Reactive and Non-Reactive Property in LWC?ВидеоHow to Pass Data from Parent Component to Child Component in LWC?ВидеоWhat Are Boolean Properties in LWC?ВидеоUnderstanding Public, Reactive, and Boolean Properties in LWCDIALOGUETypes of Properties in LWC - AssessmentЗадание
08Lightning Web Components Lifecycle Methods3 материалов

Lightning Web Components Lifecycle Methods

Component Lifecycle Hooks: Lifecycle Hooks in Lightning Web ComponentsВидеоUnderstanding the Component Lifecycle in Web ComponentsDIALOGUELightning Web Components Lifecycle Methods - AssessmentЗадание
09Lightning Web Components Communication8 материалов

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ВидеоOverview of Pub Sub Model in Lightning Web ComponentВидеоLearn About Pub Sub Model with Help of an ExampleВидеоComponent Communication in LWC: Methods, Custom Events, and Pub-SubDIALOGUELightning Web Components Communication - AssessmentЗадание
10Working with Records Inside Lightning Web Components13 материалов

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?ВидеоView and Create Record Using Lightning Data ServiceВидеоWork with Records Using Base Components:ВидеоWork with Records Using Base Components:ВидеоDisplay a Record with Custom Layout Using Base ComponentВидеоHow to Access Salesforce Data Using Base Components: lightning-record-edit-formВидеоHow to Create a New Record Using lightning-record-edit-form?ВидеоCreate and View the Record Using lightning-record-edit-form ComponentВидеоHow to Fetch Records Via Apex?ВидеоHow to Fetch Records Via Apex?ВидеоFetching and Displaying Data in Salesforce using LWC and ApexDIALOGUEWorking with Records Inside Lightning Web Components - AssessmentЗадание
11Toast Notifications in Lightning Web Components3 материалов

Toast Notifications in Lightning Web Components

Using Toast Notifications in Lightning Web ComponentsВидеоDisplaying Toast Notifications in Lightning Web ComponentsDIALOGUEToast Notifications in Lightning Web Components - AssessmentЗадание
12Navigation Service in Lightning Web Components7 материалов

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ВидеоNavigating Pages with the Navigation Service in Lightning Web ComponentsDIALOGUENavigation Service in Lightning Web Components - AssessmentЗадание
13Test Lightning Web Components with Jest Framework4 материалов

Test Lightning Web Components with Jest Framework

Install npm and Jest for Testing Lightning Web ComponentsВидеоWrite Jest Tests for Lightning Web ComponentsВидеоTesting Lightning Web Components with JestDIALOGUETest Lightning Web Components with Jest Framework - AssessmentЗадание
14Build an Application from Scratch Using Lightning Web Components25 материалов

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ВидеоWorking on Our First Component: ProductTileList ComponentВидеоWorking on the JS File for the ProductTileList ComponentВидеоSetting Up Targets and CSS File for ProductTileList ComponentВидеоWorking on the 2nd Component: ProductTile ComponentВидеоWorking on the JS File for ProductTile ComponentВидеоSetting Up Targets and CSS File for the ProductTile ComponentВидеоWorking on the 3rd Component: ProductFilter ComponentВидеоWorking on the JS File for ProductFilter ComponentВидеоSetting Up Targets and CSS File for the ProductFilter ComponentВидеоWorking on the 4th Component: ProductCard ComponentВидеоWorking on the JS File for the ProductCard ComponentВидеоSetting Up the Targets and CSS File for ProductFilter ComponentВидеоWorking on the 5th Component: PlaceholderComponentВидеоSetting Up CSS File for PlaceholderComponentВидеоPaginator ComponentВидеоSetting Up CSS File and Targets for the Paginator ComponentВидеоProduct Controller Class and getProducts()ВидеоPagedResult ClassВидеоPush the Code Changes and Uploading Data for Our AppВидеоOverview of the EbikeExplorer ApplicationВидеоUnderstanding Lightning Web Components Communication: The eBike ExplorerDIALOGUEBuild an Application from Scratch Using Lightning Web Components - AssessmentЗадание
15REST API Callout from LWC (Lightning Web Component)13 материалов

REST API Callout from LWC (Lightning Web Component)

How to Make a REST API Callout from LWC?ВидеоAuthorize an Org from Visual Studio CodeВидеоLightning Web Component: Create Combobox for Our ApplicationВидеоLightning Web Component: Create a Lightning ButtonВидеоLightning Web Component: Define the Handlers for the ComboboxВидеоMake a REST Call from Client Side ControllerВидеоParse Web Service Response on the UIВидеоREST API Callout from Client Side ControllerВидеоREST API Callout from Server Side ControllerВидеоTest the ApplicationВидеоREST API Callout from LWC (Lightning Web Component) - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание