Intro to Lightning Development for Salesforce®

Create a lightning application using markup similar to HTML, save and preview it, and recognize that applications serve as containers for components with unique URL paths.

Create and rename a lightning component as hello component, save, and preview to see the hello component, then reuse components by copying lines for quick previews.

Delete components and applications by using the developer console or the file delete option under lightning resources; verify nothing remains after re-opening lightning resources.

Explore single page applications and how component-based building blocks, including container and dumb components, orchestrate client-side UI and data flow from apex controllers.

Create a new lightning component called simple button and define its markup, controller, helper, and style, with optional docs, render, and design resource.

Create a test lightning application in Salesforce, add a simple button, and wire it to a controller action to trigger an alert on click.

Explains how to create reusable components with attributes, adding a message attribute as a value store, setting a default value, and retrieving it via component.get('message') to display an alert.

Pass an attribute value to a component to render different messages across multiple components, demonstrated by copying buttons and passing left and right hello messages.

Use value providers to populate button labels in lightning components. Apply a label attribute and render it with a UI output text component in the V namespace.

Apply styling to a simple button component, turn its text red, and update the app to display red left and right buttons. The lecture introduces the Salesforce lightning design system.

Integrate the Salesforce lightning design system into a test app by enabling the LDS library. Explore using built-in components like buttons and icons across the app and its child components.

Build a simple to-do app in Salesforce Lightning using components like title, add new task, task list, search input, and delete button to manage tasks.

Explore the lightning design system and build a delete button using the slds button destructive class. Follow naming conventions and preview the component in a lightning component.

Build a task item component within the lightning design system data table, include a delete button, and validate it with tests and a live preview.

Build a task component that adds a title attribute and dynamically renders the task name in the title, updating the preview and handling UI output errors.

Create a do task container component in Lightning development for Salesforce to display tasks in a two-column layout with task and action, including delete functionality and live preview.

Learn to adapt a to-do task container with Aura iteration, using items attribute and var attribute to render multiple tasks and handle programmatic updates and deletion.

Build a create new task button using the Lightning Design System, using a neutral button with a white background, copying it, and implementing it in the developer console.

Build a task creation container with a create task button and input in a lightning component, arrange side-by-side layout, set task name labels and placeholder describe your tasks, and save.

Use the lightning design system grid to create a two-column layout with the input on the left and the task button on the right, adjust padding and margins for alignment.

Create the application inside a container component to host to-do list items, define an action named tasks and height as a string array, and set a large title with margins.

Assemble the components by adding and configuring the test container and do task container, open lightning resources, remove the default attribute, and refresh to start with a blank slate.

Refactor the app to fix a slight mistake by moving two components out of the to do container into the main application, and allocate time to refactor when issues arise.

Wire the create task button to an action that reads the input value and adds a new task to the list, updating the controller and the to-do container.

Learn how to delete a task by passing its array index to the delete button and dispatching an event to remove the correct item.

Learn to create and register a lightning delete event, add an array index attribute, and fire the event from the delete button by dispatching it in the controller.

Create a delete task handler on the to-do container, wire the delete button to fire an event, capture the task index, remove the task, and refresh the tasks list.

Dispatch a create task event to pass the task name, avoiding prop drilling, so multiple components can create tasks via a shared event and a single handler updates the list.