Introduction To Lightning Components

1. Introduction To Lightning
Components
#SalesforceSaturday
Mohith Shrivastava
Salesforce MVP
CodeScience INC
Blog - cloudyworlds.blogspot.com

2. Prerequisites
1.You Have Some Familiarity With Javascript
2.You Understand DOM Model
3.Familiarity With CSS
4.Worked On Salesforce Development With Apex and Visualforce

3. Single Page Application

4. Web Components

5. Difference between Visualforce and Lightning Components
Visualforce
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)

6. Why Lightning Components?
1. Reusability(App Builder,Community Builder,SF1 ,Visualforce,With Lightning
out take components outside SFDC)
1. Responsive (fits any device)
1. Event Driven approach

7. MVC In Lightning

8. Lightning Component Bundle

9. Tooling Support
1. Sublime Plugin
2. MavesMate V7 BETA
3. Force.com IDE - BETA
4. Developer Console
5. Welkins Suite
6. Visual Studio Code Plugin

10. Example of a Component

11. Attributes - They are Objects or Variables

12. Expressions

13. Styling Lightning Components

14. Events

15. Apex For Lightning

16. SalesLeaderBoard App Demo
Key Take Aways
1.Publish Subscribe Model
2.Events publisher and handling
3.Interfaces for App Builders ,Community Builders
4.Use design attributes for admins

17. Building a Simple Youtube search component for community
builders
1. Implement ForceCommunity:availableForAllPageTypes
1. Design Tokens and Design Variables for community
builder
1. Callouts via Apex

18. Building Components for Record Home pages and Home page
1. Implement Flexipage:availableForRecordHome
1. Design components for Home page

19. Lightning Out
1. Mashup Visualforce and Lightning components
1. Heroku App Demo

20. References
Mastering Lightning Components -1
Mastering Lightning Components -2
Trailhead
Lightning Component Developer guide

21. Questions
1.Bring it on Stackexchange - Be precise and make sure you add code reference
2.Developer Forums
3.#askforce

22. Thank you
Organiser - Salesforce Bangalore User
Group (Madan and Kishore)
Twitter - Mohith - @msrivastav13
Madan - @madankhichi