Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Salesforce LWC: Lightning Web Components with Live Project

via Udemy

Go to class Write review
CodeSignal Ad

Learn Generative AI, Prompt Engineering, and LLMs for Free

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Learn Salesforce LWC with JavaScript, Apex, Wire, LDS, component communication, Jest testing and a real-world project

What you'll learn:
  • What is Lightning Web Component framework?
  • Lightning Web Component Development
  • LWC and Aura interoperability
  • Supported browsers, tools and experience for lightning web components
  • Set up development environment and CLI command to work with LWC
  • Setup Devhub and scratch org and Importance of it
  • LWC Folder and File Structure
  • Useful Javascript Properties in lightning component
  • Nested/Component composition
  • How to communicate between components using Events
  • PubSub mechanism to communicate events
  • ways of accessing salesforce resources in LWC
  • Lightning Data Services and Base components to get salesforce data in Lightning web Components
  • Use Wire services to access data in LWC
  • Various to Invoke APex from Lightning web component
  • Continuous call and API call from Lightning web component
  • Uses of Navigation services in lightning web component
  • Introduction SLDS and various resources
  • Component life cycle and event best practices
  • Mechanism to Debug your lightning web component
  • Use Jtest to test your Lightning Web components
  • Best ways to migrate Aura component to LWC
  • Many more live scenario and step by step way to code the LWC
  • Complete access to source code for practice
  • Live Project with complete source code built on LWC

Learn Salesforce Lightning Web Components (LWC) from fundamentals to advanced development through hands-on coding and a complete real-world Salesforce project.

Lightning Web Components is Salesforce's modern UI development framework based on standard web technologies including JavaScript, HTML and CSS.

This course is designed for Salesforce Developers, Administrators and professionals who want practical experience building reusable, scalable and production-ready Lightning Web Components.

Rather than learning LWC concepts only through isolated examples, you will write code throughout the course and apply the concepts in a complete real-world project.

You will work with component architecture, JavaScript, events, parent-child communication, Lightning Data Service, Wire Service, Apex integration, Lightning Message Service, navigation, SLDS, lifecycle hooks, debugging, Jest testing and advanced LWC development patterns.

Be Expert with covering :

  • Build Salesforce Lightning Web Components from scratch using HTML, JavaScript and CSS

  • Understand the architecture and lifecycle of the LWC framework

  • Configure VS Code, Salesforce CLI, Dev Hub and development environments

  • Build reusable and production-ready Salesforce Lightning Web Components

  • Work with JavaScript properties, getters, events and reactive data

  • Implement parent-to-child and child-to-parent component communication

  • Communicate between unrelated components using Lightning Message Service

  • Retrieve Salesforce data using Lightning Data Service and Wire Service

  • Call Apex methods imperatively and using @wire

  • Implement CRUD operations from Lightning Web Components

  • Work with Salesforce navigation and Lightning Navigation Service

  • Build reusable components using composition and slots

  • Use Salesforce Lightning Design System (SLDS) and custom CSS

  • Handle errors, loading states, notifications and user feedback

  • Understand LWC lifecycle hooks and rendering behavior

  • Build secure Lightning Web Components using Salesforce security best practices

  • Test Lightning Web Components using Jest

  • Debug LWC JavaScript and Salesforce interactions

  • Understand Aura and LWC interoperability

  • Migrate Aura components to Lightning Web Components

  • Work with Salesforce GraphQL from Lightning Web Components

  • Implement modern RefreshView and data-refresh patterns

  • Build dynamic Lightning Web Components

  • Learn performance and enterprise LWC development practices

  • Complete a real-world Salesforce LWC project with source code


Syllabus

  • Introduction to Lightning web component
  • Supported browsers , javascript, experience and tools for salesforce LWC
  • Set up development environment for lightning web component
  • Set up DEVHub and Scratch Org in salesforce
  • How to create a new Lightning web component and its folder structure
  • Understand basic of HTML template , Javascript and LWC configuration file
  • Define styling to lightning web component
  • Bonus Lecture
  • Javascript properties in Lightning web component
  • Use of conditional rendering using template if else
  • How to Iterate multiple Items/collection in Lightning web component
  • Overview of Public, private property, reactive and non reactive property
  • (Old session) Javascript Private and @track example
  • How to use public property in lightning web component
  • LWC Lifecycle hooks
  • Access custom label in lightning web component
  • Access Static Resource in lightning web component
  • Access current User Information in lightning web component
  • Navigation Service in Salesforce Lightning Web component
  • Use Navigation Service to Navigate Object Home page from Lightning Web Component
  • Use Navigation service to Navigate to object list view
  • Use Navigation service to navigate record new page from Lightning web component
  • Use navigation service to navigate record edit and details page from LWC
  • Use Navigation service to Navigate to Web page from Lightning web component
  • Component Composition
  • What is Slot in lightning web component and how can we pass Markup to slot
  • How to access Salesfoce data in Lightning Web Component
  • How to use Apex class and methods in Lightning web component
  • Use Wire a property to call apex method in lightning web component
  • Use Wire a Function to call apex method in lightning web component
  • Pass Parameter to apex methods with Wire services and build dynamic combo box
  • Invoke apex method imperatively from Lightning Web Component
  • Lightning Data services to access salesforce Data
  • Overview of Base components built on top of LDS
  • Overview of @Salesforce Modules and its usage
  • Create Record using lightning-record-form base component built on top of LDS
  • Create Record using lightning-record-form with fields passed
  • Show Toast notification once record created
  • Create Record Using Lightning Record edit form base component
  • use Lightning-record-form to view the record
  • use lightning-record-view-form to view the record
  • Use lightning-record-form and lightning-record-edit-form to edit the record
  • Overview of Wire adapter used in LWC to access data
  • Use CreateRecord wire adapter in lightning web component
  • Use getRecord Wire adapter to access salesforce data
  • How to Communicate between Components in Lightning web component
  • Communication using Method from parent component to child component
  • Communicate from child to parent component using Custom Event in LWC
  • Communicate Across the DOM with Lightning Message Service
  • Lets put some styling in your standard lightning DataTable

Taught by

Debasis Jena

Reviews

4.7 rating at Udemy based on 545 ratings

Start your review of Salesforce LWC: Lightning Web Components with Live Project

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.