 Hello, everyone. I'm Sanjay Gupta. I welcome you on Sanjay Gupta Tech School. So this is day 58 of Salesforce Learning Bootcamp. And in this session, I will be discussing about Visualforce Page. And this is part two of Visualforce Page session. So in last session, we discussed briefly about visual force, like how it works and how we can create visual force pages, how we can launch visual force pages, like through tab through quick action, or we can place visual force pages on the homepage. So different locations at different locations, we can place our visual force pages. So this is basically used with classic Salesforce classic that was used earlier. And nowadays, like we rarely use visual force pages, but few learners requested like, please explain the basics of visual force page so that we know how visual force pages are implemented and what is the actual use of it. So because of that purpose, I'm doing these sessions. And this week, like today and tomorrow, visual force pages will be completed. And from next week onwards, next two weeks, we'll be having integration related sessions, right? So moving forward. So if you have joined this session for the first time, so you can go through this slide so that you can know about me. So I have total 16 plus years of experience. And I'm doing these YouTube sessions for the students, freshers, and professionals so that they can ramp their career in Salesforce ecosystem. And from the beginning, we are following all the learning, virtual learning best practices. So these best practices says like, follow all the sessions properly, take notes, practice exercises. So in visual force pages, there is no much exercise, you can just go through the recording and whatever I'm implementing, you can just practice those. So be consistent, do regular practice so that you can become expert. If you want to join Telegram group for discussion purpose, you can scan this QR code. And lots of folks are there, they are helping each other. So if you want to become a part of the community, so you can join this. And we are in week 16. So this week, visual force page sessions will be completed. And in upcoming two weeks, we'll be having discussions on integration, right? So moving forward, please follow Sanjay Gupta Tech School on YouTube, LinkedIn, Instagram, and Telegram so that you can receive timely notifications and all the updates will be in front of you. And all the important links are available in the description of the video. So you can go through that. Okay, so just share this link with everybody, those who want to learn Salesforce and other technologies as well. So right now, we are having two bootcamps, one is on Salesforce, another one is on cybersecurity. And from next week, next month, I will be starting one more bootcamp that will be on C and C++ programming languages. Right, so lots of bootcamps are planned. So moving forward, so now in last session, I just explained you visual force briefly. So in this session, like first, we are going to understand how we can create page blocks and page block sections in visual force page. So jumping to the org. So here you can see we have this example created. So now I'm going to create one more visual force page. So we can say like visual force demo two. And inside this, we are going to implement the code, right? So here inside apex page, I'm going to use apex page block. So here I'm setting the title. So this way you can set the title. And here inside this, you can have page block section. Here also you can define the title. Now inside this, you can write some text. So I'm writing hello world in first section, right? So this way inside page block, I created page block section. Now if I need to create one more, so I'm just copying and pasting it. So this will be the second one. So second page block section. So here also I'm modifying it, right? So this way to page block sections I have created. I have saved this code. Now if I click on preview, if I click on preview, so what you will see, you will see the results like this. So if I zoom in. So in the title, we have first page block. This is because of this title first page block. And then we have two sections. So page block section one and page block section two, right? So both are having their title and the text which we provided here. And these are having accordions as well. If you click on these accordions, so it will hide and show, right? So this way, like if you use page block and page block section, so your output will look like. Okay. Now next thing that we need to discuss is like how to use global variables, how to use formal expression and conditional expressions. So it will be covered under variable and expression. So if you want to use variables and expressions in visual force page, so that is also possible. So now I'm going to show you how you can do that, right? So here, what I'm going to do, I'm just removing this text. And if you want to use any expression, so for that, you will be using curly braces and exclamation sign. So curly braces, you need to open close and then exclamation sign. Now here, I'm going to use a global variable that is user dot first name. So in our org, we have a username. So users first name I'm going to have here, then I'm putting and and in single quotes, I'm having hyphen and then again and and then user dot last name, right? So through dollar, you can have the global variable. So dollar user and then dot last name. So this way, first name and last name of the user will be available on the UI, right? So if I go and refresh, so pages automatically refresh. So if you want to refresh, you can. So here you can see first name and last name. So my logged in username, first name and last name is Sanjay and Gupta and I provided hyphen. So that's why it is looking like this, right? So this way, you can just use global variables so that you can retrieve values. Those are available, right? Now, if you want to use few functions, so that is also possible. So let's say I created a paragraph and here I'm writing today's date is so again, you need to write the syntax and here you can write a function that is today, right? So I'm just saving this code and you can see pages refreshed automatically and it is showing today's date is Thursday, May 11 and the format whatever is available, accordingly it is showing the results, right? So this way, you can just write some expressions. So this is a plain text which is showing as is and inside curly basis, we are just having an expression through that. We are showing the results, right? Now, if you want to show only the year, so here we can write current year is and here you can write a function year and inside that function you can pass today. Now, if you save it, so your page will be refreshed and here you can see we have current year is 2023. So it is showing in same line. So what I can do, I'm just cutting it from here, putting it here and pasting it, right? So if you use paragraph p tag twice, so the data which is available inside p tag, it will be rendering on different lines. So I just saved the code and here you can see the result. Date is available in separate line and current year is also available in separate line, right? So this way you can apply changes, right? Now, if we go to the code, so similarly like different, different expressions you can implement in your code and now I'm going to implement one more paragraph and here I'm going to show you how we can use conditions. So here I'm using if then I'm using a function that is contains. So this is another example. So here what we are doing, we are going to use this function contains. So contains function is basically checking whether force.com is available inside Salesforce.com, right? So this is a parameter which will be checked into this parameter, right? So if it is containing, so it will be displaying yes, otherwise no will be rendered on the UI. So I'm just saving this code and moving here and you will see here it is showing yes. So this way you can apply conditional statements as well while implementing expressions in visual force page, right? So I hope this way this basic use of expressions variables you understood right now if you have any questions so just throw that in the chat so that I can go through with the questions. Yeah, so there is one question. Can we relate Apex code in visual force? Yes. So you can call visual force like you can call Apex classes in visual force pages and you can connect both for sure. So Jenna is asking how like why do we need to create visual force component individually? So right now we are learning about visual force pages and to be honest like I never created visual force components so I don't have much idea about those and like visual force page also I used very less because when I started working in Salesforce the classic was kind of outdated so I started with Lightning Aura and Lightning Web Components so don't have much idea on this. Yes, we can apply CSS for sure. CSS we can apply. So how many expression we call in one VF so any number of expressions you can use. So with LWC like LWC and VF I just need to check so whenever we'll be discussing about Lightning Web Component then I will show you if it is possible so I will be demoing you like whether it is possible to call LWC component in visual force page. Right? So for Aura I am sure but LWC I just need to check because rarely we combine these two things so Aura I'm sure like in Aura we can use visual force and Aura component also we can use in visual force page but for LWC like whenever we will be having LWC related sessions so I will be clearing it. So LWC will be starting just after integration so next two weeks we'll be having integration sessions and after that I will be delivering sessions on LWC so first I will cover basic HTML CSS and JavaScript then one week we'll be understanding Aura component and then three to four weeks we'll be learning about LWC. Right? So moving further next we have how to use standard controller implementation using table, TRN, TD tags. So table, TRN, TD tags, TD tags these are basically related to HTML so with the help of HTML tags we will be implementing our visual force page and that visual force page will be actually connected with our standard controller. So standard controller means it will be an S object so I'm just closing this tab and moving here and I'm going to create a new visual force page so I'm just opening it and naming it as VF demo three. Okay so here I'm going to implement the code and Firis is asking can we make an API call and display on VF page yeah so firis actually API call we do with Apex so result will be available in the Apex and that result you can render on the visual force page that is possible. Okay so now I'm going to implement a code for you so Apex page so here we just need to use standard controller and here standard controller I'm using as account so standard controller means the S object with which you want to connect your visual force page now here I'm using Apex form inside Apex form I will be implementing table tags so this table tag is basically related to HTML so in HTML basically we implement this table tag right and here I'm going to show you how it is used so if you want to understand table tag so you can just search it or maybe on W3 schools you can just go and check like how this table tag works so in table basically we have rows and columns so to create rows we have tr tr stands for table row and for columns we can use TD this is stable data so we have one TD inside TR so this will be first column then I'm using one more TD so it will be second column and here I am writing Apex colon input field and value equals to account dot name right so here this account dot name this format that I'm using here it is actually an expression right so whatever is enclosed in curly basis and with exclamation mark so this will be basically considered as an expression right so here we are using Salesforce specific element and here we are providing account dot name so what will happen so basically one table row will be created and in that row there will be two columns first column will be having account name and second column will be having the value of that account in input field so this account name will become the label and this input field will be having a text box where account name will be you can type right because it is an input field now what I'm going to do I'm just going to copy and paste it so that I can create one more row so this will be first row and this will be second row so here instead of account name I'm typing account phone and here also I'm typing account phone right so this way what is happening two rows will be created first for account name and second will be for account phone now I'm just copying and pasting it one more time so here I'm writing rating account rating right or like if you if you just want to write account name phone so label depends on you what you want to write but here you need to provide the API name so those should be correct now one more time I'm going to paste it so this time I'm writing account active so here I'm removing active actually I'm removing account from here and from here also so that phone rating active these will be the labels and here I'm going to use active underscore underscore c so active is basically created in such a way so that it is a custom field so that's why it is looking like this so now four four rows are created if you see here this is first row for account name this is second row for phone then third row for rating and fourth row for active right now I'm going to copy and paste it one more time and here I'm going to write a code for command button so I'm going to create a command button for save and its action will be save now I'm just copying it and pasting it here right so what we are going to do we are going to have one more button that is actually for cancel right so this way what I did I created five rows I just created five rows and now I'm going to save this code and clicking on preview so that our tab will open and you can see the results so here you can see a table is created and these are rows account name phone rating active and save and cancel so account name here you can pass you can type any name then you can type any phone number then here you can provide the rating so here you can see rating pick list values are available automatically okay and active is also having yes and no automatically so why it is happening because here we are using standard controller so basically this visual force page is connected with your account as object with help of this standard controller right so this we are using as attribute here and these HTML TR TD tags are related to HTML and this apex input field apex command button these are like visual force specific elements that we are using so without writing any single line of apex code through this visual force page only if we provide all the information and click on save so one account record will be created so I'm creating it with like ACC visual force 11th May and here I'm passing dummy phone number and just clicking on save so this way like this account record will be created in the org and here you can see it is automatically redirecting to that record which we created right now so here we have account name rating phone and active we provided as yes right so this way if you implement any visual force page so it can be used so now this visual force page you can place on any lightning page like it can be placed on home page or app page so that whenever you provide that information so a record will be created and you will be automatically redirected to that record so at the time of classic we used to use visual force pages but now in lightning experience we do this same operation with the help of lightning or a component or lightning web component right so I hope you understood whatever I demonstrated right now so Sunil basically I will be covering only the basics of visual force I'm not going in depth because like whatever session or hard work I will be doing on visual force space so that won't be using much so these things I will be explaining in aura or LWC so next is is possible is possible to create a form to be populated to create an account record via visual force if you want to replace the standard one to create account yeah so right now I just explained this only Vladimiro whatever you asked like we created a form through that form we just created an account record and that form we created with the help of visual force page so you are asking to replace standard one to this visual force yes we can do so I think in last session I showed you how we can replace our standard buttons but we cannot replace all the standard buttons so few are available to override with visual force space those you can do yes first if you are using standard objects so you just need to use standard controller and for custom one I will be showing that tomorrow so here you can see tomorrow I will be showing you custom controller in visual force right so there I will show you like how we can use custom objects as well okay so I hope this example is clear to you now the same example same UI we are going to create with the help of page block and page section that we understood right now so in previous example I showed you how we can create page block and page block section so what I'm going to do whatever I explained here in page block and page block section I will be merging that with this requirement so I'm going to create one more visual force page so it will be vf demo four and here I'm going to implement the code so again here I'm going to use standard controller so standard controller will be account because we are right now working on account but if you want to pick any other object so you can pick that as well right so here I just need to use page block then I'm providing title account information right now inside this page block you can just create page block section right and here I am providing columns so I just need one column so in this page block section I need one column and I'm not providing its title so if I don't provide title so though that title won't be available and you can say like it is an optional attribute so now here I'm using input field then I'm going to provide the value so it will be account dot name right so this way you can use page blocks so if you use page block page block section so in that case you don't need to use this table format right so now I'm just going to copy and paste it so that we can have different different fields so we used phone we used rating we used active underscore underscore C so all these I'm using here so this way page block section is created now to place buttons I'm going to use apex colon page block buttons right and inside this I'm going to use command button right value equals to save so this button will be available and its action is save so if you click on that button so automatically that save operation will be performed and now I'm going to copy and paste it right so here I'm writing cancel right so you can see for some elements I'm just closing them here right these are self-ended and for some like apex page block it is started here and it is closing here so that the difference is if your tag is having something that you can write inside that so you need to open and close but if you don't have anything to write between the tags so you can just open it provide some necessary attributes and you can close it because you don't have anything to write in between the tag like in the opening and closing tag so this way you will see two types of tags in weasel force and like more we will be discussing in html so I will be explaining you the pure html and css code before starting aura and lwc so you will be able to understand much there so now I'm going to save this code and clicking on preview button and you will see how it will look like so this is like having look and feel of our salesforce ui okay so this is looking like salesforce ui so here a title account information then we have save cancel button save cancel button and account name phone rating and active so whatever field is required that is marked as red if it is not required so it is not marked as red and if you provide the information and click on save so record will be created automatically right so this way actually we create the ui with the help of weasel force page okay so this I had for today and tomorrow I will be explaining few more things and then like all the basic stuff related to weasel force will be completed so now I think you got clear cut idea like how we can write a basic implementation with the help of weasel force page and how it actually works and if I compare it with let's say I am opening user records if I open user so you can see this this UI is similar to that we implemented right so these are implemented with the help of weasel force if you open any of the records so this kind of UI so this is all weasel force okay so in classic sorry in lightning experience also somewhere you will see the look and feel of weasel force right but most of the places you will be seeing the lightning experience so this way I hope you got a basic idea about a weasel force pages so I just explained you how to use standard controller like using table t-r-n-t-d tags and using vf page structure like page block and page block section okay so this is all I had planned for today so like I am keeping these sessions very small so that you can just understand the basics of weasel force pages so tomorrow also I will be having one session so in that session you will be understanding few more things about weasel force so now I am jumping on to the chat so that I can have some questions so Madhu Mohan is asking for two-year experience guy vf is important will know right now in any interview no one will be asking about weasel force right so initially that's why I didn't cap the weasel force sessions in the tracker but few folks requested like we just need to go through the basics of weasel force so for their purpose I just decided to have these sessions so that's why I'm doing these sessions but in interviews you won't be having any questions on weasel force there may be questions like can we use weasel force in aura lwc or all lwc in weasel force so that will be discussing while implementing aura and lwc so submit for custom object I will be discussing a discussing those things tomorrow right so we can pass custom object also with standard controller right and we can call apex classes as well so those things I will be explaining tomorrow someone is asking Samayatya Samayita like chat gpt is part of this bootcamp so no chat gpt like I think you can explore yourself so basis on your question it responds so maybe I will try to have any expert who properly use chat gpt so I will try to have someone in front of you so that they can explain about chat gpt so kalyan aura specific things are already listed here if you go through the tracker so here you can see whatever I will be covering so all the basic things related to aura component I will be covering in like it will be very basic not all the things for lightning web component we'll try to cover everything yeah so we don't need to spend much time on visual force we just need to just understand the basics of visual force and then focus on aura and lwc and 25 30% on aura and most of the time you need to focus on lwc so Gayatri this is standard behavior like save and cancel buttons are available twice here this is because we are using this page block button so if you use apex page block buttons so it shows button at button at top as well as as at bottom so you might have experience like in at so many places we have button at top as well as as at bottom as well so that is because of this page block buttons right now I'm moving further uh yes Venkatesh if you are appearing in an interview as three years experience candidate so integration questions will be there and no worries integration you will be understanding in upcoming two weeks right so Kalyan if you are a fresher so you can just go through the sessions I am doing on visual force page and you can go through a trailhead that is available on trailhead website so that will give you all the basic knowledge thank you first for like donating some amount I will surely buy a coffee this weekend okay guys so this way I hope you understood whatever I demonstrated today and tomorrow also like session will be short and I will be explaining a few more concepts on visual force page and from next week we'll be starting this integration related sessions and so this month integration will be completed and next month will be totally focusing on lightning component development so we'll be understanding html css javascript aura and lwc right so I think next month so if we consider like next two weeks so after that next six weeks will be required for all those stuffs html css javascript aura and lwc and after that I will be having one week for deployment purpose right and after that I'm planning to do a salesforce cloud specific session so I'm planning to do those sessions as well so soon I will be sharing that information so maybe from next month I will start sharing information around those so two three clouds I will try to cover so that you can have knowledge about salesforce cloud as well so with this boot camp like throughout the year everything whatever you need to understand as part of your beginning or two three years of experience or if you are new to salesforce like jumping from any other technology to salesforce or you are having career gap so every kind of folks are covered with the help of this boot camp right and I'm getting huge response throughout this boot camp people are sharing positive feedback all over the platforms like LinkedIn telegram youtube instagram so I am thankful to you so I decided to have more sessions on salesforce cloud so after completion of this aura and lwc session so you will see lots of cloud related sessions as well and cyber security is already going on and then I will be targeting devops and data science as well right devops data science and web development so whatever export will be available so I will bring them on my channel and that boot camp will also be there right yeah so development project is also there so I will be doing that also for you so submit like for salesforce certification I already did one session when we completed admin stuff and after development project I can do one more session but certification you need to prepare like going through all the sessions I'm conducting and free coupons like these coupons are right now not available there was one coupon last month but right now we don't have any coupons so I won't be able to share that so Kalyan for resume preparation like whatever issue you are facing so you can just reach out to me I will try to help and also I'm planning to have like this these kind of sessions like a mock interviews resume preparation or how to introduce yourself so I'm in discussion with one organization who do these kind of stuff so I will bring those people on my channel so that also I will be covering but it will take some time but surely I will be covering those things so Deepak if you have done associate admin and platform app builder so next you can target pd1 platform developer one and for that you can start from apex so our session tracker link is available in the description of this video so you can just go through with this session tracker and there you will be having lots of videos related to development so akula I already added development project so that I will be completing yes sunny I will be taking sales and service cloud because these are basic clouds I will be covering sales and service and I will try to add any industry cloud as well so let's see how it goes sunny marketing cloud I'm not sure because for my marketing cloud there is no free org available so I can just go through the theoretical concepts but I won't be able to demo it so it is a little bit difficult for me so Vladimir it is before so if you go through the session tracker so it is already available just after integration so just after integration we will be doing the development project for one week okay so yeah kalyan just have patience right now market is low but soon it will rise so just learn and prepare yourself but for experience folks there are jobs so just just search for those jobs on linkedin so for experience candidates there are lots of jobs so sunny I will try will share like on what clouds I will be having the sessions so right now I have planned on sales and service but for others I will try because I don't know all the clouds so I just need to search for the experts if I found anyone so I will surely be having those experts on my channel so that they can share their knowledge with you yes Akhila but the bootcamp projects you cannot say like you worked for any customer right they are just for practice purpose only so you can just mention in your CV like I did this project as practice not for any client so Venkatesh I don't have any real-time project so I just created that I just have that recruitment application so we did it for admin project for development I will be enhancing that recruitment project only so like next week I will be working on that so we will be extending that project only yeah so sunny Salesforce developer career is good lots of folks are switching from other technologies to Salesforce so it is very good yes Akhila you can mention the skills for sure okay guys so I think I covered everything for today so see you tomorrow same time and tomorrow I will be completing the visual force things so thank you so much for joining this session see you tomorrow