Salesforce Lightning Components Development Tutorial

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

THIS is the RIGHT tutorial for you if the below statements match 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.

*********************************************************************************************************************************************

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 a easily understandable case study.

And, At the end of the Course:

you will be able to understand what the salesforce lightning components framework is.

you will be able to understand what a LIGHTNING COMPONENT is.

you will be able to distinguish between Lighnting App Component and Lightning Component Component.

you will be able to Create custom, reusable Lightning Components and Applications.

you will be able to understand the "Component Resource Bundle".

you will be able to distinguish between Controller Resource and Helper Resource

you will be able to use HTML, CSS in the Salesforce Lightning Components

you will be able to use “Static Resources” in the Salesforce Lightning Components

you will be able to understand composition and DE-COMPOSITION of the Salesforce Lightning Components

you will be able to create NESTED COMPONENTS.

you will be able to understand A–T–T–R–I–B–U—T–E–S

you will be able to understand the "VALUE PROVIDERS" – view, controller, Label

you will be able to use the EXPRESSIONS in the Salesforce Lightning Components

you will be able to work with UI components and Events

you will be able to 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.

you will be able to handle the events with client-side controllers

you will be to use Apex in the Components, prepare server-side logic ie Apex Methods for Salesforce Lightning with "@AuraEnabled" annotation

you will be able to install and debug with "Salesforce Lightning Inspector Chrome Extension"

*********************************************************************************************************************************************

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.