Lightning Web Component Crash Course | Learn LWC in 100 Minutes with Live Project

This is a crash course video on the Lightning Web Component framework where we will cover all fundamentals of LWC in just 100 minutes. This video alone is enough to get you started with the framework and design & build your own component from scratch. You all will be building a live project with me to practice the hands-on development.
🏅🏅 There is a challenge as well for you guys, watch the video till the end and submit your solution to win free vouchers of my Udemy courses.🏅🏅
📣 Check out my other crash courses
🐼 Salesforce Integration Crash Course - • Salesforce Integration...
🐱 JavaScript Crash Course: • Modern JS Crash Course...
🐭 SLDS Crash Course: • SLDS Crash Course - Be...
🐹 CSS Filter Crash Course - • CSS Filter Crash Cours...
#LWC #CrashCourse #SFDCFactsAcademy
Enroll in my Udemy courses:
🖥 Lightning Web Component Development - www.udemy.com/course/lightnin...
🖥 A Practical Guide To SFDX and Salesforce CLI - www.udemy.com/course/salesfor...
📚 Github repo for the project: github.com/choudharymanish858...
Refer below documentation to learn more:
📖 MDN Docs on Javascript - developer.mozilla.org/en-US/d...
📖 LWC Documentation - developer.salesforce.com/docs...
📖 Lightning Base Component Library- developer.salesforce.com/docs...
📖 Lightning Design System (SLDS) - www.lightningdesignsystem.com/
Become a patron and support my work here: / sfdcfacts
Please share this video and subscribe to the channel if you love my content.
Content By: Manish Choudhari
Editor: Manish Choudhari
Website: sfdcfacts.com
Twitter: / manish_sfdc
LinkedIn: / manish-choudhary

Пікірлер: 276

  • @SFDCFacts
    @SFDCFacts2 жыл бұрын

    Do you find this video helpful? Here are my other crash courses you might be interested in: ⏭ Salesforce Integration Crash Course 🔗 kzread.info/dash/bejne/ZKGt0c5ymKyYaMY.html ⏭ SOQL Crash Course 🔗 kzread.info/dash/bejne/natqtaiKh7SXYbQ.html ⏭ Modern Javascript Crash Course 🔗 kzread.info/dash/bejne/lo1szsttetHVh7Q.html ⏭ SLDS Crash Course 🔗 kzread.info/dash/bejne/enin16WAktfXqc4.html ⏭ CSS Filters Crash Course 🔗 kzread.info/dash/bejne/maxml9qolMneiZs.html

  • @anilsrivastava8762

    @anilsrivastava8762

    2 жыл бұрын

    Can you explain how to do this use case by LWC .👉Customers should be presented with a UI to view the list of cars along with Name, Image, Maximum Load, and Cost

  • @manjunathgoudar2895
    @manjunathgoudar28952 жыл бұрын

    if anyone out there is on 27:07 and thinking the time on their page seems to be reactive, it is because every variable now is inherently reactive in LWC without needing a @track decorator... this is applicable after Spring 20 release Thanks buddy for such a great session, I concur with so many wanna be LWC learners below.. this is a great content, nothing like learning whilst doing hands-on!

  • @mdivs
    @mdivs3 жыл бұрын

    This is a very good course. Nice cuts in the video so there is no useless conversation or waste of time. Ty man, please continue to do more videos like this.

  • @guruvamshnekkar9868
    @guruvamshnekkar98683 жыл бұрын

    U are the man ; hats off buddy. I am not a programmer however I remeber things from my BE , dispute of working for customer support I wanted to switch over to different domain that is SF contributer ...... I watched this video like 3 times and u rock man ... I love this always for life time ..... Thanks again .. I wish I could drop an email with huge thanks from my heart ..(tears in my eyes of happiness )

  • @shubhambangad1011
    @shubhambangad10112 жыл бұрын

    Ofcourse this is the best crash course for LWC. Most of the points have been covered. Really appreciate your work and explanation

  • @kamalnathrohit
    @kamalnathrohit4 жыл бұрын

    Great video, very precise for a crash course. I am new to SF LWC, but hands on different modern web frameworks, this is what I am a looking for. Please keep it coming

  • @chikkuvlogs5143
    @chikkuvlogs51432 жыл бұрын

    Hi bro, I have learnt LWC and also cracked interview in TCS after watching this video.. Thanks alot.. waiting for your ds and algo videos

  • @SFDCFacts

    @SFDCFacts

    2 жыл бұрын

    Great Yash👍 Wishing you an amazing career ahead. Will bring soon!

  • @nandinireddy4156

    @nandinireddy4156

    2 жыл бұрын

    Hi. Bro i have some doubts on interview can u explain it

  • @avinashvundemodalu5628

    @avinashvundemodalu5628

    Жыл бұрын

    @ chikku vlogs Bro, I have one doubt, in APEX we only write soql and remaining all logics will be written in LWC ? before lwc we have written all logics & operations in APEX, for now we write all logics in LWC and only soql in Apex ?

  • @user-ky4sn6sn1k

    @user-ky4sn6sn1k

    Ай бұрын

    hey, any oping there TCS @chikkuvlogs

  • @LearnWithNeeraj777
    @LearnWithNeeraj7772 жыл бұрын

    What a top quality coding. This is hurricane. No timepass stuffs. ❤️

  • @daniell.valenzuelacalona5798
    @daniell.valenzuelacalona57982 жыл бұрын

    Great video for getting started with lightning components given some basic knowledge as stated is known prior to the video, better than a lot of trailhead courses.

  • @shaileshsawant6214
    @shaileshsawant62142 жыл бұрын

    This is great to start the LWC journey. Thanks for the video and appreciate all the efforts.

  • @ManishKumar-th3cw
    @ManishKumar-th3cw4 жыл бұрын

    I just watched it till 33:22 and gotta say thanks for this :) will be completing this in 3 parts

  • @vaishnavibhonde8066
    @vaishnavibhonde80663 жыл бұрын

    Awesome content. Who else noticed that he worked till 3AM to make video for us

  • @Ashishkumar-vv3uh
    @Ashishkumar-vv3uh3 жыл бұрын

    After learning JS, I wanted a video of this kind on lwc to kickstart and I came across it.Thank you for putting so much effort for us.

  • @ManishKumar-th3cw
    @ManishKumar-th3cw3 жыл бұрын

    completed till 1:07:49 it's really going good till now came to know a lot of things in LWC. it is a crash course...... indeed Thanks for this :)

  • @soumyaramteke7020
    @soumyaramteke70203 жыл бұрын

    Best 1:45 hrs spent ever! Thank you!

  • @Hoodiefoodie1812
    @Hoodiefoodie1812 Жыл бұрын

    Loved it! Thank you so much :) Gives me a lot more confidence

  • @biswaray1225
    @biswaray12254 жыл бұрын

    Thanks for awesome content and sharing your knowledge with us. really helpful.

  • @franciscrump1869
    @franciscrump18693 жыл бұрын

    Thanks for putting this up here with a nice explanation. I think since I was able to get it to work that I will take your paid course... also, you might take note that sometimes you type single quotes and your computer later edited that to double quotes, and I had one instance of that: import { LightningElement, api } from 'lwc'; which prevented it from working after I until I replaced the single quotes with "lwc" doublequotes. Otherwise the only main hiccup was just that it needs to have one custom object named ToDo (ToDo__c) with one checkbox field Done (Done__c) in order for the component to work using the SF org one deploys it to... 105:24 in the video (to help future followers) one other thing to watch was button icon-name {buttonIcon} in toDoItem.html not {IconName}

  • @jaredhenning8862
    @jaredhenning88624 жыл бұрын

    These videos are so helpful. Thank you

  • @rameshgoud4970
    @rameshgoud49704 жыл бұрын

    Nice Explanation.Thank You for the Video:)

  • @aryanchopra811
    @aryanchopra8114 жыл бұрын

    awesome work Manish , you a doing a great job for salesforce ohana keep it up !

  • @madhurakr9170
    @madhurakr91704 ай бұрын

    Very precisely explained most important concepts of LWC. So nice video . Please keep posting the videos and kudos to your patience and contribution to the salesforce community !!

  • @emmanuvelsuprithr4105
    @emmanuvelsuprithr41053 жыл бұрын

    Thank you so much bro , awesome content and and recording till 3am salute your commitment 🙋‍♂️bro

  • @mohdsarfraz8677
    @mohdsarfraz86773 жыл бұрын

    Great Brother, I have learnt lots of things about LWC. Superb keep it up. Please make a video that clearly defines the difference between aura and LWC.

  • @saptarshi24695
    @saptarshi246953 жыл бұрын

    Good job sir , badly needed something like that. 👍

  • @winstonye478
    @winstonye4782 жыл бұрын

    love the video, great job! can you do one explaining how the lightning message service works?

  • @kirillhantayev9627
    @kirillhantayev96274 жыл бұрын

    This content is pure gold!!! Thank you!!

  • @sreerampasumarthi8150
    @sreerampasumarthi8150 Жыл бұрын

    Excellent content...In my view this channel is the most underrated channel.

  • @sangushiva656
    @sangushiva656 Жыл бұрын

    Thanks a lot Manish ...your explanation is very clear and easy to understand.. got overall idea of lwc ..thanks..

  • @solosyntax9395
    @solosyntax9395 Жыл бұрын

    Thanks man. Your explanation was very simple and easy to understand 👌

  • @SpandanBhatt1985
    @SpandanBhatt19854 жыл бұрын

    u r an inspiration to us. carryon

  • @kapilsane
    @kapilsane6 ай бұрын

    this is the best lwc project video ihave ever seen.

  • @karthikeyanbaburajendran1789
    @karthikeyanbaburajendran17892 жыл бұрын

    Its the best crash course ever !! keep going...!!!

  • @maximilianduerr992
    @maximilianduerr9922 жыл бұрын

    Great tutorial! Thx for sharing!

  • @ryanm1466
    @ryanm14662 жыл бұрын

    super helpful thank you! You're super smart!

  • @CuteCat0006
    @CuteCat00062 жыл бұрын

    Thank you for your effort. This video is awesome.

  • @challakoteswararao3048
    @challakoteswararao30484 жыл бұрын

    Thanks Dude for awesome explanation on lwc

  • @pragyapal4258
    @pragyapal42583 жыл бұрын

    Good content!! Keep it up bro...and thanks :)

  • @wooden-airplane
    @wooden-airplane7 күн бұрын

    Very interesting and useful video. Thanks!

  • @nehaagrawal6602
    @nehaagrawal66023 жыл бұрын

    Your content is really amazing and very helpful. Thank you so much for sharing your knowledge.

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Thanks @Neha! There is a lot more to unfold in the days to come. Stay tuned.

  • @nehanimran3684
    @nehanimran36843 жыл бұрын

    Thank you so much for this video 😊

  • @abhishekpundir1878
    @abhishekpundir18782 жыл бұрын

    really liked your video..great work always

  • @shivanichoudhary2345
    @shivanichoudhary23454 жыл бұрын

    Good going 🤘🏻

  • @free9ja
    @free9ja3 жыл бұрын

    Great Tutorial. Gifted Teacher. Didn't have a choice but to subscribe.

  • @free9ja

    @free9ja

    3 жыл бұрын

    I followed your tutorial from scratch and built the component. I also deployed successfully

  • @kunalsinghgusain2070
    @kunalsinghgusain20703 жыл бұрын

    !! IMPORTANT!! For all people watching after spring 20 release. @track is optional to make properties reactive. All properties in a Lightning web component class are reactive. If a field’s value changes, and the field is used in a template or in a getter of a property that’s used in a template, the component re-renders and displays the new value. The only being objects and arrays. WHY ?? Because these are reference types.

  • @chandansagar3706
    @chandansagar37062 жыл бұрын

    Thank you very much for the video.

  • @vishwaskumarjyothula9286
    @vishwaskumarjyothula92862 жыл бұрын

    Hi Manish, this is the best course for LWC . I got understanding of the lightning web components with in very short time .Thanks for your efforts Manish .

  • @SFDCFacts

    @SFDCFacts

    2 жыл бұрын

    Thanks a ton Vishwas

  • @sonamshukla4527
    @sonamshukla45273 жыл бұрын

    great work. Thanks

  • @vinodazure2676
    @vinodazure26764 жыл бұрын

    I am waiting😋

  • @kirandey95
    @kirandey954 жыл бұрын

    this man is genius...

  • @amitvaidya1720
    @amitvaidya17204 жыл бұрын

    Nice Video Manish...

  • @manjunaths.c8818
    @manjunaths.c88182 жыл бұрын

    Woow great Course Manish, You content is very simple and interesting, Could you also please make a crash course on Apex triggers, Salesforce Flows as well

  • @GauravGupta-ku4ul
    @GauravGupta-ku4ul3 жыл бұрын

    Very good crash course. Quite informative. Thanks mate.

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Thanks Gaurav, wish you all the best!

  • @VidyaRamakrishnan-co2cd
    @VidyaRamakrishnan-co2cd2 ай бұрын

    Good tutorial !!

  • @NONAME-qd3qg
    @NONAME-qd3qg4 жыл бұрын

    Very helpful content and great efforts to make it as simple as possible. Could you please do a short video on using external libraries like momentJS if possible. Thank you !!

  • @SalesforceRaman
    @SalesforceRaman Жыл бұрын

    Nice video !

  • @maheshkalambe1792
    @maheshkalambe17923 жыл бұрын

    Thank you Manish! Could you please make video on creating Apex class and test class for same, It will be really helpful.

  • @masterclass28
    @masterclass284 жыл бұрын

    Excellent videos Manish

  • @chellappansubramanian1550
    @chellappansubramanian15504 жыл бұрын

    Excellent

  • @shivangichopra6022
    @shivangichopra6022 Жыл бұрын

    Amazing content 👍

  • @VikasKumar-zw7ko
    @VikasKumar-zw7ko4 жыл бұрын

    I love your Videos

  • @josuemiranda_
    @josuemiranda_2 жыл бұрын

    very nice!!!

  • @theProhorKey
    @theProhorKey2 жыл бұрын

    Thanks!)

  • @saikumarrv5445
    @saikumarrv54452 жыл бұрын

    Hi Manish, I hope you are doing very well. I was following each and every video of yours. The way you explain the things, simply, it's awesome .Could you please give us the few more videos on real time projects and also the problems we face generally while doing coding in LWC in Real World and also few more things like whenever the person got an requirement, steps to be followed to develop the component, the mistakes generally people make, best practices to be followed in real world etc. It will be very helpful for the beginners like us. Thanks much in advance.

  • @SFDCFacts

    @SFDCFacts

    2 жыл бұрын

    Sure Sai, thanks for your feedback. Will come up with something soon. Subscribe to the channel so that you'll know when I do

  • @saikumarrv5445

    @saikumarrv5445

    2 жыл бұрын

    @@SFDCFacts Thanks for your reply, I have already subscribed to this channel a long time back and also suggesting new joinees to subscribe it who are having trouble to learn Salesforce. They will get the concepts crystal clear and hopefully, they will learn into salesforce soon.

  • @hdilhara
    @hdilhara3 жыл бұрын

    Thank you so much.....

  • @lazarok0963
    @lazarok09638 ай бұрын

    thanks man

  • @user-md3sf1qx4z
    @user-md3sf1qx4z Жыл бұрын

    thankyou so much sir

  • @PastranaDigital
    @PastranaDigital3 жыл бұрын

    Bought the Udemy course as a thank you for this great video and to learn more. Well done.

  • @extreamvideos2968

    @extreamvideos2968

    3 жыл бұрын

    Bro youtube video and udemy ldc course are same.

  • @PastranaDigital

    @PastranaDigital

    3 жыл бұрын

    Similar in some areas yes but the details and clarity provided have helped me better understand the basics. I’m still new to some areas.

  • @Bami.
    @Bami.3 жыл бұрын

    This content is so comprehensive, thank you.

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Glad you think so!

  • @siddharthabharti2306
    @siddharthabharti23062 жыл бұрын

    very nice explanation to cover many topics of LWC, Thankyou

  • @SFDCFacts

    @SFDCFacts

    2 жыл бұрын

    Thanks Siddhartha

  • @doondireddy
    @doondireddy4 жыл бұрын

    Thankyou So much ManishJi, after reading LWC basics on trailhead I opened youtube for timepass, but I click on this link and I am stuck here for 2 Hours. Once Thanks a ton! __/\__

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Thats the plan, make you stuck here :D

  • @maddireddyvenkatesh3620
    @maddireddyvenkatesh36202 жыл бұрын

    very useful video 👍

  • @pratyushakatta3213
    @pratyushakatta32134 жыл бұрын

    Nice Viedo, Well Explained .Thank You..Please do viedo on CPQ..

  • @Jayanthsattineni

    @Jayanthsattineni

    3 жыл бұрын

    It's video not viedo...🙄

  • @sasipavandarapureddy9491
    @sasipavandarapureddy9491 Жыл бұрын

    Hi Manish, Requesting you to do a crashcourse on Lightning flows. It will be very helpful

  • @vaishnavi36
    @vaishnavi364 жыл бұрын

    Thanks a lot

  • @rajatranjansamal5036
    @rajatranjansamal5036 Жыл бұрын

    Thanks for this wonderful video 👍 If we want to create a wizard type of screens in Lwc what is the best approach ? I mean multiple data entry screens will be there and submit will happen in last screen

  • @chikkuvlogs5143
    @chikkuvlogs51433 жыл бұрын

    Excellent content..👍 Thanks boss

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Glad you liked it. Hire me in your next movie Yash Chopra ji :D

  • @anandmanirathor9367
    @anandmanirathor93672 жыл бұрын

    Hello Manish, I was watching your video, just a correction where you are setting a time interval that should not be multiplied by 60 as the init method might be called in between a minute which is not going to have a sync with actual time. It will better sync 1000 ms Regards, Anandmani Rathor

  • @greatindia4162
    @greatindia41623 жыл бұрын

    Thanks for the knowledge transfer. Can you please create short videos with the exact content. It will be really helpful for lot of people

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    I have started creating short videos now, and loving it so far.

  • @subbu8119
    @subbu81193 жыл бұрын

    awesome!

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Cheers

  • @HemprasanthKarunakaran241097
    @HemprasanthKarunakaran2410972 жыл бұрын

    Hi Manish, Thanks for the awesome content. I am confused on this. If its local development, why is there a constraint that we need scratch org? Does SF do anything behind the scenes?(like a validation against a scratch org... I believe thats unlikely, given that we have local dev plugin)

  • @alladayeshwanth9340
    @alladayeshwanth93404 жыл бұрын

    if there are multiple input boxes what can be alternatives for this.template.querySelector() as the order is not specified for this function? . Thanks in advance

  • @ManojVerma-ss5kb
    @ManojVerma-ss5kb4 жыл бұрын

    Brother could you please make video on CPQ

  • @aviralagrawal9834
    @aviralagrawal98344 жыл бұрын

    Learn, Share and Repeat!

  • @sebasmiranda8036
    @sebasmiranda80362 жыл бұрын

    Man, this is the best video I've found so far. My only suggestion would be to change the colors of the symbols as the pink is hard to follow with the black background. Thanks for the video!!

  • @SFDCFacts

    @SFDCFacts

    2 жыл бұрын

    Yeah, its been taken care in further videos after this one. Check out my other course on this channel

  • @yuvikasharma9942
    @yuvikasharma99423 жыл бұрын

    I need some guidance regarding using of get and set methods? Where get methods should use and where set methods should be used?

  • @Crazy-Roland-vDrums
    @Crazy-Roland-vDrums3 жыл бұрын

    Hello, thanks for the videos. Looked at the posted Udemy course on LWC & under the "Testing" section it says JTest which is different from Jest - is this correct? Could you guys plz comment on the Pros & Cons of JTest versus Jest? Thx Again!!

  • @santiagocuretti9892
    @santiagocuretti9892 Жыл бұрын

    Excelent content! How do you enable Lightning Explorer? It's an extension?

  • @89qwyg9yqa34t
    @89qwyg9yqa34t2 жыл бұрын

    Brilliant, sir. Extremely helpful.

  • @timjones3647
    @timjones3647 Жыл бұрын

    I was really enjoying this and got to minute 25, and my time and greeting is not updating from the static values, even after adding the callback with interval.

  • @IamDhanush

    @IamDhanush

    Жыл бұрын

    Yes, same here. I don't see them updated.

  • @IamDhanush

    @IamDhanush

    Жыл бұрын

    I have adjusted the code for obtaining date like this and it worked! INSTEAD OF: const date = new Date(); =========================== Changed to this: const currDate = Date.now(); const date = new Date(currDate);

  • @abl1699

    @abl1699

    Жыл бұрын

    It does update. You need to write the exact code Manish has given. It works. I have tried it.

  • @yunuskocatas3879
    @yunuskocatas3879 Жыл бұрын

    which theme are you using. I liked it and I couldnot find. thanks

  • @sachinpahwa8586
    @sachinpahwa85863 жыл бұрын

    this video helped a lot.... Thanks ;-)

  • @89ANIT
    @89ANIT4 жыл бұрын

    good...

  • @Sai-mi7bn
    @Sai-mi7bn3 жыл бұрын

    thank you Manish!

  • @SFDCFacts

    @SFDCFacts

    3 жыл бұрын

    Always a pleasure!

  • @rajkopodinic
    @rajkopodinic4 жыл бұрын

    I'm trying to publish an LWC to my Salesforce Professional account but can't seem to get it right? I get the following error: sf:INVALID_OPERATION: INVALID_OPERATION: testLevel of NoTestRun cannot be used in production organizations I haven't placed any code or tried to create a component yet I'm just trying to deploy to org but I get the above error no matter what I try, do you have an idea of what I'm doing wrong or missing out?

  • @philipwalker8107
    @philipwalker8107 Жыл бұрын

    Can you write what extensions for file icons you are using in vsc?

  • @vietphanhoang5874
    @vietphanhoang58742 жыл бұрын

    Hello sir, thanks for the video I have some questions, can you explain them to me, please? Let's say we have Omniscript contains custom LWC, so how can Omniscript communicate with LWC ? I mean, when input (out of the box element in OS) has changed value, how we can track/listen that in LWC

  • @gauravdeog
    @gauravdeog Жыл бұрын

    Want to do one course for LWC+ Integration. Are you planning any batch in 23?

  • @sushanth1100
    @sushanth11003 жыл бұрын

    I have completed this course. Everything was fine on the development server until I viewed the component on Home Page. Here the background and a few other css were not getting applied. Not sure why.

  • @rajbalakumari7883
    @rajbalakumari78833 жыл бұрын

    Hi , Please tell me why am getting sfdx is not recognized as internal and external?

Келесі