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.

Demonstrate boolean conditions in lightning components by using a checkbox to drive an or if tag and display text dynamically, then submit a student registration form to store data.

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.

Learn to wire a lightning checkbox to a controller and a helper in the bundle, calling helper logic from the controller on change, and read the checkbox value with component.find('checkbox').get('v.value').

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.

Create a design attribute in the design resource, link it to the component attribute by name to increase reusability, and set the property in the Lightning App Builder.

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.

Learn how the init event fires after a component's construction, how to handle it with an aura handler, and how a controller function initializes component attributes.

Learn to use aura change handlers to trigger a method when an index number changes, update a sequence with a helper, and maintain correct ordering in a Salesforce Lightning component.

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.

Define a Lightning button with an onClick event to call a server-side Apex function that saves registration form details via a DML insert and returns the new record ID.

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.

Develop a lightning application with a country hierarchy, register a component event with complaint message, fire it from township one, and handle it in district one during the capture phase.

Build three priority complaint buttons in a Salesforce Lightning component, use copy-paste steps to implement low, medium, and high priority actions, and reuse a single event with three names.

Learn to write aura handlers for medium priority complaints at state and district levels, using bubble phase and capture, with console logging to track messages.

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.

Learn to implement high priority complaint handling across country, state, and district levels using capture phase (and bubble phase) in Salesforce Lightning components, with hands-on, step-by-step event wiring.

Demonstrate a lightning component event-driven pattern with a contact search and contact table, where a server-side Apex method fetches matching contacts and fires a component event to update the table.