Solution: TypeScript Inheritance

Explore how TypeScript inheritance works by examining an abstract Shape class and its subclasses Circle, Square, and Triangle. Understand implementation of abstract methods and calculate areas, helping you structure Angular applications more effectively using object-oriented principles.

We'll cover the following...

Explanation

TypeScript 4.9.5

abstract class Shape {
  constructor(public name: string) {}
  abstract calculateArea(): number;
}

class Circle extends Shape {
  constructor(public radius: number, name: string) {
    super(name);
  }
  calculateArea(): number {
    return Number((Math.PI * this.radius ** 2).toFixed(2));
  }
}

class Square extends Shape {
  constructor(public sideLength: number, name: string) {
    super(name);
  }
  calculateArea(): number {
    return this.sideLength ** 2;
  }
}

class Triangle extends Shape {
  constructor(public base: number, public height: number, name: string) {
    super(name);
  }
  calculateArea(): number {
    return 0.5 * this.base * this.height;
  }
}

1.Getting Started

2.Building Our First Angular Application

3.Introduction to TypeScript

4.Organizing Applications into Modules

5.Enabling User Experience with Components

6.Enrich Applications Using Pipes and Directives

7.Managing Complex Tasks with Services

8.Being Reactive Using Observables and RxJS

9.Communicating with Data Services over HTTP

10.Navigating through Application with Routing

11.Collecting User Data with Forms

12.Introduction to Angular Material

Project

13.Unit Test an Angular Application

14.Bringing an Application to Production

15.Handling Errors and Application Debugging

16.Wrap Up

17.Appendix

Project

Solution: TypeScript Inheritance

Explanation