Developing Salesforce Lightning Web Components


Course Number: SF-110

Duration: 5 days (32.5 hours)

Format: Live, hands-on

Salesforce Lightning Training Overview

This Developing Salesforce® Lightning Web Components training course teaches attendees everything they need to know to begin creating Salesforce Lightning Web Components using Visual Studio Code and the Salesforce command line interface. Students also learn how to incorporate styles, navigate the Lightning Architecture, and more.

Location and Pricing

Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.

Objectives

  • Review W3C Web Components
  • Understand Lightning web component architecture
  • Incorporate Salesforce DX, Visual Studio Code and Salesforce CLI
  • Use JavaScript, CSS, and HTML/XHTML as they pertain to Lightning Web Components
  • Consume the Lightning data service
  • Debug and test web components
  • Use localization, locker service, and event handling
  • Understand Aura comparison and coexistence

Prerequisites

All students must have a strong technical background are already familiar with Apex and Visualforce or Aura Components such as Salesforce developers, OR have object-oriented development experience and are looking to quickly develop skills on Salesforce Lightning.

Outline

Expand All | Collapse All

Introduction
  • Course Overview
  • Setting up a Practice Site
VS Code Overview
  • Command Palette
  • Creating a Project
  • Connecting to Practice Site
  • Deploying to Practice Site
Lightning Component Framework Overview
  • Structure of a Lightning Web Component
    • Component Folder
    • Component HTML File
    • Component JavaScript File
    • Component Configuration File
    • Component CSS File
    • Component Tests
    • Component Namespaces
  • Examining a Lightning Web Component
    • webcomponents.dev
    • Parent and Child Components
Creating Your First Lightning Web Component
  • Create the HelloWorld Component
  • Update Component HTML File
  • Update Component JavaScript File
  • Update Component Configuration File
  • Deploy Component to Practice Site
  • Add Component to a Lightning Page
HTML Templates
  • Data Binding
  • Conditional Rendering
  • Rendering Lists
Reactivity
  • Fields
  • Public Properties
  • Reactivity and Data Types
XML Configuration File
  • Targets
  • Target Configs
  • Objects
  • Supported Form Factors
Component Reference Guide
Styling Lightning Web Components
  • Lightning Design System
  • Using CSS
Access Salesforce Resources
  • Static Resources
  • Labels
  • Internationalization
Composition
  • Compose Components
  • Set Properties on Children
  • Call Methods on Children
  • Access Component Elements
Hooks and Events
  • Lifecycle Hooks
    • constructor()
    • connectedCallback()
    • renderedCallback()
  • Events
    • Create and Dispatch Events
    • Handle Events
    • Event Best Practices
Lightning Data Service
  • Using Base Components
  • Building Custom UI Compnents
  • Display Data in a Table
Wire Service
  • Get Record Data
  • Handle Errors
Using Apex
  • Importing Methods
  • Exposing Methods to Components
  • Wiring Apex Methods
  • Import Objects and Fields
  • Calling Apex Methods Imperatively
Messenger Service
  • Create a Message Channel
  • Publish on a Message Channel
  • Subscribe and Unsubscribe on a Message Channel
Navigation
  • Basic Navigation
  • PageReference Types
Toast Messages
Streaming API
  • Push Technology
  • Bayeux Protocol and CometD
  • empApi Module
Testing Lightning Web Components
  • Install Node.js
  • Install Jest
  • Write Jest Tests
  • Run Jest Tests
Questions and Answers/Conclusion

Training Materials:

All Salesforce training students will receive comprehensive courseware.

Software Requirements:

  • Salesforce CLI installed
  • Visual Studio Code, with Salesforce Extension Pack
  • Latest version of Google Chrome browser
  • Web access to create and use a Salesforce Developer Edition practice site
  • Access to email during class to follow Salesforce verification links


Learn faster

Our live, instructor-led lectures are far more effective than pre-recorded classes

Satisfaction guarantee

If your team is not 100% satisfied with your training, we do what's necessary to make it right

Learn online from anywhere

Whether you are at home or in the office, we make learning interactive and engaging

Multiple Payment Options

We accept check, ACH/EFT, major credit cards, and most purchase orders



Recent Training Locations

Alabama

Birmingham

Huntsville

Montgomery

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

Los Angeles

Oakland

Orange County

Sacramento

San Diego

San Francisco

San Jose

Colorado

Boulder

Colorado Springs

Denver

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Jacksonville

Miami

Orlando

Tampa

Georgia

Atlanta

Augusta

Savannah

Hawaii

Honolulu

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Frederick

Hagerstown

Massachusetts

Boston

Cambridge

Springfield

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Minneapolis

Saint Paul

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Las Vegas

Reno

New Jersey

Princeton

New Mexico

Albuquerque

New York

Albany

Buffalo

New York City

White Plains

North Carolina

Charlotte

Durham

Raleigh

Ohio

Akron

Canton

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Oklahoma City

Tulsa

Oregon

Portland

Pennsylvania

Philadelphia

Pittsburgh

Rhode Island

Providence

South Carolina

Charleston

Columbia

Greenville

Tennessee

Knoxville

Memphis

Nashville

Texas

Austin

Dallas

El Paso

Houston

San Antonio

Utah

Salt Lake City

Virginia

Alexandria

Arlington

Norfolk

Richmond

Washington

Seattle

Tacoma

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Calgary

Edmonton

British Columbia

Vancouver

Manitoba

Winnipeg

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan