Under Construction

All course tracks

Frontend and browser · 30 lessons · up to 10 minutes each

Svelte

A planned Svelte path through component state, shared stores, routing, and tests.

Coming Soon

One-time purchase · USD

Choose what to unlock

Access is attached to your account after payment is verified. No subscription.

One lesson

An individual lesson

This track has no lesson ready to buy yet. Each lesson becomes available only after it is built and reviewed.

$5.00Not available yet

Full category

Svelte

Permanent access to the lessons published in this track when you buy. Future lessons are not included. 0 of 30 lessons are published; 0 are in owner review and 30 are Coming Soon.

$29.0030 lessons still in progress

Beginner

Lessons 1–10

  1. 01

    Svelte: Sketch component files and markup

    Topic: component files and markup

    Draw a small map of component files and markup in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner4 minComing Soon
  2. 02

    Svelte: Name the parts of props and events

    Topic: props and events

    Label the main pieces in props and events in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner5 minComing Soon
  3. 03

    Svelte: Trace an example of reactive state

    Topic: reactive state

    Follow one input through reactive state in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner6 minComing Soon
  4. 04

    Svelte: Compare choices for derived values and effects

    Topic: derived values and effects

    Write down one practical difference between derived values and effects in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner7 minComing Soon
  5. 05

    Svelte: Find the boundary in forms and bindings

    Topic: forms and bindings

    Mark where forms and bindings in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner8 minComing Soon
  6. 06

    Svelte: Inspect an example of snippets and composition

    Topic: snippets and composition

    Annotate a minimal example of snippets and composition in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner9 minComing Soon
  7. 07

    Svelte: Connect stores and shared state to a neighboring concept

    Topic: stores and shared state

    Show how stores and shared state in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner10 minComing Soon
  8. 08

    Svelte: Spot a failure mode in routing and loading

    Topic: routing and loading

    Describe one likely failure for routing and loading in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner3 minComing Soon
  9. 09

    Svelte: Read an official example of component tests

    Topic: component tests

    Summarize an official example of component tests in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner5 minComing Soon
  10. 10

    Svelte: Choose a use case for accessibility and compile output

    Topic: accessibility and compile output

    Match one small use case to accessibility and compile output in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Beginner6 minComing Soon

Intermediate

Lessons 11–20

  1. 11

    Svelte: Build an example with component files and markup

    Topic: component files and markup

    Create a small working example that uses component files and markup in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate4 minComing Soon
  2. 12

    Svelte: Compose props and events with another component

    Topic: props and events

    Combine props and events in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate5 minComing Soon
  3. 13

    Svelte: Configure reactive state for a small case

    Topic: reactive state

    Set up reactive state in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate6 minComing Soon
  4. 14

    Svelte: Validate inputs around derived values and effects

    Topic: derived values and effects

    Add a check around derived values and effects in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate7 minComing Soon
  5. 15

    Svelte: Use forms and bindings in a short workflow

    Topic: forms and bindings

    Add forms and bindings in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate8 minComing Soon
  6. 16

    Svelte: Refactor snippets and composition into a reusable unit

    Topic: snippets and composition

    Extract snippets and composition in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate9 minComing Soon
  7. 17

    Svelte: Exercise stores and shared state with sample data

    Topic: stores and shared state

    Run sample data through stores and shared state in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate10 minComing Soon
  8. 18

    Svelte: Observe routing and loading outputs

    Topic: routing and loading

    Capture the result of routing and loading in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate3 minComing Soon
  9. 19

    Svelte: Recover from a component tests failure

    Topic: component tests

    Handle one expected failure from component tests in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate5 minComing Soon
  10. 20

    Svelte: Document accessibility and compile output behavior

    Topic: accessibility and compile output

    Write a short usage note for accessibility and compile output in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Intermediate6 minComing Soon

Advanced

Lessons 21–30

  1. 21

    Svelte: Test a boundary around component files and markup

    Topic: component files and markup

    Add an edge-case test for component files and markup in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced4 minComing Soon
  2. 22

    Svelte: Harden props and events

    Topic: props and events

    Add the relevant access, safety, or validation control to props and events in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced5 minComing Soon
  3. 23

    Svelte: Measure reactive state

    Topic: reactive state

    Record a small baseline for reactive state in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced6 minComing Soon
  4. 24

    Svelte: Reduce cost in derived values and effects

    Topic: derived values and effects

    Change one measurable cost in derived values and effects in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced7 minComing Soon
  5. 25

    Svelte: Diagnose a forms and bindings failure

    Topic: forms and bindings

    Use an observable signal to explain a failure in forms and bindings in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced8 minComing Soon
  6. 26

    Svelte: Make snippets and composition repeatable

    Topic: snippets and composition

    Show that rerunning snippets and composition in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced9 minComing Soon
  7. 27

    Svelte: Review trade-offs in stores and shared state

    Topic: stores and shared state

    Compare two documented approaches to stores and shared state in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced10 minComing Soon
  8. 28

    Svelte: Improve routing and loading maintainability

    Topic: routing and loading

    Refine routing and loading in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced3 minComing Soon
  9. 29

    Svelte: Verify component tests end to end

    Topic: component tests

    Check that a complete small flow using component tests in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced5 minComing Soon
  10. 30

    Svelte: Audit accessibility and compile output against its source docs

    Topic: accessibility and compile output

    Check the implementation of accessibility and compile output in the context of Svelte components, reactivity, composition, and accessibility; save a short example or check that demonstrates the result.

    Advanced6 minComing Soon

Reference documentation

References support the selected track topics while its lesson content is built and reviewed progressively.

This track is a catalog outline only. Each lesson remains unavailable until it is built and personally reviewed.