Introduction to Lightning Web Components

Introduction to Lightning Web Components (LWC)
Why Lightning Web Component (LWC)
Part 1 - Vanilla HTML5 Web Components
Benefits of Web Component
Pillars of Web Component
Demo of Custom Element and Templating
Part 2 - Lightning Web Component
Hello World
Demo of Lifecycle methods
Call Apex Class
Access Custom Label
Lightning Data Services
Communication between Lightning Component and LWC
Third party Callout from LWC
Check below post for more detail :
amitsalesforce.blogspot.com/20...
Check below post for more detail
www.apexhours.com/introduction...
lightning web components vs aura
lightning web component example
#LightningWebComponents #LWC #HTML5 #CallApexClass #LWCVsAURA

[@mahenderit52]

This channel is awesome. The quality of the content and the speakers you bring in, are excellent. This is the only Salesforce related TH-cam channel that I regularly follow. Thank you for helping the salesforce community!

[@apexhours]

Glad you like them!

[@SpandanBhatt1985]

i am a sf developer for last 12 yrs...i have been learning a lot from this channel about Aura & LWC. Thx.

[@apexhours]

Our pleasure! Keep watching

[@raghuramsuresh]

Good Session Jitendra, you kept so simple to understand the HTML5 and LWC, Q&A is interesting.

[@apexhours]

Thanks for your feedback. Enjoy full playlist th-cam.com/video/KKNEpPP6V4s/w-d-xo.html

[@AmitabhSharma486]

Awesome Demo, keep up the good work Amit , Jitendra and also Mohit

[@apexhours]

Thanks. If you want to learn about best practice check this recording th-cam.com/video/WjSlkU6Z6bs/w-d-xo.html

[@sk3946]

Thanks Jitendra Zaa for Great Session, Can you please guide us what are the prerequisite to learn lwc. Is javascript 6 and html5 enough with knowledge of apex to learn lwc?

[@rohitnegi4651]

Thanks for the amazing content, learned a lot!

[@apexhours]

Glad you enjoyed it!

[@vijaykumarmanchuri8452]

Good session Jiten, I really liked it, good starting point for the beginners

[@apexhours]

Glad you liked. Here is more session on LWC www.apexhours.com/lightning-web-components/

[@pramod_pendyala]

great session.
Thanks Jitender Zaa.

[@apexhours]

Thanks for you feedback. Spl thanks to Jitender Zaa

[@JitendraZaaInd]

Welcome !!!

[@phanikumar3335]

great session ,i really liked this session.

[@apexhours]

Thanks

[@amitchaudhary1432]

Thanks Jitender Zaa for a great session

[@JitendraZaaInd]

You are welcome

[@rameshchilla1741]

Hey Amit please do let me know,LWC comes under which metadata.

[@amitchaudhary1432]

@@rameshchilla1741 It will come under LightningComponentBundle

[@rameshchilla1741]

Hey Amit how to add Lightning data table attributes dynamically in lwc,ex:-hide checkbox column.

[@fazurullaganganapalli9508]

Great session sir.....

[@apexhours]

Thanks for your feedback

[@anjalisravanthi3616]

great tutorial..but @29:18 instead of using shadow DOM to have custom styling.. can we use class attribute for and apply styling using that class like p.sample{color:red}
so it applies color only to that p

[@abdoulayediop2813]

you can use this.template.querySelector('.sample') and apply your style

[@AGARWALt5630]

The code snippet being shown at 20.00 does not work for me. I get an error "JSX expressions must have one parent element.js"

[@apexhours]

Post your code.

[@meghakohli348]

at 33:25 you have mentioned to create lightning app but i cant find sfdx: create lightning app also i have already install the lightning web component please help

[@amanithoutam7020]

Continue with Create aura app

[@banuthangaraj3581]

i want todisplay list of parent when i click any one of the record it shows related contact how to do in lwc

[@apexhours]

We will share the blog post soon on ApexHours.com

[@vishnuk5361]

How to customize lightning components like lightning-button, lightning-input....and how to replace CSS with sass ????

[@apexhours]

Check this th-cam.com/video/oDj8R8QZdrg/w-d-xo.html

[@shyamsundar20]

Great Session but at 20:00 , I am not able to place the code in different lines as shown in video.
this.innerHTML ='
${this.name}
${this.detail}
';
Getting the error as :
Unterminated string literal.
';' expected.
Declaration or statement expected.

[@apexhours]

In that code we did not added line break we only align the code.

[@apexhours]

Try to put the code in same line

[@shivashankar610]

@Yogesh Biyani Use this this.innerHTML = ''+this.name+'' +
''+this.actor+'';

[@debmalyaray1997]

is there any pre-requisites before jumping into this lightning web components????

[@apexhours]

If you are good in Java Script then it good to go

[@debmalyaray1997]

@@apexhours what all html concepts should we learn before going for LWC please explain in detail...

[@nimmananarendra8664]

Great Session Jitender Zaa,
As you mentioned LWC can't be parent to Aura,
but can it be a parent another lwc?

[@apexhours]

Thanks for your feedback. Yes LWC can be parent of another LWC. amitsalesforce.blogspot.com/2018/12/Invoke-Apex-Controller-from-Lightning-Web-Component.html

[@devikamishra4319]

what is the need of lightening components and lightening web components?

[@apexhours]

we covered that topic in the end of the session

[@sorryjoshi6361]

can anybody tell me that i need to learn JavaScript before I start LWC?

[@shrigaurav5051]

I don't have scratch org, how can I create it?

[@shrigaurav5051]

30:00 how can I create LWCAPEXHOUR12JAN?

[@apexhours]

If you don't want to use Scratch org. Check this recording "Lightning Web Component with non-scratch org"
th-cam.com/video/V_riFQU5iNA/w-d-xo.html

[@shrigaurav5051]

*Can we use Code Buider for LWC?*

[@apexhours]

Yes you can

[@apexhours]

LWC Best Practices th-cam.com/video/WjSlkU6Z6bs/w-d-xo.html