Menu
Coddy logo textTech
START LEARNING
flag En iconEnglishdown icon

Circle Class Inheritance

Part of the Object Oriented Programming section of Coddy's JavaScript journey — lesson 40 of 56.

challenge icon

Challenge

Your task is to create a Circle class that inherits from the Shape class.

  1. In the file called Circle.js import the Shape class at the top: import { Shape } from './Shape.js';
  2. Create a Circle class that extends Shape and export it
  3. The constructor should take two parameters: color and radius
  4. Call super(color) to initialize the parent class
  5. Store the radius as a property: this.radius = radius
  6. Import the `Circle` class in the main file

Try it yourself

import { Shape } from './Shape.js';
// TODO:  Import the `Circle` class


// Tests
const basicShape = new Shape('red');
console.log(basicShape.describe()); // "A red shape"

const myCircle = new Circle('blue', 10);
console.log(myCircle.describe()); // Should output: "A blue shape"

All lessons in Object Oriented Programming

1Objects & The this Keyword

Quick Review: ObjectsAdding Methods to ObjectsUnderstanding the this KeywordConstructor FunctionsThe new KeywordRecap Challenge

4Methods & Managing State

Methods that modify stateMethod chaining pattern

7 Inheritance & The extends Key

InheritanceThe "is-a" RelationshipThe extends KeywordThe super() MethodInheriting Properties&MethodsRecap Challenge

10Polymorphism

What is Polymorphism?Overriding Inherited MethodsUsing superRecap Challenge

13Composition vs. Inheritance

The "has-a" vs. "is-a"The Limits of Deep InheritanceBuilding objects

2Organizing Code

What are Modules?Exporting with exportImporting with importDefault vs. Named Exports

5Encapsulation & Access

EncapsulationPublic & Private Class FieldsPrivate MethodsRecap Challenge

8Organizing OOP Code

Organize Classes into Modules

11Project: A Shape Renderer

Setup: Shape Class & ExportCircle Class InheritanceProject lessonOverriding & Area MethodProject lessonStatic Shape CounterProject lesson

14Library Management System

Designing the LibraryBook Class with CompositionProject lessonBook Author ValidationProject lesson

3Classes & Objects

What is a Class?Creating InstancesProperties and MethodsRecap Challenge

6Project: A Simple Bank Account

BankAccount ClassDeposits and WithdrawalsProject lessonBalance as Private FieldProject lesson

9Static Methods & Properties

Class-Level vs. Instance-LevelStatic PropertiesStatic Utility MethodsRecap challenge

12Getters & Setters

The get and set KeywordsComputed PropertiesValidation and Side EffectsRecap Challenge

15 Final Challenges

Game Character BuilderE-commerce Product SystemUniversity Management SystemSmart Home Device System