Introduction To Lightning Components#SalesforceSaturday

Mohith Shrivastava

Salesforce MVP

CodeScience INC

Blog - cloudyworlds.blogspot.com

Prerequisites1.You Have Some Familiarity With Javascript

2.You Understand DOM Model

3.Familiarity With CSS

4.Worked On Salesforce Development With Apex and Visualforce

Single Page Application

Web Components

Difference between Visualforce and Lightning ComponentsVisualforce

1.Monolithic unless developers use Visualforce components and templates

2.Building SPA applications without using frameworks like angular ,react etc is tedious

Lightning Components

1.Framework enforces developers to break application into components

2.Building SPA is lot easier.Event driven approach .(Publish and Subscribe model)

Why Lightning Components?1. Reusability(App Builder,Community Builder,SF1 ,Visualforce,With

Lightning out take components outside SFDC)

2. Responsive (fits any device)

3. Event Driven approach

MVC In Lightning

Lightning Component Bundle

Tooling Support1.Sublime Plugin

2.MavesMate V7 BETA

3.Force.com IDE - BETA

4.Developer Console

5.Welkins Suite

6.Visual Studio Code Plugin

Example of a Component

Attributes - They are Objects or Variables

Expressions

Styling Lightning Components

Events

Apex For Lightning

SalesLeaderBoard App DemoKey Take Aways

1.Publish Subscribe Model

2.Events publisher and handling

3.Interfaces for App Builders ,Community Builders

4.Use design attributes for admins

Building a Simple Youtube search component for community builders1. Implement

ForceCommunity:availableForAllPageTypes

2. Design Tokens and Design Variables for community builder

3. Callouts via Apex

Building Components for Record Home pages and Home page1. Implement Flexipage:availableForRecordHome

2. Design components for Home page

Lightning Out 1. Mashup Visualforce and Lightning components

2. Heroku App Demo

ReferencesMastering Lightning Components -1

Mastering Lightning Components -2

Trailhead

Lightning Component Developer guide

Questions1.Bring it on Stackexchange - Be precise and make sure you add code reference

2.Developer Forums

3.#askforce

Thank youOrganiser - Salesforce Bangalore User Group (Madan and Kishore)

Twitter - @msrivastav13