SlideShare a Scribd company logo
Intro to Visualforce
Build Custom Web Pages on Force.com
Safe Harbor
Safe harbor statement under the Private Securities Litigation Reform Act of 1995:
This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the
assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we
make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber
growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any
statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new
products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in
our Web hosting, breach of our security measures, the outcome of intellectual property and other litigation, risks associated with possible mergers and acquisitions,
the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth,
new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger
enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form
10-Q for the most recent fiscal quarter ended July 31, 2012. This documents and others containing important disclosures are available on the SEC Filings section of
the Investor Information section of our Web site.
Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be
delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available.
Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
Follow Salesforce Developers for the Latest News
Salesforce Developers
+Salesforce Developers
Salesforce Developers
Salesforce Developers The video will be posted to
YouTube & we will send you
an email notification.
This webinar is being recorded!
@salesforcedevs / #forcefriday
▪ Framework to build custom user interfaces
▪ Hosted natively on Force.com
▪ Build streamlined UX
▪ Create internal and public facing pages
▪ Customize for different devices
▪ Leverage other web technologies
What can you do with Visualforce?
Model View Controller (MVC) Pattern
Visualforce Pages
Visualforce Components
Standard Controllers
Apex Controllers
Custom UI
Custom Logic
Standard Objects
Custom Objects
MVC Example
 Visualforce tags
– 100+ standard components
– Custom components
 Works with all standard web
technologies including:
– CSS
– JavaScript
– HTML
– Flash
– Any other Web-Enabled Code
MVC example
▪ Anything inside of {! } is evaluated as an expression
–Dynamic variables: {!Contact.Phone} or {!myApexVariable}
–Logic: {!IF(Opportunity.Stage == ‘Closed/Won’, val_if_true, val_if_false)}
– Functions: {!URLENCODE(Account.website__c)}
▪ $ provides access to global variables (User, Page, RemoteAction, Resource, …)
– {!$User.FirstName} {!$User.LastName}
– {!$Resource.jquery}
– {!URLFOR($Resource.assets, 'img/logo.png’)}
Expression Language
 Provides access to data
 Logic for handling UI interaction
 Standard Controllers
–Same functionality as standard pages
• Save, delete, field access etc.
 Custom Controllers
–Written in Apex
–Override standard behavior
–Controller Extensions
Visualforce Controllers
How do I connect a controller?
Standard or
custom objects
Defined at
the page
level
Custom controller
logic to extend
standard controllers
Inherit standard CRUD
functionality.
If only using custom controllers,
use controller=“controllerName”
<apex:page standardConroller =“Restaurant__c” extensions >“ext1, ext2”=
How can I customize Visualforce?
The Developer Console
Email Templates Embedded in Page Layouts Generate PDFs
Custom Tabs
Mobile Interfaces
Page Overrides
Where can I use Visualforce?
▪ Visualforce is powerful – use it judiciously (clicks before code!)
▪ Make it your own! But be cognizant of basic HTML, CSS, and JavaScript for
page performance
▪ If you don’t know… ASK
developer.salesforce.com/forums/ | Visualforce Development
If nothing else, remember this…
▪ bit.ly/IntroVF-pkg (restaurant example)
▪ bit.ly/tbootstrap-app (Twitter Bootstrap sample)
▪ Visualforce for Salesforce1 Webinar
▪ Advanced Visualforce Webinar
Resources
 “7 Habits of Highly Efficient Visualforce Pages”
 “Mobilize your Visualforce Pages”
DF Recorded Sessions
▪ Sign up for a FREE Developer Edition account
▪ developer.salesforce.com/signup
▪ Learn the Platform
▪ udacity.com/salesforce
▪ developer.salesforce.com
▪ developer.salesforce.com/forums
▪ bit.ly/devcloudapps
▪ Quick Tutorials
▪ Webinars (Intro to Force.com, Learn to Build Apps)
Next Steps for New Developers
Got Questions?
Post ‘em to
http://developer.salesforce.com/forums/
More Free Online Tutorials
New App Builders
http://www.udacity.com/salesforce
http://ccoenraets.github.io/salesforce-
developer-workshop
Developer Workshop
Fast Track Tutorial for Experienced Developers
Experienced App Builders
BRAND NEW! Introducing Trailhead
Challenge Yourself! http://developer.salesforce.com/trailhead

More Related Content

PDF
Introduction to Visualforce Webinar
PDF
Introduction to Visualforce
PDF
Introduction to Visualforce
PDF
Summer '13 Developer Preview Webinar
PPTX
Prism Tech Ed India
PDF
Making External Web Pages Interact With Visualforce
PDF
Visualforce & Force.com Canvas: Unlock your Web App inside of Salesforce.com ...
PDF
ABCs of Security in the Cloud Webinar
Introduction to Visualforce Webinar
Introduction to Visualforce
Introduction to Visualforce
Summer '13 Developer Preview Webinar
Prism Tech Ed India
Making External Web Pages Interact With Visualforce
Visualforce & Force.com Canvas: Unlock your Web App inside of Salesforce.com ...
ABCs of Security in the Cloud Webinar

What's hot (20)

PDF
Introduction to Force.com Canvas Apps
PPT
Mobile pack developer webinar
PPTX
Improving the Client's User Experience - JAB 2012
PPT
JSF and Seam
PDF
Intro to Force.com Canvas: Running External Apps within the Salesforce UI Web...
PPTX
Force.com Canvas: Salesforce1, SAML, & Apex...Oh My!
PPTX
ManageEngine OpManager - OEM on-boarding document
PPTX
sf tools from community
PPTX
Seamless Authentication with Force.com Canvas
PPTX
Uniface Lectures Webinar - Building Responsive Applications with Uniface: Get...
PDF
Salesforce.com API Series: Service Cloud Console Deep Dive
ODP
Java Server Faces 1.2 presented (2007)
PDF
Streamline Selenium Testing with Page Flow Navigation
PDF
CSS와 BEM
PPTX
Lightning Component - Components, Actions and Events
PPT
PPTX
Windows Presentation Foundation
PDF
Dive Deep Into the Force.com Canvas Framework
ODP
Soccnx III - IBM Connections 3.0.1 Integration with Sametime
PDF
Emakina Academy - 5 - Know your audience - Web Analytics
Introduction to Force.com Canvas Apps
Mobile pack developer webinar
Improving the Client's User Experience - JAB 2012
JSF and Seam
Intro to Force.com Canvas: Running External Apps within the Salesforce UI Web...
Force.com Canvas: Salesforce1, SAML, & Apex...Oh My!
ManageEngine OpManager - OEM on-boarding document
sf tools from community
Seamless Authentication with Force.com Canvas
Uniface Lectures Webinar - Building Responsive Applications with Uniface: Get...
Salesforce.com API Series: Service Cloud Console Deep Dive
Java Server Faces 1.2 presented (2007)
Streamline Selenium Testing with Page Flow Navigation
CSS와 BEM
Lightning Component - Components, Actions and Events
Windows Presentation Foundation
Dive Deep Into the Force.com Canvas Framework
Soccnx III - IBM Connections 3.0.1 Integration with Sametime
Emakina Academy - 5 - Know your audience - Web Analytics
Ad

Viewers also liked (11)

PPTX
Force.com Friday - Intro to Visualforce
PPTX
Introducing Visualforce
PPTX
Visualforce for the Salesforce1 Platform
PPTX
Coding the Salesforce1 Platform
PDF
Salesforce Developer Workshop for GDF Suez Hackathon
PDF
Leverage StandardSetController in Apex and Visualforce
PDF
Introduction to Enterprise-Release Engineering on the Salesforce Platform
PPTX
Continuous Integration In The Cloud Final (1)
PPTX
End to End Integration with Force.com
PDF
Intro to Apex Programmers
PPTX
DevOps in Salesforce AppCloud
Force.com Friday - Intro to Visualforce
Introducing Visualforce
Visualforce for the Salesforce1 Platform
Coding the Salesforce1 Platform
Salesforce Developer Workshop for GDF Suez Hackathon
Leverage StandardSetController in Apex and Visualforce
Introduction to Enterprise-Release Engineering on the Salesforce Platform
Continuous Integration In The Cloud Final (1)
End to End Integration with Force.com
Intro to Apex Programmers
DevOps in Salesforce AppCloud
Ad

Similar to Force.com Friday : Intro to Visualforce (20)

PPTX
Force.com Friday: Intro to Visualforce (May 8, 2015)
PPTX
Entwicklung angepasster User Interfaces für Salesforce1
PPTX
Elevate Madrid Essentials - Advance Track
PDF
Force.com Friday: Intro to Force.com
PPTX
Force.com Friday : Intro to Apex
POTX
Hands-on Workshop: Intermediate Development with Heroku and Force.com
PPTX
Salesforce Campus Tour - Declarative
PDF
Force.com Friday: Intro to Force.com
PPTX
Salesforce Campus Tour - Developer Intro
PPTX
S1 and Visualforce Publisher Actions
PPTX
Coding Apps in the Cloud with Force.com - Part 2
PPTX
Apex for Admins: Get Started with Apex in 30 Minutes! (part 1)
PPTX
Elevate Tel Aviv
PDF
Force.com Friday - An Intro to Force.com
PPTX
Force.com Friday - Intro to Force.com
PPTX
Visualforce
PDF
Five Developer Tips Every Admin Needs To Know
PPTX
Intro to Apex - Salesforce Force Friday Webinar
PDF
The Visual Delta Force: Dynamic Visualforce Components
PPTX
Mastering Force.com: Advanced Visualforce
Force.com Friday: Intro to Visualforce (May 8, 2015)
Entwicklung angepasster User Interfaces für Salesforce1
Elevate Madrid Essentials - Advance Track
Force.com Friday: Intro to Force.com
Force.com Friday : Intro to Apex
Hands-on Workshop: Intermediate Development with Heroku and Force.com
Salesforce Campus Tour - Declarative
Force.com Friday: Intro to Force.com
Salesforce Campus Tour - Developer Intro
S1 and Visualforce Publisher Actions
Coding Apps in the Cloud with Force.com - Part 2
Apex for Admins: Get Started with Apex in 30 Minutes! (part 1)
Elevate Tel Aviv
Force.com Friday - An Intro to Force.com
Force.com Friday - Intro to Force.com
Visualforce
Five Developer Tips Every Admin Needs To Know
Intro to Apex - Salesforce Force Friday Webinar
The Visual Delta Force: Dynamic Visualforce Components
Mastering Force.com: Advanced Visualforce

More from Salesforce Developers (20)

PDF
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
PDF
Maximizing Salesforce Lightning Experience and Lightning Component Performance
PDF
Local development with Open Source Base Components
PPTX
TrailheaDX India : Developer Highlights
PDF
Why developers shouldn’t miss TrailheaDX India
PPTX
CodeLive: Build Lightning Web Components faster with Local Development
PPTX
CodeLive: Converting Aura Components to Lightning Web Components
PPTX
Enterprise-grade UI with open source Lightning Web Components
PPTX
TrailheaDX and Summer '19: Developer Highlights
PDF
Live coding with LWC
PDF
Lightning web components - Episode 4 : Security and Testing
PDF
LWC Episode 3- Component Communication and Aura Interoperability
PDF
Lightning web components episode 2- work with salesforce data
PDF
Lightning web components - Episode 1 - An Introduction
PDF
Migrating CPQ to Advanced Calculator and JSQCP
PDF
Scale with Large Data Volumes and Big Objects in Salesforce
PDF
Replicate Salesforce Data in Real Time with Change Data Capture
PDF
Modern Development with Salesforce DX
PDF
Get Into Lightning Flow Development
PDF
Integrate CMS Content Into Lightning Communities with CMS Connect
Sample Gallery: Reference Code and Best Practices for Salesforce Developers
Maximizing Salesforce Lightning Experience and Lightning Component Performance
Local development with Open Source Base Components
TrailheaDX India : Developer Highlights
Why developers shouldn’t miss TrailheaDX India
CodeLive: Build Lightning Web Components faster with Local Development
CodeLive: Converting Aura Components to Lightning Web Components
Enterprise-grade UI with open source Lightning Web Components
TrailheaDX and Summer '19: Developer Highlights
Live coding with LWC
Lightning web components - Episode 4 : Security and Testing
LWC Episode 3- Component Communication and Aura Interoperability
Lightning web components episode 2- work with salesforce data
Lightning web components - Episode 1 - An Introduction
Migrating CPQ to Advanced Calculator and JSQCP
Scale with Large Data Volumes and Big Objects in Salesforce
Replicate Salesforce Data in Real Time with Change Data Capture
Modern Development with Salesforce DX
Get Into Lightning Flow Development
Integrate CMS Content Into Lightning Communities with CMS Connect

Recently uploaded (20)

PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Encapsulation theory and applications.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Machine learning based COVID-19 study performance prediction
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Approach and Philosophy of On baking technology
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPT
Teaching material agriculture food technology
Network Security Unit 5.pdf for BCA BBA.
MYSQL Presentation for SQL database connectivity
Encapsulation theory and applications.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Dropbox Q2 2025 Financial Results & Investor Presentation
MIND Revenue Release Quarter 2 2025 Press Release
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Machine learning based COVID-19 study performance prediction
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Spectral efficient network and resource selection model in 5G networks
Approach and Philosophy of On baking technology
Advanced methodologies resolving dimensionality complications for autism neur...
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Encapsulation_ Review paper, used for researhc scholars
The Rise and Fall of 3GPP – Time for a Sabbatical?
Per capita expenditure prediction using model stacking based on satellite ima...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Teaching material agriculture food technology

Force.com Friday : Intro to Visualforce

  • 1. Intro to Visualforce Build Custom Web Pages on Force.com
  • 2. Safe Harbor Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of product or service availability, subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, new products and services, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, the outcome of intellectual property and other litigation, risks associated with possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-Q for the most recent fiscal quarter ended July 31, 2012. This documents and others containing important disclosures are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other presentations, press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.
  • 3. Follow Salesforce Developers for the Latest News Salesforce Developers +Salesforce Developers Salesforce Developers Salesforce Developers The video will be posted to YouTube & we will send you an email notification. This webinar is being recorded! @salesforcedevs / #forcefriday
  • 4. ▪ Framework to build custom user interfaces ▪ Hosted natively on Force.com ▪ Build streamlined UX ▪ Create internal and public facing pages ▪ Customize for different devices ▪ Leverage other web technologies What can you do with Visualforce?
  • 5. Model View Controller (MVC) Pattern Visualforce Pages Visualforce Components Standard Controllers Apex Controllers Custom UI Custom Logic Standard Objects Custom Objects
  • 7.  Visualforce tags – 100+ standard components – Custom components  Works with all standard web technologies including: – CSS – JavaScript – HTML – Flash – Any other Web-Enabled Code MVC example
  • 8. ▪ Anything inside of {! } is evaluated as an expression –Dynamic variables: {!Contact.Phone} or {!myApexVariable} –Logic: {!IF(Opportunity.Stage == ‘Closed/Won’, val_if_true, val_if_false)} – Functions: {!URLENCODE(Account.website__c)} ▪ $ provides access to global variables (User, Page, RemoteAction, Resource, …) – {!$User.FirstName} {!$User.LastName} – {!$Resource.jquery} – {!URLFOR($Resource.assets, 'img/logo.png’)} Expression Language
  • 9.  Provides access to data  Logic for handling UI interaction  Standard Controllers –Same functionality as standard pages • Save, delete, field access etc.  Custom Controllers –Written in Apex –Override standard behavior –Controller Extensions Visualforce Controllers
  • 10. How do I connect a controller? Standard or custom objects Defined at the page level Custom controller logic to extend standard controllers Inherit standard CRUD functionality. If only using custom controllers, use controller=“controllerName” <apex:page standardConroller =“Restaurant__c” extensions >“ext1, ext2”=
  • 11. How can I customize Visualforce?
  • 13. Email Templates Embedded in Page Layouts Generate PDFs Custom Tabs Mobile Interfaces Page Overrides Where can I use Visualforce?
  • 14. ▪ Visualforce is powerful – use it judiciously (clicks before code!) ▪ Make it your own! But be cognizant of basic HTML, CSS, and JavaScript for page performance ▪ If you don’t know… ASK developer.salesforce.com/forums/ | Visualforce Development If nothing else, remember this…
  • 15. ▪ bit.ly/IntroVF-pkg (restaurant example) ▪ bit.ly/tbootstrap-app (Twitter Bootstrap sample) ▪ Visualforce for Salesforce1 Webinar ▪ Advanced Visualforce Webinar Resources  “7 Habits of Highly Efficient Visualforce Pages”  “Mobilize your Visualforce Pages” DF Recorded Sessions
  • 16. ▪ Sign up for a FREE Developer Edition account ▪ developer.salesforce.com/signup ▪ Learn the Platform ▪ udacity.com/salesforce ▪ developer.salesforce.com ▪ developer.salesforce.com/forums ▪ bit.ly/devcloudapps ▪ Quick Tutorials ▪ Webinars (Intro to Force.com, Learn to Build Apps) Next Steps for New Developers
  • 17. Got Questions? Post ‘em to http://developer.salesforce.com/forums/
  • 18. More Free Online Tutorials New App Builders http://www.udacity.com/salesforce http://ccoenraets.github.io/salesforce- developer-workshop Developer Workshop Fast Track Tutorial for Experienced Developers Experienced App Builders
  • 19. BRAND NEW! Introducing Trailhead Challenge Yourself! http://developer.salesforce.com/trailhead

Editor's Notes

  • #5: Framework to build custom user interfaces Hosted natively on Force.com Build streamlined UX Create internal and public facing pages Customize for different devices Leverage other web technologies
  • #6: Framework to build custom user interfaces Hosted natively on Force.com Build streamlined UX Create internal and public facing pages Customize for different devices Leverage other web technologies
  • #9: Functions: https://www.salesforce.com/us/developer/docs/pages/Content/pages_variables_functions.htm