• Page
|
• Edit

You can build user interfaces on Force.com in two ways: Use Visualforce, a complete component-based framework for building and deploying custom user interfaces, or use the dynamic, metadata-driven, automatically generated user interfaces and page layouts.

Overview

• 
  An Introduction to Visualforce A comprehensive technical introduction to Visualforce, covering all aspects of the technology.
• 
  Visualforce Workbook A guide to getting started with Visualforce and learning the fundamentals
• 
  User Interfaces on Force.com A two minute screencast.
  
  

Official Documentation

Version 24.0 for Spring '12: HTML | PDF | Earlier Versions

Version 23.0 for Winter '12: HTML | PDF

(Audience: Advanced Administrators and Developers) Reference for Visualforce, a tag-based markup language that allows you to build custom user interfaces for your apps.

Basic Tutorial | Advanced Tutorial

A quick start tutorial introduction to the Visualforce markup language.

Print it out and hang it on your wall for a handy quick reference.

Resources

• 
  Visualforce Cheat Sheet: A concise reference guide to Visualforce.
• 
  An Introduction to Visualforce:A comprehensive technical introduction to Visualforce, covering all aspects of the technology.
• 
  Security Tips for Apex and Visualforce Developers
• 
  Force.com Tutorial: An Introduction to Visualforce: This article provides a series of tutorials that contain enough material for you to get started building your own applications utilizing Visualforce.
• 
  Using Browser Technologies in Visualforce - Provides an overview of how standard browser technologies, including AJAX and Flex, relate to Visualforce pages. Part 1 Part 2 Part 3 Part 4
• 
  Force.com for ASP.NET Developers: This article provides a dive deep into using the Force.com Platform Web Services to access your Salesforce.com data from within a Visualforce page or from within a Microsoft ASP.NET Web form.
• 
  Build Any UI for Any App Using Visualforce: This presentation from Dreamforce '08 shows how to customize and componentize common UI elements and easily add them to Visualforce Pages.
• 
  Visualforce Controllers and Components: Building Reusable UI Building Blocks: This technical introduction to Visualforce includes code walkthroughs and covers topics such as components and common use cases.
• 
  Force.com as a Google Visualization Data Source: Expose data on Force.com to support the Google Visualization API.
• 
  Whitepaper: Visualforce A very high-level overview of Visualforce, which looks at its place on the platform and interactions with other technologies.
• 
  Visualforce Technical Overview This screencast presentation explains Visualforce, and walks you through the basics of how you can use it to build powerful user experiences into your on-demand apps.
• 
  Visualforce and Visualforce Components Demo This 5-minute screencast shows the power of embedding default and custom Visualforce Components to create a dynamic user interface.
• 
  An Introduction to Visualforce View State: This article provides an introduction to view state used in Visualforce, some code samples to show the effect on view state, as well as best practices for optimizing view state in order to improve page performance.

Discussion Boards

• Visualforce Board
• General Development Board (for Page Layouts)

Code Samples

Here's a list of code samples to help you get started.

• Extended Print Preview - How to use Visualforce to create extended print previews
• Dynamic Edit Page - How to augments another component, giving it some Ajax behavior for the purpose of controlling the visibility of a section of the given Visualforce page dynamically as the user modifies values in a form.

• Wrapper Class-Use a wrapper class to incorporate checkboxes into a data table
• Sorting Tables- An example that shows you how to sort lists that contain Standard or Custom objects and create a sortable table