Course/Module 5/Topic 3 of 3Intermediate

Classes & OOP - Practice

Put your classes & oop skills to the test with practical exercises and challenges.

50 min•By Priygop Team•Last updated: Feb 2026

Hands-On Practice

Practice makes perfect! In this section, you'll work through practical exercises that reinforce the concepts covered in this module.

Exercises

Exercise 1: Apply basic classes & oop concepts
Exercise 2: Solve intermediate-level challenges
Exercise 3: Build a mini-project using classes & oop
Exercise 4: Debug and fix common issues

Practice: Classes & OOP

Practice: Classes & OOPJavaScript⚠ 1 error

⚠ Syntax Issues (1)

Line 1: JS Error: Unexpected strict mode reserved word

💡 Check syntax near the highlighted line.

JavaScript Editor

✕ 1 errorTab = 2 spaces

// Build a simple class hierarchy
class Shape {
  constructor(public color: string) {}
  area(): number { return 0; }
  describe(): string { return `${this.color} shape, area: ${this.area()}`; }
}

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

class Rectangle extends Shape {
  constructor(color: string, public width: number, public height: number) { super(color); }
  area(): number { return this.width * this.height; }
}

const shapes: Shape[] = [new Circle("red", 5), new Rectangle("blue", 4, 6)];
shapes.forEach(s => console.log(s.describe()));

Result

Click ▶ Run to see the result

Edit the code on the left, then click Run

JavaScript|19 lines|661 chars|1 error, 0 warnings

UTF-8

Review Quiz

Next Module →

Chat on WhatsAppPriygop - Leading Professional Development Platform | Expert Courses & Interview Prep