Intro to Lightning Development for Salesforce®

How to develop on the Salesforce® Platform

Created byJeff Long

Last updated 12/2017

English

What you'll learn

Build Salesforce® Lightning components.
Learn the basics of single page application design.
Learn the basics of component based architecture.

Course content

7 sections • 33 lectures • 1h 33m total length

Introduction0:58
Begin your lightning development journey with hands-on practice, type what you see, and use Demy discussions and adjustable playback speed to master the most common concepts in this foundational course.
Create a Developer Org0:33
Create a free Salesforce developer org to build and run Lightning components or applications. Sign up, fill out the form, and confirm your account by email.
Enable a Custom Domain0:47
Enable a custom domain for lightning by using the gear menu, entering a domain, and submitting an available name; await email confirmation in five to ten minutes.
Deploy to Users0:50
Deploy the prepared domain to users for testing in Salesforce Lightning, log in with your created username, and confirm the domain is ready for testing.

Create An Application1:08
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 a Component1:32
Delete Components and Applications0:37
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.

Understand Single Page Applications5:08
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.
The Component Bundle2:16
Add a Controller3:08
Attributes3:20
Pass an attribute value to a component1:11
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.
Value Providers3:09
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.
Add Styling to A Component1:05
Add the Lightning Design System to our test application1:31
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.

What we're going to build1:01
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.
Build a button using the SLDS4:20
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 Component3:10
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 adding a Title Attribute2:53
Building a Task Container Component3:44
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.
Aura:Iteration5:07
Build a Create New Task Button2:10
Task Creation Container: Part 1 - Add an Input2:57
Task Creation Container: Part 2 - Margin and Padding7:07
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.

Creating New Tasks6:02
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.
Deleting Tasks Part 15:29
Learn how to delete a task by passing its array index to the delete button and dispatching an event to remove the correct item.
Deleting Tasks Part 2 - Firing Events3:40
Deleting Tasks Part 3 - Handlers4:51

Requirements

A basic knowledge of HTML, CSS, and Javascript
A basic knowledge of Salesforce

Description

This is an introduction to Salesforce® Lightning development. Lightning development is hard and relatively new, so unlike many other courses on here I will not claim to be able to make you a 'Lightning Guru' after one course. This will give you a solid foundational understanding of developing on the Lightning Platform.

The real strength of this course is that it is to the point, allowing you to quickly and efficiently learn how to develop for Salesforce® Lightning by seeing real screencasts. I've edited out all unnecessary pauses so that you do not waste any time when learning.

I've been working in Lightning for a solid year on projects that have 2000 daily users. This course is free because I saw other similar courses charging way too much for lower quality content. I want to fix that and build the developer community around Lightning in a positive way, while focusing on programming as a craft. This course is a collection of the knowledge I wish I had when I first started developing in Lightning. Let's write high quality code together!

Who this course is for:

Developers and Admins who want to learn more about Lightning
Students who like seeing how things are done rather than hearing too much about abstract concepts.
Students who like organized lectures that do not go off topic.

Intro to Lightning Development for Salesforce®

What you'll learn

Explore related topics

Course content

Introduction and Setup4 lectures • 3min

Hello World!3 lectures • 3min

Deep Dive Components8 lectures • 21min

Project: Todo App - Build Base Components9 lectures • 32min

Project: Todo App - Building with Components3 lectures • 6min

Project: Todo App - Adding Functionality4 lectures • 20min

Refactoring2 lectures • 8min

Requirements

Description

Who this course is for: