Lesson 1: LWC Architecture, Web Standards, Project Setup, Templates, and JavaScript
Lesson Overview
This lesson develops practical skills in lwc architecture, web standards, project setup, templates, and javascript for Salesforce Lightning Web Components (DEX602).
Topics Covered
Lightning Web Components architecture, Shadow DOM concepts, Lightning Locker or Web Security, and modules
Salesforce DX project, VS Code, CLI, scratch org concepts, folders, metadata, and deployment
HTML templates, directives, expressions, iteration, conditional rendering, and slots
CSS scoping, SLDS, styling hooks, static resources, and responsive design
Component creation, configuration targets, and initial testing
Practical Activity
Configure or analyze a scenario involving lightning web components architecture, shadow dom concepts, lightning locker or web security, and modules.
Build and validate an exercise covering salesforce dx project, vs code, cli, scratch org concepts, folders, metadata, and deployment and html templates, directives, expressions, iteration, conditional rendering, and slots.
Use tests, logs, reports, or documentation to verify component creation, configuration targets, and initial testing.
Key Takeaways
Explain lightning web components architecture, shadow dom concepts, lightning locker or web security, and modules in the context of Salesforce Lightning Web Components (DEX602).
Apply practical methods for salesforce dx project, vs code, cli, scratch org concepts, folders, metadata, and deployment and html templates, directives, expressions, iteration, conditional rendering, and slots.
Test, document, and troubleshoot component creation, configuration targets, and initial testing.
