Companies Home Search Profile

Building a Real-Time Project with LWC OSS and LWR

Focused View

Salesforce troop

4:22:38

58 View
  • 1. Introduction.mp4
    01:06
  • 2.1 httpslwc.dev.html
  • 2. 1. Project Demo.mp4
    03:47
  • 3. 2. Fundamentals.mp4
    05:04
  • 4.1 Chrome.html
  • 4.2 Git.html
  • 4.3 Github Sign Up.html
  • 4.4 Nodejs.html
  • 4.5 Salesforce Sign up.html
  • 4.6 VScode.html
  • 4. 3. Prerequisites.mp4
    05:07
  • 5.1 httpsclassic.yarnpkg.comlangendocsinstall#mac-stable.html
  • 5.2 httpswww.hostinger.comtutorialshow-to-install-yarn.html
  • 5.3 Step 4 Code.zip
  • 5.4 Yarn installation.html
  • 5. 4. Project Setup.mp4
    06:08
  • 6.1 httpsdeveloper.salesforce.comdocsplatformlwrguidelwr-configure-project.html.html
  • 6. 5. Folder Structure.mp4
    06:25
  • 7.1 Step 6 Code.zip
  • 7. 6. Layout Templates.mp4
    09:37
  • 8.1 httpsdeveloper.salesforce.comdocsplatformlwrguidelwr-routing.html.html
  • 8.2 Step 7 Code.zip
  • 8. 7. Routing.mp4
    12:25
  • 9.1 httpsdeveloper.salesforce.comdocsplatformlwrguidelwr-slds.html.html
  • 9.2 httpswww.lightningdesignsystem.comcomponentsbuttons.html
  • 9.3 [email protected]
  • 9.4 Step 8 Code.zip
  • 9. 8. Adding Salesforce Lightning Design System.mp4
    16:44
  • 10.1 Step 9 - Images used in Project.zip
  • 10. 9. Navbar Creation.mp4
    13:14
  • 11.1 Step 10 Code.zip
  • 11.2 step 11 crv variants.zip
  • 11. 10. Home Page Design.mp4
    17:43
  • 12.1 Step 11 Code.zip
  • 12. 11. Car Details Component.mp4
    24:43
  • 13.1 Step 12 Code.zip
  • 13. 12. Range Selection Component.mp4
    24:57
  • 14.1 Step 13 Code.zip
  • 14.2 step 13 color css.zip
  • 14.3 step13 colors list.zip
  • 14. 13. Color Selection Component.mp4
    23:24
  • 15.1 Step 14 Code.zip
  • 15. 14. Price Footer Component.mp4
    14:20
  • 16.1 Step 15 Code.zip
  • 16. 15. Components Communication.mp4
    13:33
  • 17.1 Step 16 Code.zip
  • 17. 16. Fix Price Footer.mp4
    02:24
  • 18.1 Step 17 Code.zip
  • 18. 17. Modal Component.mp4
    11:46
  • 19.1 Step 18 Code.zip
  • 19. 18. Animate Footer Price.mp4
    05:28
  • 20.1 Git setup.html
  • 20.2 Step 19 Git Commands.html
  • 20. 19. Code Push to GitHub.mp4
    04:33
  • 21.1 Netlify.html
  • 21. 20. Code Deployment.mp4
    05:38
  • 22.1 httpsdeveloper.salesforce.comsignup.html
  • 22. 21. Salesforce Developer Account.mp4
    02:32
  • 23.1 httpswww.lightningdesignsystem.comcomponentsform-element.html
  • 23.2 Step 22 Code.zip
  • 23. 22. Lead Form Creation.mp4
    21:33
  • 24. 23. Email for Customer.mp4
    05:10
  • 25. 24. Final Deployment and Testing of Complete Journey.mp4
    04:55
  • 26. 25. Thank You.mp4
    00:22
  • Description


    Master the End-to-End Lead Generation Cycle for Car Company with LWC OSS and LWR

    What You'll Learn?


    • What is LWC OSS and LWR
    • Build interactive and responsive user interfaces: Learn how to create dynamic and engaging user interfaces using LWC OSS, leveraging its powerful features
    • Will Learn to Build Components & Reusability
    • Setting up Layout Templates
    • Server Side Routing
    • Adding Lightning Design System to project
    • Components communications
    • Animation
    • Setting up Git & GitHub and pushing code to Github
    • Lead Form Creation
    • Sending Email for Customer
    • So much more..

    Who is this for?


  • Looking for a job change in Salesforce
  • Salesforce Professionals
  • Salesforce Developers who wants to build cool project using LWC OSS
  • Willing to Learn LWC OSS & LWR
  • What You Need to Know?


  • A PC with Windows or Linux or Mac with stable internet
  • Basic knowledge of the Salesforce platform and LWC
  • Basic knowledge of HTML, CSS and JS
  • Willingness to learn & Grow
  • More details


    Description

    Are you ready to take your web development skills to the next level and dive into the world of real-time applications? In this comprehensive course, "Building a Real-Time Project with LWC OSS and LWR," you will learn how to develop a fully functional real-time project using Lightning Web Components Open Source (LWC OSS) and Lightning Web Runtime (LWR).

    Throughout this course, we will guide you through each step of building a real-time project from scratch, covering all the essential concepts and techniques you need to know. We'll start by demonstrating the final project, giving you a clear vision of what you'll be building.

    To ensure a strong foundation, we'll begin with the fundamentals, providing you with a solid understanding of LWC OSS and LWR. You'll learn about the project setup and folder structure, enabling you to organize your code effectively.

    Next, we'll delve into the core building blocks of the project. You'll discover how to create layout templates to structure your application, implement routing for seamless navigation, and integrate the Salesforce Lightning Design System to enhance the visual appeal of your project.

    With the fundamentals in place, we'll guide you through step-by-step implementation of various components. We'll start by creating a dynamic and interactive navbar, followed by designing the home page layout. You'll learn how to develop components such as Car Details, Range Selection, Color Selection, and Price Footer, allowing users to customize and explore various options.

    Effective communication between components is crucial, and you'll master this skill by understanding and implementing components communication techniques.

    As we progress, we'll address refinements and enhancements. You'll learn how to fix the Price Footer component, create a modal component for improved user experience, and add captivating animations to the footer.

    To ensure efficient collaboration and version control, we'll explore how to push your code to GitHub, allowing seamless collaboration and tracking of changes.

    Deployment is a critical aspect, and we'll guide you through the process of deploying your project and testing its functionality. You'll gain valuable insights into deploying to a Salesforce Developer Account and learn how to create a lead form and configure customer emails.

    By the end of this course, you'll be equipped with the skills and knowledge to confidently develop real-time projects using LWC OSS and LWR. You'll have hands-on experience in building a fully functional real-time application and be ready to deploy it to production.

    Enroll now and embark on a transformative journey to become a proficient real-time web developer with Lightning Web Components Open Source and Lightning Web Runtime.

    Who this course is for:

    • Looking for a job change in Salesforce
    • Salesforce Professionals
    • Salesforce Developers who wants to build cool project using LWC OSS
    • Willing to Learn LWC OSS & LWR

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Salesforce troop
    Salesforce troop
    Instructor's Courses
    I am a JavaScript and salesforce developer, have been writing and working with software for the past 6+ years. I currently live in Australia/Melbourne.If your goal is to become master in Lightning Web Component. Please take my Zero to Hero in Lightning Web Component Course.I have given many talks on Lightning Web Component to the Salesforce Community and always helping the community by building reusable components.I am Salesforce and Microsoft Certified JavaScript developer. I love Tea, music, exercise, coding and technology. See you in my course:)
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 26
    • duration 4:22:38
    • English subtitles has
    • Release Date 2023/08/14