[0:01]Okay. To, namaste everyone. Welcome to SFDC Madhukar. To aaj hum seekhenge ki LWC kya hota hai, LWC hum kaise learn karte hain.
[0:15]So about my brief, my name is Ashish Madhukar. So I have total six Salesforce certified developer, one as Copado. So you can connect with aap mere saath connect kar sakte ho LinkedIn pe Ashish Madhukar ke naam se, Twitter pe bhi humara Ashish Madhukar ke naam se. Ye mera YouTube channel link hai, SFDC Madhukar ke naam se. To aap mujhe wahaan pe follow kar sakte ho, subscribe kar sakte ho channel ko. Aur wahaan pe aap jo bhi video hamare upload hote hain, humne abhi saare LWC English ka bhi series chal raha hai jo hum upload karte hain wahaan pe video. Aur humne ek integration ka Zero to Hero kiya hai jisko English woh pure English mein hai, matlab thoda Hindi bhi hai, thoda English bhi hai. To aap acche se samajh paoge, usmein aapko koi dikkat nahi aayega, basically. But usmein agar aap integration ka view series dekhoge to aapko pura properly usmein aap ek integration acche se karna seekh jaoge, aur apna khud ka API karna banana bhi seekh jaoge. To wahaan pe hamara ek series hai jismein humne Chat GPT se bhi integration kiya hua hai. Baaki koi questions aata hai, aage hum aur bhi live session karenge integration pe to hum woh bhi wahaan pe add karte jayenge. To what is LWC? To LWC kya hai pehle hum ye janna jaane ki koshish karte hain. To LWC kya hai ki ek UI framework hai jisko hum use karte hain client ko ya customer ko represent karne ke liye, basically. To jaise ki hum koi bhi website open karte hain, to us website pe hum jo hame UI dikhai deta hai, jaise koi form hai ya koi bhi aapko wahaan pe images aate hain, woh automatic scroll hote hain, to woh saare jo design hote hain, woh HTML, CSS, JavaScript ka use karke kiya jaata hai. To LWC bhi humara jo bhi hai woh basically standardized hai. Industry-level matlab hota hai ki jo kuch bhi hamara jo tag hai woh saare aapka standard level pe aapka available hai, W3 standard level pe. To kya hota hai ki jo kuch bhi humein internet pe hota hai, basically matlab jo bhi hamara already publicly worldwide identified hai, hum usko use karte hain, basically. To JavaScript kya hota hai? Woh bhi browser pe support karta hai, HTML jab browser pe support ho jata hai. Same aapka CSS bhi browser pe support hota hai. To yahaan pe humein koi bhi third-party use karne ki zarurat nahi hota hai, theek hai. To jo bhi humara jo bhi humein agar aapko proper LWC ka agar aapko saare tag nahi aa rahe hain, but aapko kuch aapko HTML ke tag aate hain, to aap aaram se LWC ke bhi component bana sakte ho HTML, CSS, JavaScript ka use karke.
[3:04]LWC mein proper sab kuch hi aapka HTML, CSS aur JavaScript par hi hain, jismein aap Salesforce ne LWC ke kuch unhone apna tag bana ke rakha hai jo responsive hota hai, matlab ki agar aap screen ko chota kar de rahe ho to aapke jo pages hain ya jo bhi aapke form banaya ho automatic matlab shrink hoke thoda chhota size ho jaye. To is hisab se responsive banata hai, to aap standard bhi use kar sakte hain, agar aapko custom apna HTML tag use karna hai to aap woh bhi use kar sakte ho. Okay. Why LWC? Aapko LWC hi kyun padhna chahiye? Aap Salesforce mein to aap Visualforce page bhi hain, Aura component bhi hai, basically. Aura component bhi hum Lightning ke liye hi use karte hain aur LWC bhi Lightning ke liye hi use karte hain. Salesforce mein do version hain, ek classic hota hai, ek Lightning hota hai, theek hai. Classic jo hota hai woh pure aapka HTML, CSS, JavaScript ka use karke Visualforce page hota hai jisko hum bana ke usmein use kar sakte hain classic mein. Lightning mein kya hota hai? Lightning ke liye Salesforce ne pure framework banaya hai, Aura component aur LWC. To Aura aur LWC se do framework hain. Dono Lightning ke liye hi use karte hain. But LWC hum kyun use kare? Aur LWC hi kyun karna chahiye, basically? Now, agar aap market mein kisi bhi job ke liye jaoge ya kisi ke liye, to aapse pehle hi puchte hain ki Aura matlab aapko Lightning LWC aati hai kya? Agar aapko LWC aata hai to basically aapke jo points hote hain woh badh jaate hain ki aapko LWC aata hai. Kyunki market mein LWC hi chal raha hai, basically. Okay. To easy to learn. Easy to learn kyunki aapko aapne pehle college ke time pe ya school ke time pe ya waise hi agar aapne WordPress pe bhi kabhi website banaya hai to bhi aapko HTML, CSS ke baare mein thoda bahut pata hoga, theek hai, ki kaise webpages banate hain, thoda bahut. Theek hai? To easy to learn, easy to learn aapka isliye bhi ho jaata hai ki Salesforce proper guidance deta hai ya Salesforce pura proper aap uske developer guide pe jaenge to aapko proper usmein guide hota hai ki kaise use karoge, kaun kaun se ispe kaun kaun se event hote hain, to aapko learning mein easy ho jaata hai, basically. Okay. Common components services components, to common components matlab hota hai ki jaise ki aapne koi bhi ek component bana liya, theek hai? Aapne ek registration ka component bana liya. Ab woh basically aapka account se related hai ki matlab aapko jo bhi aap registration form bharoge woh account ke rate object mein jaake woh save ho jayega. But aap chahte ho ki nahi hum isi component ke contact ke liye creation ke liye bhi use karna chahta hoon. To kya hota hai LWC mein aap dynamic component bana sakte ho. To ek hi aap ek functionality do alag alag functionality ke liye common component bana ke use kar sakte ho, basically. To isliye hum kya karte hain ki common component bana lete hain aur us common component ko hum alag alag alag component mein bhi use kar sakte hain.
[6:26]To agar aapko koi bhi lagta hai ki ye functionality mera mostly mere project mein common hi hoga, for example jaise ki aap chahte ho ki mujhe input text karne ke liye ek pure jab tak aap project pe kaam karoge, aapko input text ke liye chahiye hi chahiye, basically. Ki aapko kahin input karna hai. To aap kya karo ek chhota sa component bana lo input, jismein aap input text type ke input input karoge. Aap uspe saare handler, saare change, saare event uspe saare sab kuch rakho lo.
[6:56]Ab us component ko aap aapne bana ke rakh liya. Ab kahin bhi aapko text type ka input banana hoga to aap component ko aapne component ko bas use kar liya. Ab aapko dobara woh kaam karne ki zarurat nahi hoga, kyunki aapne saare functionality already bana ke rakha hua hai us pe. Jo kuch bhi chahiye ki field ko required karna hai, on change method use karna hai, Apex method use karna hai, jo bhi karna hai, aapne usmein ek aapne basic karke usko bana diya hai.
[7:25]To isliye hum usko common components bolte hain, basically. Theek hai? Better security, testing and browser compatibility. To LWC kya hota hai? Hamara basically better security hai. Better security ke aap sense mein kar sakte ho ki jab bhi aap koi bhi aap component use karte hain, theek hai? To ab jab bhi hamara Salesforce kisi ko bhi Salesforce mein entry nahi lene deta hai to wahaan pe aapka content scripting ka concept aa jaata hai to usko restrict kar deta hai, kisi bhi third-party ko hit karne ke liye, okay? Aur testing ke to aap LWC jab hum component banate hain to LWC LWC ke functionality testing karne ke liye bhi test judge karke ek tool hota hai jiske through aap test jismein aap Salesforce LWC component ke testing karte ho, uski functionality ke testing karte hain, ye one by one karke puri properly. Theek hai? Browser compatibility. Browser compatibility aap keh sakte ho ki jaise ki aapne ek aapne ek component banaya tha browser basically aapne aapne ek testing kar liya sirf Google Chrome pe. But aapne Mozilla Firefox pe test nahi kiya, aapne Microsoft Edge pe testing nahi kiya, aapne pehle chalta tha starting mein International Explorer pe bhi testing nahi kiya aapne. But aapka component woh har browser ko aap pe compatibility hai, uspe bhi chalega, aapka Safari pe bhi chalega, koi bhi aapka browser ho, woh sab pe chalta hai, basically.
[9:03]Kyunki ismein jo tag hote hain, jo bhi aapka hota hai, woh web standardized hota hai. Theek hai? Better performance. Better performance aapko isliye keh sakte ho, basically, kyunki jo bhi hum component use kar sakte hain, for example, aap mujhe LWC ka mujhe use karna hai ki basically ki mujhe Lightning services use karna hai ki matlab mujhe ek form banana hai jismein mujhe LWC ka component bana ke usmein form ka registration karna hai. Theek hai? To aapne component library ka use karke aapne woh saare tag use kiya hai. To usmein kya hoga ki koi bhi usko usko migrate, kya hota hai ki jab koi bhi hum koi language use karte hain na to woh aapka compile hota hai, dusre machine language mein, uske baad woh aapka preview mein aata hai, right. To yahaan pe koi aapka compile nahi hona hai. Aapka saare cheeze web pe hai, basically. Jab koi bhi cheez web pe hota hai to humein usko access karne ke liye time lagta hai.
[10:07]To isliye kya hota hai ki jab bhi woh browser koi bhi woh form ko open karega ya kuch website ko open karega to aapka woh saare cheeze aapka web pe hai to woh turant access ho jaata hai. To time milayega uski accessibility ke liye, basically, isliye better performance dete hain. Modern web standard. Modern web standard isliye hai, basically, for example, abhi JavaScript aapka ECMA 7 chal raha hai, okay. In future, JavaScript ne launch kiya aapka ECMA 9 ya phir CSS 7 chal raha hai to CSS 9 aa gaya ya CSS. Jo bhi aapke HTML ya jo bhi aapke JavaScript ya CSS ke new version aaenge, woh aapke LWC support karta hai.
[10:52]Isliye hum usko bolte hain modern web standard. To jo bhi modern mein jo kuch bhi naya aaega, woh LWC aapka support karta rahega, usmein automatic support ho jaega, usmein saare cheeze migrate ho jayenge. To kyunki saare cheeze LWC jo bhi use karta hai woh web standard se karta hai, isliye hum LWC ke web industry-ization bolte hain, basically. Compatibility with Aura component. Ab Aura component kya hai? Woh bhi ek Lightning framework hai jismein hum Lightning ke designing ke liye hi basically hum use karte hain Aura component, theek hai?
[11:27]To aap Aura component ko LWC mein use nahi kar sakte. Okay? But aap LWC ko Aura mein use kar sakte ho. Isliye yahaan pe hai compatibility with Aura component. Matlab aapne aapne ek LWC component bana liya. But for example aap LWC developer ho aapne LWC seekh ke gaye hain aur aapko aap kisi company mein aap kaam kar rahe ho. To aapne company mein wahaan pe Aura component bana ke kaam kiya gaya tha to kisi ne bola ki aap ye functionality thoda ismein enhance karna hai. To aapne kaha theek hai ismein kuch changes hain, ye main yahaan pe kar sakta hoon. Theek hai? To aapne kiya ki mujhe to Aura component aata nahi hai to main kaise karoon? To aapne ek aapne dimag lagaya ki chalo theek hai main isko ek LWC component banata hoon saare functionality ko. Bas apna component ko main Aura mein component mein call kar dunga. Kyunki Aura component jaise hi call karoge saare functionality aapko wahaan pe dikhne lagega, matlab agar aapne koi UI banaya hai, koi functionality banaya hai to wahaan pe automatic dikhne lagega kyunki woh Aura pe support karta hai. To woh aapko LWC component Aura mein call karna hota hai. To woh kaise karenge, aage ki class mein woh bhi seekhenge ki Aura mein component ka apna kaise call karenge, parent to child kaise kaise component banaenge saara cheeze. Faster loading site. To ab jo bhi cheezein hamare paas basically web standard pe hai, to obviously woh faster loading hota hai. Ab ismein ismein humein kya aage hum jab decorator waala padhenge to usmein hum data cache mein bhi hum use cache mein bhi hum store karte hain. To data hamara cache mein bhi hota hai to wahaan se kya hota hai data bahut jaldi hi access ho jaata hai, isliye hum faster loading side bolte hain. To side jo bhi hamara basically tag hai woh saara web pe hai to humara side bahut jaldi load ho jaata hai usmein.
[13:15]To ab aate hain MVC architecture of LWC. To jo bhi LWC ka architecture matlab uski component ka basically jo file bante hain usmein. To uska architecture kya hai? Main woh yeh aapko is screen pe hai, basically. To yahaan pe aap dekhoge pehla hai aapka HTML, theek hai, then aapka hai CSS. To jab bhi aap component banate ho LWC component ka to usmein jo bhi CSS hote hain first woh applied ho jaata hai usmein. Applied hone hone ke baad aapka HTML view, jo bhi aapka HTML, jo bhi aapne HTML ka use karke jo bhi aapne design kiya hai, uska woh view dikhta hai. Woh view dikhne ke baad kya karta hai woh JavaScript ka ko call karta hai. Matlab aapke basically LWC mein by default jab aap LWC component create karte ho to usmein aapke teen hi component ban teen aapke file bante hain, ek HTML banta hai, dusra aapka JavaScript banta hai, theesra aapka XML banta hai. Usmein CSS ka file nahi banta hai, theek hai, but aap CSS ki file apna khud se bana sakte ho. Usi mein aapko new karke aap CSS dot CSS karke hum same file ka naam de kar dot CSS karke woh de sakte hain. To ab aage hum kaise karenge woh bhi bataenge usmein, theek hai? Uske baad JavaScript client side. To jo bhi JavaScript aap code write karoge usmein, to uske baad JavaScript call hota hai. Uske baad kya hota hai? JavaScript ke hi through hum Apex method ko call karte hain, koi bhi Apex aap server side ho gaya, koi aap API call kar rahe ho, usse baad woh aapka API call hota hai. Model, model basically aapka jo bhi aap koi data le ke aa rahe ho. Maano ki aap chahte ho ki jaise humara page LWC HTML view ho waise hi humara saara account ka contact ka employee ka kisi ka bhi data le aa kar wahaan pe Apex ke through aap dikha sakte ho, basically. To hum wahaan pe uske liye call karte hain.
[17:17]Okay. To ye hamara advantage of LWC. To hamare LWC se kya kya matlab fayde hain, kya kya benefits hain basically? Woh hai to better performance. To kya hota hai ki jo bhi hum LWC component banate hain to iski UI bahut beautiful hum bana sakte hain.
[17:40]Apna HTML, CSS ka JavaScript ka use karke. To uska performance, kyunki web standard pe hota hai to performance bhi bahut accha hota hai, matlab uski aap bahut smooth ekdam component ki uski design bana sakte hain, bahut acche acche, sundar sundar bana sakte ho. To isliye humara better performance. Faster development. Faster development aap kaise kar sakte ho ki agar aapko HTML aata hai agar nahi aata hai to LWC ke aapke library mein, basically, aap pehle se hi design kuch tag hain, jaise ki input tag hai. Lightning ka koi aapko card design karna hai to card ke liye bhi already tag padhe hue hain, koi aapko pick list banana hai to pick list ke liye bhi already wahaan pe aapka tag diya hua hai, aapko HTML mein CSS mein likhne ki zarurat nahi hai. Aap uska tag use karo, jo jo bhi aapko pick list ki value dalna hai wahaan pe daal dijiye. To woh saare main tag bataunga ki library mein kaise use karenge, basically. Okay. Aur compatibility across browser. To koi bhi browser hai kisi bhi browser pe woh aapka access ho jaata hai, matlab chahe woh Safari ho, chahe woh Microsoft Edge ho, chahe aapka woh Mozilla Firefox ho, to koi bhi aap browser pe hain compatibility hai, to woh sab pe aapka LWC component chal jaata hai.
[18:56]Easy to learning, easy to learning. Basically ismein sab kuch HTML, CSS, JavaScript hi hai. To ismein aapko easy ho jaata hai seekhne mein. Baaki aap back-end Apex ke liye to agar aap sirf LWC developer ho aapko back-end nahi aata hai to aap LWC component design kar sakte ho. Har company mein ek designer hota hai, to aap ek designer se kaam kar sakte ho. But aapko Apex ko main itna bata dunga ki jitna aap use kar sako usko aap data insert kar sakte ho, data update kar sakte ho, data fetch kar sakte ho. Utni functionality hoti hai. Baaki jo bhi aap calculation, jo bhi aapko complicity kuch aata hai, to requirement ke according woh change ho jaata hai, to aap usmein saara cheez performance kar sakte ho. Okay. Okay. To ab Aura versus LWC kya hai, basically? To jo bhi hamara LWC Aura directly web stack pe hota hai. Web stack ka matlab jo bhi hamare component already padhe hote hain, hum unhi ka use karke try karte hain ki LWC component banaye. Humein apna zaruri nahi ki aap custom HTML, CSS, JavaScript use karo.
[20:53]Jo LWC ka web stack pe diya hai aap try karo usi ko use karne ke liye, okay. To LWC main aap kya karte ho? Aura component ko aapko LWC mein use nahi kar sakte, okay. But aap LWC ko Aura component mein use kar sakte ho. To ye bhi humara ek drawback hai jo Aura mein nahi hai. Aur Lightning jo bhi Lightning matlab basically jo Lightning Aura component hai woh build karne mein deliver mein thoda longer time matlab time leta hai usko kyunki saara HTML, CSS, JavaScript pe build hota hai toh pura humein usmein thoda time lagta hai design karne mein aur uski performance bhi utni acchi nahi hoti hai Aura component ka, theek hai. LWC kya hai? Uski performance bahut acchi hai aur bahut jaldi usko hum develop kar sakte hain, bahut jaldi design bhi kar sakte hain. Isliye hum Aura component ko, Aura component ko preference utna nahi dete hain. Aap koi bhi company mein aap kisi kisi company mein aap dekhoge to wahaan pe basically Aura to LWC bhi migration hota hai. Theek hai? Kyunki Aura abhi dhire dhire odd ho raha hai, matlab ab jo bhi saari cheeze Salesforce bhi recommend karta hai ki aap LWC use karo, basically, chahe woh portal banane ke liye ho, chahe website banane ke liye ho, sabke liye hum LWC hi use kar sakte karte hain mostly, okay. Developer resource, ab Aura component se related utna resources nahi mil paate humein, kyunki jo Aura component hai woh specially Salesforce ne banaya hai, right. But LWC bhi Salesforce ne hi banaya hai, but ismein jo hum use karte hain, okay, iske use karne ke liye humein aap Visual Studio code use karte hain, Aura component par sirf humein developer console pe use karte hain. To ab Visual Studio code mein hum aapko bataenge ki kuch matlab basically kuch aap keh sakte ho ki extension hote hain. Extension ko use karke aap aur faster kaam kar sakte ho. Jaise extension pe aapko koi bhi input tag banana hai to aap wahaan pe apna LWC input likha aur apne space maara, aapke saare suggestion aa gaye. Aapne bas aapko jo lena hai usko pick karo aur design karna shuru kar do, matlab use karna shuru kar do. To extension ke through aap faster design kar sakte ho. Isliye ye developer ke liye bahut LWC useful hai aur ye bahut saare resources mil jaate hain usse basically. Okay. Data binding. To Aura component mein sabse accha jo feature mujhe laga hai woh hai Two Way data binding, okay, component for property value is Two Way binding, okay. But in LWC mein drawback hai jismein Two Way binding nahi hota hai, One Way binding hota hai. Kyunki kya hota hai ismein kya aapne jo jo parent se apne child pe component pass kar rahe ho to iski update karne ke liye aap yahaan pe hum custom event use karte hain, theek hai. Hum woh bataenge kaise usko hum custom event ko use karke uspe hum apne parent ko data pe usko update karte hain, basically. To yahaan pe ek bas drawback hai sirf Two Way binding, but hum ismein Salesforce ne custom event diya hai LWC mein use karne ke liye to uska use karke hum usko cover kar lete hain. Theek hai? Communication ke liye aap baat karo to LWC mein Aura mein to ek hai ki Aura mein aap do type ka ismein event hota hai, ek application event hota hai, ek component event hota hai.
[25:21]Do event hota hai jiske through aap ek Aura component se dusra Aura component ko communicate kar sakte ho, basically, like parent to child aap bolte ho. Okay. But LWC mein aapko bahut saari cheezein mil jaate hain. LWC aap mein Lightning message services ka bhi use kar sakte ho communicate karne ke liye. Communicate kar sakte ho, aap hierarchy matlab ek component ko dusre component mein call karte hain, parent to child, to waise bhi aap communicate kar sakte ho LWC mein, aur ismein aapko basically event, custom event ke through bhi aap communicate kar sakte ho one component se dusre component pe, aur ismein bahut kuch hai. Jaise ki agar aapne Pubsub ka naam suna hoga to Pubsub bhi ek JavaScript ka library hai jo hum event matlab ek component se dusre component mein hum kya karte hain usko communicate karte hain. To hum aage woh bhi seekhenge kaise bina kisi component ke relation ke bhi hum kaise communicate kar sakte hain ek component se dusre component mein. Okay. To hamara ye services hai. Baaki dynamic interaction bhi hai LWC mein, but woh sirf application pe support karta hai. To iska ek matlab drawback hai ki ek har jagah aap ise home page kar sakte ho, aap record page pe bhi use kar lo to wahaan pe se communicate nahi kar sakte. Ek application banana padta hai, us application ke through hum us component ko ek ek component se dusre component ka hum interact karte hain, matlab communicate karte hain, basically, okay. To ab baat karte hain modern JavaScript development ka to Aura component jo abhi woh CS 5 and CS 6 tak use karta hai jo uska programming architecture hai, lekin LWC mein aapka main jaisa ki ab bataya tha ki web standard hai, web standard modern web standard, basically. To woh aapka ECMA 6, ECMA 5, CSS 8, including jo bhi aage ke shared memory, Atomix, jo bhi aane wale hain aur jo hain aapke CS 99 including the object speed of property, ye sab saari cheezein aap usmein LWC mein use kar sakte ho. Spread operator kya hota hai? To hum jab JavaScript ismein hum JavaScript bhi padhenge ki Java, kyunki humein thoda JavaScript bataenge ki kaise use karenge, kyunki humein aage JavaScript ki zarurat padega.
[27:33]To woh saari cheezein bhi hum ismein padhenge. Okay. theek hai. Syntax difference. Next hamara hai jo bhi uske syntax hain, basically, ki aap kaise syntax Aura ke syntax kaise hote hain, aur LWC mein syntax ka difference kaisa hai. To jab Aura component aap koi bhi create karte ho to uska jo syntax start hota hai, woh start hota hai aapka Aura component ke naam se, okay. Aur jab LWC aap start karte ho to LWC ka jo HTML tag hota hai uska jo tag start hota hai uska start hota hai template. Template ke andar aap saare apna tag ya HTML koi code use karna hai to woh bhi use kar sakte ho. Aur Aura component mein hum jo bhi CSS use use karte hain, theek hai?
[29:40]To CSS ke use karne ka tarika ismein hota hai ki this, pehle hum jo bhi CSS hamara tag hota hai style mein, this karke dot phir jo bhi aapka color jo bhi aapka CSS ka naam hai usko hum curly braces ke andar likhte hain this ke saath. But LWC mein aisa nahi hai, directly dot jaise hum normally CSS use karte hain, dot karke coral green jo bhi aapko matlab color ka naam dena hai kuch bhi uske andar directly aapka CSS use kar sakte ho. theek hai? Aura, Aura mein kya hota hai ki humein koi bhi cheez koi bhi Apex class ya koi bhi functionality humein on load pe agar execute karna hai. To Aura mein humein Aura handler init karke tag hota hai jo on load pe kaam karta hai. To uske liye hum Aura component use karte hain, but lekin LWC mein hum connected callback hai hamara, theek hai? To connected callback kya karta hai? Jab bhi aapka component load hota hai uske time pe hamara data kuch execution karna hai ya koi functionality karni hai to hum connected callback ke andar karte hain, basically. Expression in Aura component aur JavaScript function ismein LWC. Ismein jo bhi hota hai woh sab Aura component ka use karte hain. Aur LWC mein humein yahaan pe iske liye use karte hain, basically. theek hai? To yahaan pe ab hamara ye ho gaya. Aage aap expression jaise Aura koi humein koi bhi event use karte hain, theek hai? To Aura mein humein Aura register event karke tag hota hai jo hum event ke liye use karte hain, matlab jo application event hai, component event hai, uske liye basically. Okay. But Aura component mein humein DOM, DOM event hota hai, jo maine bataya na custom event. To hum custom event aage kaise use karenge, woh bhi dekhenge. Theek hai? To ye humein basically DOM event hi use karte hain. theek hai? Ab ismein fire karne ke liye humein event ko event dot fire likhna padta hai, but LWC mein this dot dispatch event, aur jo bhi usmein parenthesis diya hai, us event ka naam usmein pass kar dena hota hai. To humara hum aise event ko fire karte hain. Ab ismein jo bhi humein attribute, attribute maine bataya na, variable banane ke liye hum usmein attribute banate hain Aura component. Aur ismein hum API use karte hain. Aage aur tag hain API hota hai aur track hota hai, do hota hai jo humein variable banane ke liye use karte hain LWC mein, but main aapko bataunga kab aapko API use karna hai aur kab aapko track use karna hai. To jab hum component pe kaam karna shuru karenge. Theek hai? To koi bhi aapko value jab show karna hota hai HTML pe to Aura mein aapko curly braces ke andar jo exclamatory hai, attribute ka naam aise karke show karna hota hai. Aur yahaan pe jo hai, LWC mein aapko waise nahi karna hota hai. LWC mein directly aap curly braces ke andar yahaan pe seedha aap usko pass kar sakte ho. Sorry. Yahaan pe seedha aap pass kar sakte ho. Theek hai? Last session second aapka Aura iteration. To humein koi bhi for loop, aap for loop maan lo, jaise hum JavaScript mein ya kahin pe bhi aap koi bhi language hai na, hum for loop bolte hain. theek hai? To ismein hum Aura mein for loop hum use karte hain basically Aura iteration hota hai. Koi bhi data aapke paas list of data hai, list of record hai to usko iterate karke humein show karna hai. To iteration ke liye hum yahaan pe Aura iteration use karte hain basically, okay? But LWC mein humein for each use karte hain. Kyunki humein usmein same for each for loop hota hai, okay. To LWC mein hum for each use karte hain. Aura mein humein basically koi bhi condition lagana hai to Aura if is true use karte hain aur LWC mein directly humein Aura if true aur ya Aura if false ye do humare tag hote hain. Hum us tag ko directly use karte hain LWC mein, okay? To ye aapka process hai install karne ka, basically. To install karne ke baad aapko kya karna hai? Phir aapko yahaan pe aana hai, basically, Google mein. Yahaan pe aapko likhna hai SFDX CLI, okay? Jaise aap SFDX CLI click karoge to aap pe aa jaega Salesforce developers. Aapko SFDX CLI pe click karna hai. To starting mein SFDX CLI basically command ka naam tha. Ab Salesforce ne uska naam change karke SFDX CLI rakh diya hai, okay? To ab koi bhi command hum use karte hain to SFDX ke through use kar sakte hain. To yahaan pe aapko puchta hai ki aapka Windows konsa hai? Matlab kis bit ka hai? 86 means 32 bit aur 64 means 64 bit, okay? To jaise mera hai to aap usko install download kar lijiye jo bhi hai. Isko download karne ke baad aapko yahaan pe download ho jaega. Same process install aapko waise hi karna hai, is pe double click karna hai. Same jaise double click kar diye hum aapko VS code kiye the. Same process karke yahaan pe already mere system mein pada hua hai isliye bol raha hai ki do you want to run or other use. To main isko main aap double click karke isko bas install kar lijiyega. Install karne ke baad aapko kuch bhi change check nahi karna hai. Aapko bas yahaan aake dekhna hai is pe, jaise humara main PC hai, theek hai? Main PC pe jaake yahaan pe aapko properties pe click karna hai. theek hai? Properties pe click karne ke baad aap yahaan pe aapka na aata hai na advanced setting. Advanced system setting pe click kijiyega. Advanced system setting pe click karne ke baad yahaan pe aapka aayega environment variable. Environment variable pe click kijiyega. Aur aapko check karna hai ki kya aapke system mein jaise jaise aap install karte ho, theek hai, to aapke usmein directly Salesforce matlab path set kar deta hai. Agar already set ho gaya hai to theek hai, nahi to aap yahaan pe edit karke isko check kar sakte ho ki dekhiye dekhiye main yahaan pe mere mein program files SFDX CLI hyphen bin, ye path hamara hota hai, basically. Matlab yahaan pe aa ke is new hai to aap new ke saath new karoge yahaan pe new karke yahaan pe apna path set kar doge, matlab page kar doge, baaki okay karke apply kar do, bas, uske baad okay okay karke apply kar dena hai, that's all. Theek hai? To ye aapka setup ho gaya. Setup karne ke baad aapko basically VS Code aapko open karna hai. Theek hai? VS Code open karne ke baad aapko VS Code fresh milega, theek hai? Ye mera already hai to main isko main isko new open kar leta hoon. To yahaan pe aap dekhoge new aapko aaega. theek hai? New aane ke baad aapko kya karna hai? Aapko thoda time lagta hai. theek hai? Thoda sa time lagega, kyunki yahaan pe aapko aapka extension activate hona hota hai, activate hone mein time lagta hai, theek hai? To ispe maine already video banake rakha hai, aap chaho to usko dekh sakte ho English wala, usmein usmein zyada kuch woh nahi hai ki kaise kaise usmein karenge, but usmein saara cheez aa jayega. Okay. Kisi ko koi question hai, uh. Okay.
[5:41]To kisi question nahi hai, to main aapko agar kisi ko yahaan pe aata hai ki project kaise create karte hain, to main aapko ek baar apna channel ka link bhi share kar group mein share kar dunga, theek hai? To aap YouTube pe jaoge. To main aapko wahaan pe already woh matlab maine banake rakha hai, to aap usko dekh lena. Kisi koi bhi issue hoga to hum jab next session karenge, matlab kal same time pe, main abhi aapko bhej dunga usmein. Theek hai? Okay. Sar, session is on every Saturday, Sunday or weekly? Every Saturday, Sunday, on weekend. At 9 PM. Okay. Sir, JavaScript ka sir jisko matlab nahi aata hai uske liye. To but main utna JavaScript padha dunga ki aap kaam karna seekh jaoge. theek hai?
[6:46]Sir, main ek company mein job kiya tha sir char mahine. Jismein training ke dauraan maine kafi videos search kiye the. Kuch time mein mereko hindi mein video nahi milte. Right, right. Koi dikat nahi, dekhiye. Main hota hai ki aapko learning ka matlab hona chahiye. Theek hai? Kyunki agar aapko aapne learning aapko learning aata hai, aap seekh sakte ho, kyunki agar aapne basically Salesforce mein job ke liye aptitude aana zaruri nahi hai. Aapko learning hungry hona chahiye learning ke liye. Aapko basic basic acche se aana chahiye kyunki Salesforce mein agar aapko basic sahi se nahi aayega to aap job kyunki jab interview hota hai to usmein hum most mostly basic hi pucha jaata hai. Uske baad phir aage ka matlab puchte hain, basically. Theek hai? But main aapko itna bata dunga ki aap kaam karna seekh jaoge.
