Building a Salesforce Portfolio Experience Cloud Site
The ultimate LWC project — build your own Salesforce portfolio as an Experience Cloud site using custom Lightning Web Components, showcasing everything you have learned in this series.
25 posts tagged with "lwc"
The ultimate LWC project — build your own Salesforce portfolio as an Experience Cloud site using custom Lightning Web Components, showcasing everything you have learned in this series.
A guide to the most useful APIs available to Lightning Web Components — the Refresh View API, GraphQL API, FileDownload API, Location Services, Barcode Scanner, Document Scanner, NFC Service, Biometric Service, and AppReviewService.
A complete guide to unit testing Lightning Web Components with Jest — setup, writing basic tests, beforeEach and afterEach, testing events, conditional rendering, iterators, wire adapters, Apex calls, child components, and CI/CD integration.
How to build Lightning Web Components that work on mobile — understanding mobile readiness, designing for mobile, setting up responsive CSS, and leveraging dynamic template rendering for mobile layouts.
How to leverage client-side storage in Lightning Web Components — browser cache, cookies, and the Salesforce platform cache to improve performance and user experience.
How to integrate Lightning Web Components with Flows — building LWCs for screen flows, embedding flows inside LWCs, useful scenarios, and a project building a multi-screen flow with reusable dynamic components.
How to build Lightning Web Components for quick actions and global actions — understanding action types, creating screen actions, handling record context, and a project building a reusable case creation action.
How to create reusable JavaScript modules for LWC and how to import third-party JavaScript libraries as static resources into your Lightning Web Components.
A complete guide to the LWC Navigation Service — how to set it up, and an overview of every pageReference type for navigating to records, objects, apps, tabs, web pages, and more.
How to make your LWC configurable and placeable — design attributes for admin configuration, targeting to control where components appear, and adding custom SVG icons to your components.
How to debug Lightning Web Components — enabling the Lightning debugger, using console logging effectively, setting breakpoints in the browser console, and common debugging strategies.
A complete guide to exception handling in Lightning Web Components — try-catch blocks, throwing and creating custom errors, toast notifications, building a reusable error handling module, promise failures, and handling Apex exceptions.
How to call Apex from Lightning Web Components — imperative Apex calls, the wire service, refreshApex, sending SObject data from LWC to Apex, and proper exception handling for Apex calls.
A complete guide to the Lightning Data Service — retrieving records, the Lightning Record View Form, Record Edit Form, Record Form, intercepting form submissions, and the full uiAPI for creating, updating, and deleting records.
A complete guide to styling Lightning Web Components — the Salesforce Lightning Design System, SLDS custom variables and global styling hooks, using SLDS in your LWC, creating CSS files, reusable CSS, and using static resources for styling.
A guide to the Lightning Web Component Library — what it is, when to use library components vs building your own, how to extend base components like lightning-datatable, and a project building a data entry form with library components.
Mastering component communication in LWC — custom events for child-to-parent communication, public methods and properties for parent-to-child, the Lightning Message Service for cross-component communication, and platform events via the empAPI.
Deep dive into LWC templates — data binding, getters and setters, dynamic rendering with lwc:if, for:each iteration, the render method, component composition, lwc:spread, slots, and the slot change event.
Understanding LWC lifecycle hooks and decorators — constructor, connectedCallback, renderedCallback, disconnectedCallback, errorCallback, and the @api, @wire, and @track decorators with practical examples.
XML fundamentals for Lightning Web Components — what XML is, the structure of LWC metadata XML files, configuring targets, design attributes, and a complete XML cheat sheet.
JavaScript fundamentals for Lightning Web Components — classes, variables, data types, JSON, methods, the this keyword, DOM interaction, collections, operators, conditionals, modules, async programming, promises, destructuring, spread operator, exception handling, events, and debugging.
CSS fundamentals for Lightning Web Components — what CSS is, essential styling concepts for LWCs, how CSS scoping works in Shadow DOM, and how to debug CSS in the browser console.
HTML fundamentals for Lightning Web Components — what HTML is, the essential elements and attributes you need for building LWCs, and how to debug HTML in the browser console.
Understanding the DOM for Lightning Web Components — what the DOM is, the difference between Light DOM, Shadow DOM, and Synthetic Shadow DOM, and how Lightning Locker Service and Lightning Web Security work.
An introduction to Lightning Web Components — what they are, when to use LWC vs Aura, when to build custom components vs using out-of-the-box tools, frontend vs backend code, setting up your org, creating your first LWC, and placing it on a page.