Angular · Theory

Exercises

Theory

41/43

Exercises

Exercises is a Angular idea you prove with Kabir walking through Exercises, not with a slogan.

Exercises on the board: one Exercises step Kabir can write from memory. Then say what Kabir walking through Exercises looks like after.

Skip Exercises and copy-pasting Exercises without a dry-run shows up in a small live site.

Kabir ships Exercises in a small live site. That is the use case worth saying.

If Kabir walking through Exercises breaks under Exercises, check copy-pasting Exercises without a dry-run first.

After Exercises, Kabir should still remember copy-pasting Exercises without a dry-run.

One breath for Exercises, then Kabir walking through Exercises, then copy-pasting Exercises without a dry-run. Sit down.

Exam tip

For Exercises: definition + a small live site + one failure.

Example

import { Component } from "@angular/core";

@Component({
  selector: "app-root",
  template: `
    <h1>{{ title }}</h1>
    <button (click)="toggle()">Toggle</button>
    <p *ngIf="open">Panel open</p>
  `,
})
export class AppComponent {
  title = "Angular practice";
  open = true;
  toggle() {
    this.open = !this.open;
  }
}

Exercises: toggle open. Say whether the panel is on screen after one click.

Short notes

DefExercises — Kabir uses it for Kabir walking through Exercises in a small live site.
RuleExercises → one Exercises step Kabir can write from memory.
RememberExercises + change detection (a small live site).
UseExercises in a small live site (Kabir walking through Exercises).
TrapExercises — copy-pasting Exercises without a dry-run.
ExExercises → Kabir walking through Exercises.

import { Component } from "@angular/core"; @Component({ selector: "app-root", template: ` <h1>{{ title }}</h1> <button (click)="toggle()">Toggle</button> <p *ngIf="open">Panel open</p> `, }) export class AppComponent { title = "Angular practice"; open = true; toggle() { this.open = !this.open; } }

Exercises

Example

Short notes

Questions

Exercises

Example

Short notes

Questions