liveBook · Manning

Workout plan

As explained in Web Components in Action

A workout plan is an ordered collection of exercises and associated duration or repetition information.

A workout plan is an ordered collection of exercises with duration or repetition information. In a browser application, it can appear beside an exercise library and grow as users select exercises. section 9.3

A browser-based workout plan can provide:

  • Playback controls that start, pause, stop, and identify the exercise active at a given elapsed time. section 14.5

Two-panel workout creator

Place an exercise library on the left and a custom workout plan on the right. Selecting an exercise adds it to the plan; the plan displays its entries and total time. A separate playback element can later overlay the application and run the exercises sequentially. section 9.3

How Web Components in Action covers it

How deep it goes
Explains component structure, exercise data, timers, and time-to-exercise lookup, but leaves complete playback source elsewhere.
Examples
Uses jump rope, jogging, pushups, pullups, chin-ups, and planks with cardio or strength metadata.
What it assumes
Assumes HTML, CSS, JavaScript modules, custom elements, and a simple web server for loading dependencies.
What you can do after
Build it from scratch as a custom-element interface and operate it through timer-backed exercise playback.
How it connects
Connects exercise libraries, web components, Shadow DOM, data models, timers, modal windows, and event-driven component interaction.

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.