Salesforce Lightning Component

Begin a mini project by defining attributes to build a candidate registration form in Lightning, using string, list of string, integer and boolean types, with defaults and radio/checkbox UI.

Learn to create input fields in a Salesforce lightning component using lightning input for text and lightning select for picklists, binding values to component attributes.

Apply the lightning design system styles to center and beautify a student registration form using SLDS utilities and page header heading options for a professional layout.

Explore how to use the Salesforce Lightning Design System to grid content, assign five of eight columns to text, and fine-tune margins with a style resource.

Read and toggle a component attribute in the controller by using cmp.get('v ABC') to read and cmp.set('v ABC', newValue) to update, while acknowledging the component, event, and helper parameter order.

Call a controller function on button click with C dot function name and exclamation, using curly braces and quotes. Access attributes with V dot and component dot get/set, then save via Apex.

Explore how the helper resource is a shared resource in a Salesforce Lightning component bundle. Controllers or renderers can call helper functions, with a single memory allocation shared across instances.

Use the renderer resource to modify base render, after render, rerender, and on render in a component's life cycle, calling base functions before custom rendering and returning dom nodes.

Explore render, after render, and rerender in a Salesforce Lightning component, mastering base render calls, custom rendering, and data changes that trigger dom updates.

Learn to build and preview custom lightning pages for Salesforce one and lightning experience with the lightning app builder, using drag-and-drop components across desktop, tablet, and phone views.

Embed an svg resource in a Salesforce Lightning component using a circle with radius 50, stroke width 5, filled red. See the red circle appear as the registration component icon.

Learn to call an education detail component from within a registration form in Salesforce Lightning, enabling users to add multiple education entries with delete options.

Learn how to call one component within another in the lightning framework using namespace and component name, and implement two-way data binding between parent and child components.

Explore implementing two-way binding between a parent registration component and a child add educational detail component, enabling dynamic, repeatable entries and deletions through a shared list.

Define and map sobject fields for a registration form and its education details, establishing a master-detail relationship and binding UI inputs to rec form attributes for seamless dml storage.

Learn to call a server-side Apex function from a Lightning component, pass parameters, queue the action asynchronously, and handle success or error responses using the returned record ID.

Explore writing Apex code for a child component, including a save educational details function, performing a DML save, and coordinating server calls from the parent to update records.

Establish a parent–child connection in a Salesforce aura component, pass the parent registration ID to the child, and save child details with an apex function after the parent is saved.

Learn how lightning components communicate, with a single source and multiple receivers, using lightning events, while also exploring data binding as an alternative.

Explore the lightning app hierarchy to explain component events, including registration, firing, capture and bubble phases, and handling at district, state, or application level.

Use getSource to identify the event source, pause for analysis, and decide to stop or resume propagation of a district-level complaint to the state level based on server-side results.