Angular / Basic

Angular โ€” Basic

Build a component model with explicit bindings, signals, identity, composition, and form semantics.

6 lessons ยท No account required

What you will learn

  • Explain the levelโ€™s data, lifecycle, and verification contracts.
  • Solve worked exercises and distinguish local evidence from complete application behavior.

  1. Toolchain and the component model

    Separate TypeScript checking, Angular template compilation, and browser execution, then describe a component with an explicit supported baseline.

    Start learning

  2. Templates, binding, and events

    Read a template as a view of component state, bind to the correct DOM target, and make user events explicit state transitions.

    Start learning

  3. Signals and derived state

    Model writable state and pure derivations with signals while keeping mutation, equality, and effect lifetimes explicit.

    Start learning

  4. Control flow and list identity

    Render loading, empty, and populated states deliberately, and give repeated rows a stable identity that matches the data rather than their current position.

    Start learning

  5. Inputs, outputs, and composition

    Give components a small explicit contract: receive data, emit intent, and let the owner decide how shared state changes.

    Start learning

  6. Forms and accessible interaction

    Use a typed form model with explicit validation and native labels, keeping user feedback separate from server trust and authorization.

    Start learning
Back to course