LWC

Lightning web components are custom HTML elements built using HTML and modern JavaScript. Lightning web components and Aura components can coexist and interoperate on a page. To admins and end users, they both appear as Lightning components.

LWC Inspector -

https://lwc-inspector.herokuapp.com/

LWC playground -

https://webcomponents.dev/

 
Install LWC Recipes in your dev org using unlock package-
https://github.com/trailheadapps/lwc-recipes

https://developer.salesforce.com/blogs/2020/11/ecosystem-innovation-with-lightning-web-components.html

LWC best practices -

https://developer.salesforce.com/blogs/2020/06/lightning-web-components-performance-best-practices.html

LWC trailheads for beginners -
https://trailhead.salesforce.com/en/content/learn/projects/quick-start-lightning-web-components

https://trailhead.salesforce.com/en/content/learn/trails/build-lightning-web-components

https://trailhead.salesforce.com/en/users/strailhead/trailmixes/lightning-web-components

https://trailhead.salesforce.com/en/content/learn/trails/build-apps-lightning-web-components-open-source

https://developer.salesforce.com/docs/component-library/documentation/en/lwc

https://developer.salesforce.com/docs/component-library/overview/components

https://www.lightningdesignsystem.com/

https://www.youtube.com/watch?v=WjSlkU6Z6bs
https://www.youtube.com/watch?v=OJArrpynL9g