• 39. Adding Navigation & a Sidenav

  • 40. Working on the Sidenav and Toolbar

  • 41. Styling the Sidenav

  • 42. Making the Page Responsive

  • 43. Adding Navigation Items

  • 44. Splitting the Navigation Into Components

  • 45. Working on the Welcome Screen

  • 46. Adding a Tabs Component

  • 47. Adding some "Cards"

49. Adding a Spinner to the Training Screen

training.component.html

<mat-tab-group *ngIf="!ongoingTraining">
    <mat-tab label="New Exercise">
        <app-new-training></app-new-training>
    </mat-tab>
    <mat-tab label="Past Exercises">
         <app-past-trainings></app-past-trainings>
    </mat-tab>
</mat-tab-group>
<app-current-training *ngIf="ongoingTraining"></app-current-training>

55. Useful Resources & Links