Download - Introduction to lightning components
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