Friday : Intro to Visualforce


Published on

New to and needing a quick orientation to bring you up to speed? Join us for this series of brief introductory sessions on, the world’s leading cloud platform that lets you build apps rapidly using configuration-driven development and powerful programmatic logic.

Each Friday one of our experts will walk you through one of the core elements of the platform and cover the basics you need to build your first app in the cloud. Each session is 30 minutes long.

Published in: Technology, Design, Business
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Framework to build custom user interfaces
    Hosted natively on
    Build streamlined UX
    Create internal and public facing pages
    Customize for different devices
    Leverage other web technologies
  • Framework to build custom user interfaces
    Hosted natively on
    Build streamlined UX
    Create internal and public facing pages
    Customize for different devices
    Leverage other web technologies
  • Functions:
  • Friday : Intro to Visualforce

    1. 1. Intro to Visualforce Build Custom Web Pages on
    2. 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, 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 products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of, 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., inc. assumes no obligation and does not intend to update these forward-looking statements.
    3. 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. 4. ▪ Framework to build custom user interfaces ▪ Hosted natively on ▪ Build streamlined UX ▪ Create internal and public facing pages ▪ Customize for different devices ▪ Leverage other web technologies What can you do with Visualforce?
    5. 5. Model View Controller (MVC) Pattern Visualforce Pages Visualforce Components Standard Controllers Apex Controllers Custom UI Custom Logic Standard Objects Custom Objects
    6. 6. MVC Example
    7. 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. 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. 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. 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. 11. How can I customize Visualforce?
    12. 12. The Developer Console
    13. 13. Email Templates Embedded in Page Layouts Generate PDFs Custom Tabs Mobile Interfaces Page Overrides Where can I use Visualforce?
    14. 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 | Visualforce Development If nothing else, remember this…
    15. 15. ▪ (restaurant example) ▪ (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. 16. ▪ Sign up for a FREE Developer Edition account ▪ ▪ Learn the Platform ▪ ▪ ▪ ▪ ▪ Quick Tutorials ▪ Webinars (Intro to, Learn to Build Apps) Next Steps for New Developers
    17. 17. Got Questions? Post ‘em to
    18. 18. More Free Online Tutorials New App Builders developer-workshop Developer Workshop Fast Track Tutorial for Experienced Developers Experienced App Builders
    19. 19. BRAND NEW! Introducing Trailhead Challenge Yourself!