Course Overview
The class will cover the following topics: W3C Web Components Lightning Web Component Architecture Salesforce DX, Visual Studio Code and Salesforce CLI JavaScript, CSS, and HTML as they pertain to Lightning Web Components Lightning Data Service Debugging and Testing Web Components Localization, Locker Service and Event Handling Aura Comparison and Coexistence As a participant in the class, each student will be given a practice learning environment to use during hands-on exercises during the class. The student will be able to use this learning environment indefinitely after the class without any additional fee. Prerequisites Programmatic Development using Apex and Visualforce in Lightning Experience (SP-DEX450) or equivalent experience with Salesforce development using Apex System Requirements Participants will be performing in-class software installations, and their computer must meet the following requirements: Ability to download and install software including the Salesforce CLI, Visual Studio Code and VS Code Extension Packs. Ability to create and access an online Salesforce Developer Hub. Ability to receive and use Salesforce verification links through their email. Latest version of Google Chrome installed and set as the default web browser.
Who Should Attend?
Developer, Architect
- Top-rated instructors: Our crew of subject matter experts have an average instructor rating of 4.8 out of 5 across thousands of reviews.
- Authorized content: We maintain more than 35 Authorized Training Partnerships with the top players in tech, ensuring your course materials contain the most relevant and up-to date information.
- Interactive classroom participation: Our virtual training includes live lectures, demonstrations and virtual labs that allow you to participate in discussions with your instructor and fellow classmates to get real-time feedback.
- Post Class Resources: Review your class content, catch up on any material you may have missed or perfect your new skills with access to resources after your course is complete.
- Private Group Training: Let our world-class instructors deliver exclusive training courses just for your employees. Our private group training is designed to promote your team’s shared growth and skill development.
- Tailored Training Solutions: Our subject matter experts can customize the class to specifically address the unique goals of your team.
Course Prerequisites
There are no prerequisites for this course.
Agenda
1 - Day 1
- Agenda & Course Overview
- Introduction to GenWatt
- Setting up a Practice Site
- Salesforce DX
- Scratch Orgs
- Setting up a Salesforce Developer Hub Org
- Salesforce CLI
- Setting up the Visual Studio Code
- Source Control Systems
- GitHub
- Working with Visual Studio Code
- Projects
- Pushing & Pulling Metadata
- Model View Controller
- Lightning Architecture
- Lightning Experience Overview
- App Launcher
- Lightning Apps
- Deploying Code to Production
- Lightning URLs
- My Domain
2 - Day 2
- Lighting App Builder
- Lightning Pages
- Lightning Tabs
- Lightning Components
- Standard Components
- Component Library
- AppExchange Components
- Lightning Component Framework
- Aura Framework
- Lightning Aura Components Overview
- Lightning Web Components
- Lightning Pages
- Record Pages
- Assigning Pages
- Buttons & Actions
- Global Actions
- Lightning Web Components Playground
- Camel & Kebab
- Building Your First Components
3 - Day 3
- Cascading Style Sheets (CSS)
- Syntax
- Selectors
- Common CSS elements
- Classes & Subclasses
- Using CSS in Components
- Classes
- Default Styles
- Design Challenge
- Salesforce Lightning Design System (SLDS)
- Building a Tile Component using (SLDS)
- CSS Tips for Components
- Moving from Playground to Scratch
- Lightning Component Apps
- Using Lightning Web Components in Aura
- Hello World App
- Component Configuration Files
- Lightning Pages & Tabs
4 - Day 4
- Importing External Style Sheets
- Public Properties
- Lightning Data Service
- lightningrecordform
- Walkthrough: lightningrecordform
- Nesting Components
- Events and Event Handling
- Walkthrough: Events / Conditional Display
- Building Complex Components
- Opportunity Detail Component
- SOQL
- Querying Relationships
5 - Day 5
- Apex
- When to use Apex
- Key Concepts
- Collections and Loops
- Retrieving Data
- DML
- Classes
- Considerations for Lightning Web Components
- Walkthrough: Apex Controller
- Walkthrough: Opportunity List Controller