Lightning Web Component Development

In this lecture, you will learn the number of files exist in a component bundle and usage of each file.

In this lecture, you will create your first Lightning Web Component and deploy it in a Salesforce Org.

Learn how data binding works in LWC. Make our hello world component dynamic.

In this lecture, you would understand the different ways of applying the CSS to your component.

In this lecture, you will learn how you can hide or show your markup based on conditions.

In this lecture, you will learn how you can loop over your javascript array properties.

Let's put our fundamentals in practice and develop a simple calculator app.

In this lecture, we will complete our simple calculator application.

Salesforce has taken care of all our needs, and has already provided us enough documentation and tools to get started on LWC and Aura. In this video, you will see an overview of component library, the best place to find documentation of LWC and base components.

In this lecture, you will learn how to declare a private property and how you can use it inside your html markup.

In this lecture, you will learn how to make your private properties reactive with @track decorator.

Modify your private property's value with getter and use it inside your markup. Getter can be used to perform some logic on your private properties before you access it inside html template.

Public properties are the best way to accept values from parent components and make your component more dynamic. USe @api decorator to define public properties.

In this video, you will learn the considerations of using a public boolean property inside your component.

In this lecture, you will learn to pass html markup from parent component to child component.

In this lecture, you will learn the usage of public methods and how you can call public methods of child component from the parent component.

Learn why the properties of one component does not affect other components. Shadow DOM is one of the most important feature of lightning web component framework.

Learn about different events and their usage which gets fired as part of component lifecycle.

Communicate between components of same hierarchy using events. Event fired from child component can be handled in child component itself or the parent components in same hierarchy.

Learn how you can communicate between independent components using events with publish and subscribe pattern.

You can share the Javascript between components using ECMAScript modules. This is always a good practice to share common code between components as it is easier to maintain the code.

In this lecture, you will learn what the different ways to access Salesforce data with or without the need of Apex Controller.

In this lecture, you will learn to insert a new record in Salesforce without writing any Apex code using Lightning Data Service.

In this lecture, you will learn to view an existing record from Salesforce without writing any Apex code using Lightning Data Service.

It's even easier than Lightning Data Service to create or view Salesforce records if you use base components like recordEditForm or recordViewForm.

RecordForm base component has the power of both recordEditForm and recordViewForm component. It's very simple yet very powerful component to create forms on UI with minimal amount of code.

In this lecture, you will to access an @AuraEnabled apex method from Lightning Web Component's wire adapter. The wire adapter provisions the data from apex methods to your component.

Wire adapter limits you to access only cacheable Apex methods, but you can access non-cacheable methods by making a call imperatively.

In this lecture, you will learn how to display a toast notification in Lightning Web Component.

To make pure generic components, sometime you need the help of framework. LWC framework can automatically supply you the record id and object name of currently viewing record. Learn the trick in this video.

The meta file of a Lightning Web Component bundle is one of the most important file. It holds all the meta properties of your component, you can use this to define different properties for different lightning container or make your component more generic using properties.

In this lecture, you will learn what Lightning Navigation service is, navigation service methods and what are the different page types you can navigate to.

Let's use our knowledge of Navigation service to create different page types and navigate to those.

You can use 3rd party libraries in your component. Learn how you can do that in this video.

You can include your Lightning Web Component inside an Aura Component and can also handle the events fired by the child LWC component inside the parent Aura component.

Learn how you can handle events fired by an LWC component inside an Aura component or vice versa. Use publish and subscriber pattern with both Aura and LWC to communicate between components.

Download node and npm to setup JTest in your SFDX project to test Lightning Web components.

Learn how to write simple tests to perform unit testing of your Lightning Web Components.

Sometime it is essential to debug your test files as well to find out errors in test suites. Learn how to debug test files in chrome browser.

Sometime it is essential to debug your test files as well to find out errors in test suites. Learn how to debug test files in VS code itself.