Salesforce LWC (Lightning Web Component) with Live Project

  • Post category:StudyBullet-17
  • Reading time:8 mins read

Salesforce LWC (Lightning Web Component) with Live Project
Salesforce Lightning Web Component Development with Real Time / Live Project

What you will learn

Salesforce Lightning Web Components programming model

To develop/create project using Lightning Web Components i.e. LWC programming model

To setup development environment for Lightning Web Component

Each and every details of Lightning Web Components

Description

Students will learn Lightning Web Components programming model and how to develop/create project using Lightning Web Components i.e. LWC programming model.

Topics covered in this course

1. Salesforce Lightning Web Components (LWC) Introduction

2. Salesforce – How To Run Apex Code in Vscode | How To Create Apex Class in Visual Studio Code

3. Create First Lightning Web Component & Deploy to Salesforce Org |Create LWC Component in vs code

4. How To Delete LWC Component From Org |How To Delete Custom Lightning Web Component in Salesforce

5. Data Binding in LWC Salesforce | Lightning Web Components

6. Getter Property in Lighting Web Components (LWC) in Salesforce

7. Conditional Rendering in HTML in LWC | Apply if-else in Lightning Web Components in Salesforce

8. For Each Loop in LWC Salesforce |Render List using for each loop in HTML Lightning Web Component

9. Iterator Loop in LWC Salesforce |Render List using iterator loop in HTML Lightning Web Component

10. Decorators in LWC Salesforce Introduction | api, track, wire in Lightning Web Components

11. api Decorator in LWC Salesforce with Example | Public Property in Lightning Web Component

12. track Decorator in LWC Salesforce with Example | track Decorator in Lightning Web Component

13. wire Decorator in LWC Salesforce with Example | wire Decorator in Lightning Web Component

14. Use of wire Decorator / Adapter to call Apex Class Method from LWC | Lightning Web Components

15. Decorate Function with wire Decorator in LWC Salesforce | Lightning Web Component

16. Use querySelector() to Fetch Data in LWC | HTML Template Data Binding | Lightning Web Component


Get Instant Notification of New Courses on our Telegram channel.

Noteβž› Make sure your π”ππžπ¦π² cart has only this course you're going to enroll it now, Remove all other courses from the π”ππžπ¦π² cart before Enrolling!


17. Use querySelectorAll to fetch Data in LWC | HTML Template Data Binding | Lightning Web Component

18. How To Create Lightning App Page in Salesforce

19. Data Communication in LWC Components | Message Passing in Lightning Web Components | Salesforce

20. Data Communication From Parent to Child LWC Component | Salesforce | Message Passing

21. Data Communication From Child to Parent LWC Component | Salesforce | Message Passing

22. How to pass multiple values from Child component to Parent component in LWC | Salesforce LWC

23. Lightning Message Service for Data Communication between unrelated LWC Components | Salesforce

24. Lightning Message Service for passing multiple values between unrelated LWC Components

25. Salesforce LWC Real Time Project Part 1 | Lightning Web Components Live Project in Salesforce

26. Salesforce LWC Real Time Project Part 2 | Child to Parent and Parent to Child Data Communication

27. Salesforce LWC Real Time Project Part 3 | Lightning Data Table | Lightning Web Components

28. Salesforce LWC Real Time Project Part 4 | wire Decorator Adapter to call Apex Class Method from LWC

29. Salesforce LWC Real Time Project Part 5 | Lightning Message Service | Lightning Web Components

30. Salesforce LWC Real Time Project Part 6 | Wire vs Imperative Apex Method Calls | Async and Await

31. Salesforce LWC Real Time Project Part 7 | Modal Popup | Lightning Data Service | Show Toast Message

Β 

English
language

Content

Lighting Web Components (LWC) Introduction

Salesforce Lightning Web Components (LWC) Introduction

Setup Development Environment

How To Run Apex Code in Vscode | How To Create Apex Class in Visual Studio Code
Create First Lightning Web Component & Deploy to Salesforce Org
How To Delete LWC Component From Org | Delete Custom Lightning Web Component

Data Binding in LWC

Data Binding in LWC Salesforce | Lightning Web Components
Getter Property in Lighting Web Components (LWC) in Salesforce

Conditional Rendering in LWC

Conditional Rendering in HTML in LWC | Apply if-else in Lightning Web Components

Loop in LWC

For Each Loop in LWC Salesforce | Render List using for each loop in HTML
Iterator Loop in LWC Salesforce | Render List using iterator loop in HTML

Decorators in LWC

Decorators in LWC Salesforce Introduction | @api, @track, @wire in LWC
@api Decorator in LWC Salesforce with Example | Public Property in LWC
@track Decorator in LWC Salesforce with Example
@wire Decorator in LWC Salesforce with Example
Use of @wire Decorator / Adapter to call Apex Class Method from LWC
Decorate Function with @wire Decorator in LWC Salesforce

HTML Template Data Binding

Use querySelector() to Fetch Data in LWC | HTML Template Data Binding
Use querySelectorAll to fetch Data in LWC | HTML Template Data Binding

How To Create Lightning App Page in Salesforce

How To Create Lightning App Page in Salesforce

Data Communication in LWC Components | Message Passing in LWC Components

Data Communication in LWC Components | Message Passing in LWC Components
Data Communication From Parent to Child LWC Component | Message Passing
Data Communication From Child to Parent LWC Component | Message Passing
How to pass multiple values from Child component to Parent component in LWC

Lightning Message Service

Lightning Message Service for Data Communication between unrelated LWC Component
Lightning Message Service for passing multiple values between components

Salesforce LWC Real Time Project

Salesforce LWC Real Time Project Part 1 | Lightning Web Components Live Project
Salesforce LWC Real Time Project Part 2 | Child-Parent & Parent-Child Data Pass
Salesforce LWC Real Time Project Part 3 | Lightning Data Table
Salesforce LWC Real Time Project Part 4 | @wire Decorator Adapter to call Apex
Salesforce LWC Real Time Project Part 5 | Lightning Message Service
Salesforce LWC Real Time Project Part 6 | Imperative Apex Method Call | Async
Salesforce LWC Real Time Project Part 7 | Modal Popup | Lightning Data Service
Add-On Information:

  • Course Overview

    • Embark on a transformative journey into the cutting-edge world of Salesforce Lightning Web Components (LWC), a modern and highly performant framework for building dynamic user interfaces on the Salesforce platform.
    • This comprehensive program goes beyond theoretical knowledge, immersing you in the practical application of LWC through a real-time, end-to-end live project.
    • Gain a deep understanding of the LWC architecture, best practices, and advanced techniques that empower you to create scalable and maintainable custom solutions.
    • From foundational concepts to sophisticated integrations, this course equips you with the skills to excel in modern Salesforce development.
  • Target Audience

    • Aspiring and existing Salesforce Developers looking to master the latest UI technology.
    • Salesforce Administrators seeking to enhance their development capabilities and build more complex solutions.
    • Front-end Developers transitioning to the Salesforce ecosystem who want to leverage their existing JavaScript, HTML, and CSS skills.
    • Individuals aiming to build a strong portfolio with a substantial, real-world Salesforce project.
  • Requirements / Prerequisites

    • A foundational understanding of JavaScript, including modern ES6+ features.
    • Familiarity with core HTML and CSS concepts.
    • Basic knowledge of the Salesforce platform, including its architecture and common functionalities.
    • A willingness to learn and actively participate in coding exercises and project development.
  • Skills Covered / Tools Used

    • Lightning Web Component Architecture: Understand the underlying principles, lifecycle hooks, and component communication patterns.
    • Modern JavaScript Frameworks: Apply your JavaScript expertise within the LWC context, utilizing features like modules and classes.
    • Component Reusability and Composition: Learn to design and build modular components that can be easily reused across different parts of an application.
    • Data Binding and Reactive Programming: Master techniques for efficiently displaying and updating data in your LWC components.
    • Salesforce Platform APIs: Leverage platform APIs for data retrieval, manipulation, and interaction within LWC.
    • Salesforce CLI (SFDX): Utilize the command-line interface for efficient development, deployment, and testing.
    • VS Code with Salesforce Extensions: Work with a professional Integrated Development Environment (IDE) tailored for Salesforce development.
    • HTML Templates and JavaScript Controllers: Understand the separation of concerns between the UI and logic.
    • Styling and Theming: Implement custom styles and adhere to Salesforce Lightning Design System (SLDS) principles for a consistent user experience.
    • Testing Strategies: Explore unit testing and integration testing methodologies for LWC.
    • Version Control (e.g., Git): Understand best practices for managing code changes throughout the development lifecycle.
    • Leveraging AI for Development: Integrate cutting-edge AI tools to accelerate code generation, debugging, and problem-solving.
  • Benefits / Outcomes

    • Build a Robust Portfolio Project: Graduate with a tangible, fully functional Salesforce LWC application that showcases your development prowess to potential employers.
    • Enhanced Career Prospects: Acquire in-demand skills that are highly sought after in the Salesforce ecosystem, opening doors to exciting job opportunities.
    • Deep Practical Understanding: Move beyond theoretical concepts to gain a profound, hands-on understanding of LWC development through a guided project.
    • Problem-Solving Acumen: Develop the ability to analyze complex requirements and translate them into efficient and elegant LWC solutions.
    • Confident Interview Preparedness: Gain insights into common interview questions and develop strategies to articulate your knowledge and experience effectively.
    • Efficient Development Workflow: Master tools and techniques that streamline the development process, leading to faster and more effective project delivery.
    • Contribution to Modern Salesforce Applications: Be equipped to build the next generation of user-friendly and performant applications on the Salesforce platform.
  • PROS

    • Hands-on Project Focus: The live project component is a significant differentiator, providing practical, real-world experience.
    • Modern Technology Stack: Focuses on LWC, the current and future of Salesforce UI development.
    • AI Integration: Introduces valuable, modern development aids.
    • Comprehensive Learning: Covers a wide spectrum of LWC functionalities and best practices.
    • Interview Readiness: Explicitly prepares students for job market challenges.
  • CONS

    • Steep Learning Curve: For individuals completely new to web development or Salesforce, the pace might be challenging without prior foundational knowledge.
Enroll for Free

πŸ’  Follow this Video to Get Free Courses on Every Needed Topics! πŸ’ 

Found It Free? Share It Fast!
Tags: ,