Course Overview
3h 49m | 30 Videos | 72947 Views | 
Intermediate What is Visual Force?
Visual Force a component-based user interface framework for the SalesForce platform features a tag-based markup language similar to HTML. It uses traditional model-view-controller (MVC) paradigm, and has 100 built-in components, apart from enabling developers to create own components. Visual Forces also gives AJAX components and embeds the formula expression language for action, data, and component binding interaction. Developers create Visual Force pages
About Visual Force course
Visual Force course is designed with the objective of teaching Visual Force framework to create user interfaces on the Visual Force platform using a language similar to HTML. It teaches how to create, edit Visual Force pages, applications and customize functionalities for organizational needs. It is divided into 30 lectures with six hours of HD Video.
Introduction to Visual Force:
Visual Force helps build customized pages and interface for Sales Force. In the Visual Force markup language, each tag corresponds to a coarse or fine-grained user interface component. It could be a section of a page, a related list or a field. The logic that is used to control Visual Force Components can be user generated or the same logic used in standard Saleforce pages. Visual Force page can be written in HTML, JavaScript, CSS (Cascading Style Sheet). Each page contains tags/components , controllers, attributes, attributes that define the properties of the tag.
Model, View and controller paradigm architecture– Visual Force utilizes the traditional model-view-controller (MVC) paradigm. It also has the option to use auto-generated controllers for database objects, enabling simple and tight integration with the database.
Visual Force pages are rendered on the server, displayed on a client (such as a web browser). Platforms separate database, model and view into separate layers giving modularity, clear separation of concerns and containment.
Model (SObjects, Apex class)– View (Pages, Components) – Controller (Standard, Custom (Apex)). The Controller or Logic layer has custom controller logic written in Apex, or standard behavior for each business entity generated by the Force.com platform.
View-Apex:inputField, Visual Force component, Account Name | Controller- Public Account [get] | Model – Account {Picklist: Industry} Text: Name, Text: AccountSite,…)
Components:
Standard Components- Page, HTML, component tags, Component Reference Document- output components-Apex:outputPanel, apex:enhancedList, detail component. Input Components- generic types-apex:inputCheckbox, apex:inputField- delivers type awareness, requiredness, editability, automatic formatting based on respective field definition. AJAX components. Custom Components- encapsulate a common design pattern in a custom component, reuse them several times. For photos- defining border color, text caption and displays-single Photo-custom component. Body of an <apex:component> tag in the markup added to a standard Visualforce Page.
Visual Force Controller and Pages: Standard Controllers- set of instructions which specify what happens on user interaction with components specified in Visualforce market up (clicking on a button or clink) –Controller-proves access to data for display in a page, modify component behavior.
Pages– markup language is used to create pages, run on Force.com platform. Controllers are used to write business logic for pages –Standard Controllers and Custom controllers.
System Architecture with Developer and User Mode: Force.com platform- Application Server (Page Compiler- — Compiled Page Definition—Metadata Repository.
Benefits and use of Visual Force– User Friendly development (quick fixes, auto completion, syntax highlighting), Integration with other web-based user interface technologies, Visual Force markup finally rendered into HTML, Model-View-Controller (MVC) style development, Concise syntax, Data Driven Defaults, hosted platform, automatically upgradeable. Use of Visual Force- when complex business processes not supported by existing functionality, Force.com provides a number of ways for administrators, developers to develop custom functionality-Visual Force, Apex and SOAP API. –Visual Force- build wizards and other multi step process, make your own custom flow control with an app, define navigation patterns, , data-specific rules for optimal, efficient app interaction. Apex- create web, email services, do complex validation over multiple objects, make complete business process that are not supported by workflow. SOAP API- add functionality to a composite application.
Creating first Visual Force page: First steps- familiarize with different places to create pages- enabling Visual Force Development mode, enable Visual Force Development mode. Create first Visual Force page by entering a URL for the page in browser’s address window. Intermediary window. Create new page from Setup –enter Visual force Pages in the Quick Find box. Editing pages from set up.
Creating and listing Visual Force page: Enable Visual Force Development mode- embeds Visual Force page editor on your browser-helps you see code and preview the page simultaneously. This mode add Apex Editor- to editor controllers and extensions. Create Page – new page with default markup. Edit page, save button in Page Editor.- two tags to identify Visual Force components <apex:page>, standard HTML tags. Finding Visual Force pages, from Set up, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages.- Views Page. Editor Page
Add attributes using Auto:
-how to add auto suggest attribute- Add attribute
– Add Additional Components-built-in components, install, build your own components to extend set. Component Reference link in Page editor- change its behavior displays in the Component Details Tab, add component with title attribute, adding <apex:PageBlockSection> component with its title attribute.
-Adding Nested Components- Start tags, end tags, Navigate to the end of <apex:pageBlock Section) component. Nesting using Visgual Force page.
-Learning more components
-View State Tab
Standard Controller:
-Concept of Standard Controller: -in MVC, the Visual Force page or view interacts with a controller. Controller-Aplex Class-functionality to page. Interacts with model (database) making data for display. Objects have default standard controllers that can be used to interact with the data associated with the object. Extending standard controllers to add new functionality, create custom controllers.
-Identifier of Records- Visual Force pages interact with other pages in app- automatically pass in the record’s identifier and data can be displayed by page. Identifier-series of digits in the end –unique across all records in database, creating own interface automatically with Force.com, creating own user interface.
-Display Data from Record: Retrieving of record association with an identifier , assigning record to the account variable –display data in Visual Force Page.
-Display other Fields from a record-Account Display page – shows name field of the Account object. To find other fields to display-object management settings –Field Area- Click any filed. Assign a name .
-Display fields from related records- Owner filed in an account record –indicates it’s not a simple field, but a relationship to another record. Custom objects – Go to management setting for Custom objects-select object ,then field.
Understanding Basic Formula:
Static Visual Force pages, Dynamic pages–display data retrieved from database, data display based on user logged on. User of variables, formulas and express language syntax. Variables, formulas and expression language used in Visual Force.
-Global Variable: The logged in user information is stored by Force.com in a variable called User. The fields of this user variable cam be accessed by a special expression language syntax (!$<global variable >. <field name>. Visual Force is case insensitive and spaces within the (!….) are ignored.
-Basic Formula– it is possible to embed more than just variables in expression language, formulas are also supported that helps in manipulating values. The formula language operators & character concatenates strings. Formulas – simple syntax having function name, set of parentheses, optional set of parameters. Using functions as parameters in other functions,
-Functions that take multiple parameters.
-Conditionals: Using conditional formula expression –IF ()- Boolean (true or false) Eg. Invoice has no items, instead of empty list- ‘none’ will be displayed.
-Conditonal and App logic formula scheat sheet- help summarize the most important aspects –compact, searchable, printable form
Standard User Interface Components-
Display a record/ related lists, output that shows like automatically generated user interface. Display Fields- value of field, field labels displayed. Display a table- show a set off fields across a number of records-multiple tags nest each. For eg list of contacts from a sales list. Item-variable assigning, display phone numbers in contact records.
-Visual Force View State– pages that have a form component also has an encrypted, hidden form field that encapsulates view state of page- created automatically, holding the state of the page- components, field values and controller state. View State data, encrypted , not viewed by tools like Firebug, viewing through view state inspector, View State in action, Optimizing View State-minimizing number of forms on page, Declaring variables as transient
-Action Function Tag– apex: actionFunction, component that supports invoking controller action methods straight from JavaScript code with the help of Ajax request. Defines a numb JavaScript function – it can be called from a JavaScript code. Attributes, Ajax Action Poller,Action region, Action Status….
Requirements of Visual Force
Students, professionals who have basic knowledge of OOPS, basics of Sales Force CRM and a passion to learn.
Why learn Visual Force?
Visual Force enables organisations with complex business processes to add functionalities not supported by existing functionalities based on organization requirements. Hence professionals skilled in Visual Force are in high demand.
Frequently Asked Questions (FAQ)
- Is this course certified by Visual Force or Force.com?
No this is a training program on Visual Force developed by EduCBA for understanding the concepts and how to create Visual Force pages.
- Do we have to learn a new language like HTML to do this course?
No, this is implemented on Force.com platform using a markup language very similar to HTML.
- Who gives certification for the course?
All learners who successfully complete the course are eligible to get EduCBA Course Completion Certificate.
- Does this guarantee a job placement?
No,this is a skill enhancement course. Professionals who acquire this skill are in demand in the industry and helpful for career growth.
- How is the course delivered to the learner?
It is an online course comprising lectures and video. The contents are available for life time access.
- What benefits do we get from this course?
This is a 100% hands-on training programme. It helps you understand Visual Force concepts, help create pages, understand components and implement them.
Testimonials
Gala Pankratova:
For professionals reskilling is a must to stay ahead as technologies get obsolete fast. Whatever you learned yesterday may not be sufficient to meet the demands of your complex business processes your organization has. This means IT, business professionals have to be learners for life without running to the class room. EduCBA is doing a great service by bringing several courses that are industry friendly, help in reskilling and enhance our career prospects. I was really happy to undertake the Visual Force course having worked in sales and marketing This will add miles to my career.
Ankita Dutta:
The hallmark of a good teacher is theability to make complex topics appear simple for you. When the teacher appears online and helps you learn at your own pace, it is convenient and in no way disrupts your work schedule. I am deeply grateful to EduCBA for bringing several technology, business courses accessible to a vast majority of people. I am really satisfied with the Visual Force training provided and looking forward to doing some more courses in future.
Vincent VanDillan:
I have no words to laud the effort of EduCBA in bringing courses with wonderful content, structured in an easy to understand manner even for beginners. I am sure thousands of professionals and students across the globe are benefitting from such courses provided at a low fee. I was not used to e-learning and programming was not my strong point. However, EduCBA’s step by step guidance on Visual Force enabled me to understand the concepts, tools and how to create pages, define new attributes. It gave me the confidence to try out various customisatons rather than depend on default settings in Force.com. I recommend this course to anyone in sales,marketing or technology keen to learn Visual Force.
Gilles Blanchette:
Knowledge lies beyond the boundaries of the classroom. These days it can come from pieces of unstructured data. Hence, professionals need to keep updating their skills or acquiring new ones. I am happy to do the EduCBA course on Visual Force having worked in the industry for past one decade. I recommend this course to my friends, colleagues and collaborators.
| Where do our learners come from? |
| Professionals from around the world have benefited from eduCBA’s Salesforce – Salesforce Visualforce Training Hands on! courses. Some of the top places that our learners come from include New York, Dubai, San Francisco, Bay Area, New Jersey, Houston, Seattle, Toronto, London, Berlin, UAE, Chicago, UK, Hong Kong, Singapore, Australia, New Zealand, India, Bangalore, New Delhi, Mumbai, Pune, Kolkata, Hyderabad and Gurgaon among many. |
