Lightning Developer Kickstart Program

1. Getting Started with JavaScript

   6 lessons

   1. What is JavaScript and why it matters for LWC
   2. Understanding Web Standards and Browser Capabilities
   3. HTML Fundamentals: HyperText Markup Language
   4. HTML vs DOM: How HTML feeds into the browser to create the DOM
   5. Setting up your environment (VS Code, Salesforce CLI, Dev Hub, Scratch Org)
   6. Running JS in the browser console

2. Variables and Data Types

   8 lessons

   1. What are Variables? Understanding variable concepts
   2. Variable Declaration: let, const, and var differences
   3. General Variable Syntax and declaration patterns
   4. Variable Naming Conventions and best practices
   5. Data Types: Boolean, Number, String, and other data types
   6. Undefined: when variables have no assigned value
   7. Null: intentional absence of value
   8. Variables Exercises: hands-on practice with variable concepts

3. Operators and Expressions

   9 lessons

   1. What Are Operators? Understanding operator concepts
   2. Assignment Operator (=): assigning values to variables
   3. Arithmetic Operators I: addition, subtraction, multiplication, division
   4. Arithmetic Operators II: modulo, increment, decrement
   5. Relational Operators: comparison operators
   6. Expressions and Logical Operators: combining operators in expressions
   7. And Operator (&&): logical AND operations
   8. Or Operator (||): logical OR operations
   9. Operators Exercises: hands-on practice with operators

4. Type Coercion

   5 lessons

   1. What is Type Coercion? Automatic type conversion
   2. Equality Coercion Rules: how JavaScript converts types in comparisons
   3. Strict Equality Operator (===): comparing value and type
   4. Strict Inequality Operator (!==): strict comparison with type checking
   5. Type Coercion Exercises: understanding and avoiding coercion pitfalls

5. Control Structures and Logic

   6 lessons

   1. If Statements: basic conditional logic
   2. If/Else Statements: alternative execution paths
   3. Nested If Statements: complex conditional logic
   4. If Best Practices: writing clean, readable conditionals
   5. Switch Statements: multi-way branching
   6. Control Structure Exercises: hands-on practice with conditionals

6. Loops and Iteration

   7 lessons

   1. What are Loops? Understanding iteration concepts
   2. While Loop: conditional iteration
   3. Infinite Loop: avoiding and handling infinite loops
   4. For Loop: initialization, condition, increment pattern
   5. Break Statement: exiting loops early
   6. Continue Statement: skipping loop iterations
   7. Loop Exercises: hands-on practice with different loop types

7. Collections: Arrays, Sets, and Maps

   11 lessons

   1. What are Collections? Understanding data structures
   2. Array: ordered lists of elements
   3. Getting Array Elements: accessing array items by index
   4. Removing Array Elements: pop, shift, splice methods
   5. Set: unique value collections
   6. Getting Set Items: checking for existence and iteration
   7. Removing Set Items: delete method and clear
   8. Map: key-value pair collections
   9. Remove from Map: deleting map entries
   10. Nested Loops: loops within loops for complex data structures
   11. Collection Exercises: hands-on practice with collections

8. Functions Deep Dive

   10 lessons

   1. Hello World Function: your first function
   2. Console Logger Example: using console.log in functions
   3. Function Definition: different ways to define functions
   4. Returning a Value: using return statements
   5. Multiple Function Invocations: calling functions multiple times
   6. Function Arguments: passing data to functions
   7. Conditionally Returning Values: return statements in conditionals
   8. Returning Multiple Values: using objects and arrays
   9. Argument Passing Options: different ways to pass arguments
   10. Function Exercises: hands-on practice with functions

9. Objects and Classes

   4 lessons

   1. Objects: creating and manipulating JavaScript objects
   2. Classes: ES6 class syntax and object-oriented programming
   3. Best Practices: object and class design patterns
   4. Objects and Classes Exercises: hands-on practice with OOP concepts

10. Arrays and Objects in Action

    4 lessons

    1. Array Methods: map, filter, reduce, find
    2. Object destructuring and spread syntax
    3. Mutability vs immutability
    4. Working with JSON data

11. HTML and DOM Fundamentals

    5 lessons

    1. What is HTML? HyperText Markup Language fundamentals
    2. HTML Structure and Purpose: how HTML informs browsers what to render
    3. HTML Elements vs Tags: understanding element structure and markup
    4. Common HTML Elements: paragraphs, links, and basic structure
    5. HTML Attributes: href, type, label, and other element properties

12. Modern JavaScript Features for LWC

    11 lessons

    1. Template literals and tagged templates
    2. Classes, inheritance, and static methods
    3. Class inheritance patterns for reusable LWC base components
    4. Modules and imports/exports (ES6 modules)
    5. Promise chaining to avoid callback hell
    6. Advanced promise patterns and error handling in promise chains
    7. Promises, async/await, and error handling
    8. Destructuring assignment and spread/rest operators
    9. Optional chaining (?.) and nullish coalescing (??)
    10. Array methods and functional programming concepts
    11. Modern JavaScript patterns for LWC development

13. Hands-On Projects

    6 lessons

    1. HTML Structure and Elements Practice
    2. DOM Tree Visualization Component
    3. Character Counter Component (LWC-style)
    4. Simple calculator app
    5. To-Do list app
    6. Weather fetcher using a public API (async/await)

14. CSS Fundamentals for LWC Developers (Bonus)

    15 lessons

    1. What is CSS? Cascading Style Sheets fundamentals
    2. CSS vs HTML: how CSS styles HTML elements vs HTML structure
    3. CSS Object Model (CSSOM): how browsers process CSS
    4. CSS File Creation: creating .css files in LWC components
    5. CSS Selectors: element, class, and ID selectors
    6. CSS Classes: using the class attribute for element styling
    7. CSS Properties: color, font-size, font-family, text-align, margin
    8. CSS Values: color names, pixel values, percentages, keywords
    9. Browser Inspector for CSS: using DevTools to experiment with styles
    10. Inline Style Testing: previewing styles before implementing
    11. CSS Best Practices: organizing styles and efficient workflow
    12. LWC-Specific CSS: component-scoped styling and encapsulation
    13. Advanced CSS Concepts: nested selectors, media queries, responsive design
    14. CSS Import Methods: static resources, shared stylesheets, and @import
    15. CSS Development Workflow: fast iteration using browser tools