Salesforce Javascript Certification-Lightning Web Components

Set up a Salesforce developer edition and log in to a developer org with two user licenses. Install Visual Studio Code and SFDX to begin creating lightning web components.

Set up your development environment by installing Salesforce Seelie, the command line interface, FDX, and Visual Studio Code; authorize your org, retrieve source, and create lightning web components.

Create your first hello world lightning web component in a Salesforce project by using the command panel, authorizing an org, deploying the component, and adding it to a lightning page.

Explore binding in lightning web components by binding strings, booleans, arrays from JavaScript using braces; deploy to org and use dot notation for objects; note array indexing isn't allowed.

Explore two ways in Lightning web components to iterate over an array of objects (name, age, height), using for:each with a key and an iterator with first and last.

Demonstrate conditional rendering in lightning web components using a template tag and a truthy value from a lightning input. Implement real-time updates with an on change handler.

Explore JavaScript classes, constructors, and methods, and see how extends enables inheritance between animal and dog, while lightning web components apply lifecycle hooks and super calls.

Build parent and child lightning web components by exposing a public variable with @api and passing values from the parent to the child in data binding.

Demonstrate getters in lightning web components to expose computed values as properties, enabling property-like access without parentheses and computing dynamic results such as player names.

Learn how to use setters in lightning web components to run logic on updated parent data, exposing a setter with @api and passing transformed values to a child.

Explore how the track decorator in lightning web components triggers re-renders for objects, arrays, and getters, clarifying automatic tracking and when overwriting the object is required.

Learn how the shadow dom encapsulates lightning web components and blocks standard dom queries. Use template and query selector inside components to access the shadow dom and stop propagation.

Learn to style lightning web components using the lightning design system, with utility classes, a 12-column grid, and icon usage. Apply color tokens for scalable, theme-friendly components.

Learn to share styles across multiple lightning web components with a shared styles component. Import a css file into components and deploy together for a consistent class header.

Explore styling a child component inside a shadow dom in Lightning Web Components by injecting a style tag in the rendered callback, recognizing that styles don't cross the shadow boundary.

Learn to call public methods on child components by exposing methods with the API decorator, then use querySelector to invoke them from the parent on click.

Discover how to pass data from a child to a parent by dispatching a custom event named button clicked, bubbling through the dom, and reading data from event.detail.

Build a to-do list app using Lightning Web Components, including creating components, iterating tasks, custom events, and deploying to a Salesforce org.

Learn to build a todo list in lightning web components by toggling a task's completed state, rendering icons and strikethroughs, and adding tasks with a custom add item component.

Develop lightning web components locally using sfdx and the lwc dev server for rapid real-time preview and safe testing with scratch or development orgs.

Explore how lightning web components use lifecycle hooks and the render method to import and render different html templates, switching UI based on the rendered default property.

Explore Lightning web components lifecycle methods, focusing on the mounting phase with constructor, connectedCallback, and renderedCallback, plus disconnection and the error callback for robust error handling in child components.

Master the lightning navigation service to navigate with the navigation mixin and generate URLs for current component, including standard web and object pages with the wired decorator current page reference.

Explore how the lightning data service powers lightning record form, edit form, and view form for delete, create, update, and edit with caching and deep references to object API names.

Compare lightning record form and lightning record view form, showing how to add fields, wrap them in a div for styling, and use lightning card and read or edit modes.

Discover how the lightning-record-edit-form mirrors the record view, converts output fields to input fields for editing, and handles validation and shadow dom nuances.

Learn to invoke Apex code from lightning web components via the wire adapter and fetch user data with getRecord, using reactive variables to handle asynchronous data and errors.

Explore practical wire adapter usage with get record and create default on lead, retrieve field values, fetch pick list values by record type, and access nav items and list views.

Learn to create, read, update, and delete Salesforce records with JavaScript using createRecord, wire adapters, and the Lightning UI record API, including a fields object and change handling.