Skip to product details

Video course

Salesforce Lightning Components

Become Pro in Salesforce Lightning Components with easy, simple, step-by-step learning

  • 16sections
  • 54lessons
  • 8h 21mtotal
  • 0reviews

What you will get

About this course

THIS is the RIGHT tutorial for you if the below statements matches you.

- "I don't want TooOOO much of BORING theory and PPTs.

- I want "TO-THE-POINT" explanation.

- I want MORE hands-on." but, remember I do REPEAT and STRESS the important points as I want to dump directly to your brain easily.

Who this course is for:
This is ideal Course for you if: 
Your present Project demands to produce custom Lightning Components and Applications that run in Lightning Experience, Salesforce1

You need to Build Lightning applications that enable a user to SEARCH, READ and UPDATE data from a Salesforce org

This is NOT ideal if you are looking exclusive SLDS (Salesforce Lightning Design System) Course.
I am giving high-level overview and usage only in this tutorial. I am planning an exclusive SLDS tutorial which may be published in the near future.

SPAs….. SPAs….. SPAs…..

SPAs….. SP Apps….. Single Page Apps……

Most of Web Apps & Mobile Apps are Single Page Apps. And, We have famous UI frameworks for building SPAs like AngularJS, KnockOut, BackBone, Mercury etc.

What about Salesforce? That is why we have the “LIGHTNING EXPERIENCE” UI in the salesforce. (The old UI which we have been using is “classic experience”.).

Then, What is this Lightning Component Framework?

The Lightning Component framework is a UI framework for developing dynamic web apps for mobile and desktop devices. It’s a modern framework for building single-page applications engineered for growth.

The framework supports partitioned multi-tier component development that bridges the client and server. It uses JavaScript on the client side and Apex on the server side.

When there are famous JS UI Frameworks such as AngularJS, KnockOut, BackBone, Mercury etc, Why should I choose “Lighnting Component Framework” ?

Because..

The benefits include an out-of-the-box set of components, event-driven architecture, and a framework optimized for performance.

Out-of-the-Box Component Set

Comes with an out-of-the-box set of components to kick start building apps. You don't have to spend your time optimizing your apps for different devices as the components take care of that for you.

Rich component ecosystem

Create business-ready components and make them available in Salesforce1, Lightning Experience, and Communities. Salesforce1 users access your components via the navigation menu. Customize Lightning Experience or Communities using drag-and-drop components on a Lightning Page in the Lightning App Builder or using Community Builder. Additional components are available for your org in the AppExchange. Similarly, you can publish your components and share them with other users.

Performance

Uses a stateful client and stateless server architecture that relies on JavaScript on the client side to manage UI component metadata and application data. The client calls the server only when absolutely necessary; for example to get more metadata or data. The server only sends data that is needed by the user to maximize efficiency. The framework uses JSON to exchange data between the server and the client. It intelligently utilizes your server, browser, devices, and network so you can focus on the logic and interactions of your apps.

Event-driven architecture

Uses an event-driven architecture for better decoupling between components. Any component can subscribe to an application event, or to a component event they can see.

Faster development

Empowers teams to work faster with out-of-the-box components that function seamlessly with desktop and mobile devices. Building an app with components facilitates parallel design, improving overall development efficiency.

Components are encapsulated and their internals stay private, while their public shape is visible to consumers of the component. This strong separation gives component authors freedom to change the internal implementation details and insulates component consumers from those changes.

Device-aware and cross browser compatibility

Apps use responsive design and provide an enjoyable user experience. The Lightning Component framework supports the latest in browser technology such as HTML5, CSS3, and touch events.

Learning objectives

What will I get in this Course?

Apart from the Salesforce Lightning Components Development Training, each module is not only LECTUREd but also DEONSTRATEd with an easily understandable case study.

And, At the end of the Course, you'll be able to:

Understand what the salesforce lightning components framework is.

Understand what a LIGHTNING COMPONENT is.

Distinguish between Lighnting App Component and Lightning Component Component.

Create custom, reusable Lightning Components and Applications.

Understand the "Component Resource Bundle".

Distinguish between Controller Resource and Helper Resource

HTML, CSS in the Salesforce Lightning Components

“Static Resources” in the Salesforce Lightning Components

Understand composition and DE-COMPOSITION of the Salesforce Lightning Components

Create NESTED COMPONENTS.

Understand A--T--T--R--I--B--U—T--E--S

Understand the "VALUE PROVIDERS" -- view, controller, Label

Use the EXPRESSIONS in the Salesforce Lightning Components

Work with UI components and Events

Understand how to surface the components i.e. Adding components to the App, Lightning Experience, Salesforce1, VF Page etc

Since the Lightning Components Framework is “EVENT-DRIVEN” Framework, you will very importantly understand how to handle the events with CLIENT-SIDE Controllers.

As we spend more time on the Events, you will properly understand what and when to use and how to handle APPLICATION Events and COMPONENT Events with LIVE demo and examples.

Handle the events with client-side controllers

Use Apex in the Components, prepare server-side logic ie Apex Methods for Salesforce Lightning with "@AuraEnabled" annotation

Install and debug with "Salesforce Lightning Inspector Chrome Extension"
Lesson preview