# Opdracht 

Een abstracte klasse genaamd ``Shape`` is voor je aangemaakt. Deze bevat twee abstracte methoden: ``calculateArea()`` en ``calculatePerimeter()``. De opdracht is om twee klassen te implementeren: ``Rectangle`` en ``Circle``. Deze klassen moeten overerven van de abstracte klasse ``Shape`` en de methoden **overriden**.
Hier volgt een korte handleiding:

* Voor de klasse ``Circle`` zijn velden zoals `radius` nodig, en voor de klasse `Rectangle` zijn velden zoals `width` en `height` vereist. Deze velden en hun constructors zijn **al voor je aangemaakt**. Gebruik deze velden bij het overriden van de methoden.

* Indien je niet sterk bent in meetkunde, volgt hier een snel overzicht met de benodigde formules:
   *  Oppervlakte cirkel: **Pi * radius * radius**;
   * Omtrek cirkel: **2 * PI * radius**;
   * Oppervlakte rechthoek: **width * height**;
   * Omtrek rechthoek: **2 * (width + height)**.

Gebruik voor de waarde van π (PI) de ``Math``-bibliotheek. Je kunt ``Math.PI`` gebruiken om de waarde van π te benaderen.







<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/theme/dracula.min.css">


<link rel="stylesheet" href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-with-copyable-%26%3Dhighlighted-code.css">

<div class="button-container">
  <button class="button" onclick="toggleBlock6('hint-block6', 'solution-block6')">
    Hint
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Oplossing
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Gebruik de <code>@Override</code> annotatie om beide methoden van de
    abstracte klasse <code>Shape</code>: <code>calculateArea()</code> en
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    Voor de <code>Circle</code>, gebruik de <b>formules die ik hierboven heb genoemd</b>.
    Om de waarde van π te gebruiken, gebruik <code>Math.PI</code>.
  </li>
  <li>Gebruik de syntax <code>return "formula to calculate";</code>.</li>
  <li>
    Klik op de knop <b>Run Tests</b> om te controleren of je oplossing correct is.
  </li>
</div>

<div id="solution-block6" class="block solution-styling-block">
  
  <textarea id="code-6" class="language-java">
// Circle klasse:
@Override
public double calculateArea() {
    return Math.PI * radius * radius;
}

@Override
public double calculatePerimeter() {
    return 2 * Math.PI * radius;
}

// Rectangle klasse:
@Override
public double calculateArea() {
    return width * height;
}

@Override
public double calculatePerimeter() {
    return 2 * (width + height);
}</textarea>

  <button class="copy-button" onclick="handleClick6('code-6')">
    <svg width="20" height="20" x="0" y="0" viewBox="0 0 32 32" style="enable-background: new 0 0 512 512" xml:space="preserve" class="">
      <g>
        <path d="m26.121 6.707-3.828-3.828A2.98 2.98 0 0 0 20.172 2H12a3.003 3.003 0 0 0-3 3v1H8a3.003 3.003 0 0 0-3 3v18a3.003 3.003 0 0 0 3 3h12a3.003 3.003 0 0 0 3-3v-1h1a3.003 3.003 0 0 0 3-3V8.829a2.982 2.982 0 0 0-.879-2.122ZM22 5.414 23.586 7H22ZM20 28H8a1.001 1.001 0 0 1-1-1V9a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1ZM18 9.414 19.586 11H18ZM24 24h-1V12.829a2.982 2.982 0 0 0-.879-2.122l-3.828-3.828A2.98 2.98 0 0 0 16.171 6H11V5a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1Zm-6-8h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z" fill="#a6b8e6" opacity="1" data-original="#000000" class=""></path>
      </g>
    </svg>
  </button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/mode/clike/clike.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/notiflix@2.7.0/dist/notiflix-aio-2.7.0.min.js"></script>

<script>
  document.addEventListener("readystatechange", (event) => {
    if (event.target.readyState === "complete") {
      onPageLoad6();
    }
  });

  function onPageLoad6() {
    var editor = CodeMirror.fromTextArea(document.getElementById("code-6"), {
      lineNumbers: true,
      mode: "text/x-java",
      theme: "dracula",
    });

    // ----------> HIGHLIGHT <----------
    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    // Initially hide both the hint and solution blocks
    hideBlock6("hint-block6");
    hideBlock6("solution-block6");
  }

  // Copy Button handler
  const handleClick6 = (codeBlock) => {
    const textarea = document.getElementById(codeBlock);
    const copiedText = textarea.value;

    navigator.clipboard.writeText(copiedText);

    Notiflix.Notify.Success("Copied to clipboard!", {
      timeout: 2000,
      width: "260px",
      position: "center-top",
      textColor: "#ff5549",
    });
  };

  // Function to toggle the visibility of a block
  const toggleBlock6 = (blockId) => {
    const block = document.getElementById(blockId);

    if (block.style.display === "none" || block.style.display === "") {
      hideBlock6("hint-block6");
      hideBlock6("solution-block6");
      showBlock6(blockId);
    } else {
      hideBlock6(blockId);
    }
  };

  // Function to show a block
  const showBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "block";
  };

  // Function to hide a block
  const hideBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "none";
  };
</script>

Degenen die OOP beheersen, kunnen goed programmeren. Dat zeggen veel programmeurs. Bereid je voor op een belangrijk onderdeel van je Java-leertraject, waarvan het beheersen je programmeervaardigheden in het algemeen aanzienlijk zal verbeteren. Je leert hoe je de Java-ontwikkelomgeving effectief gebruikt, de principes van objectgeoriënteerd programmeren (OOP) en best practices in OOP. Je leert je code flexibel te maken en verdiept je kennis van eerder behandelde onderwerpen. Laten we beginnen!


Eindelijk kunnen we beginnen met het leren van objectgeoriënteerd programmeren (OOP) in Java. Het zal uitdagend zijn, maar ik ben ervan overtuigd dat je zult slagen. In deze sectie behandelen we alle principes van OOP en leggen we uit waarom OOP belangrijk is. Je leert hoe je klassen erft, methoden overlaadt en overschrijft, gegevens van andere klassen inkapselt en werkt met abstractie. Daarnaast versterk je al deze theoretische concepten met praktische oefeningen door te werken aan opdrachten in je IDE. Je verwerft zowel praktische als theoretische kennis, dus laten we beginnen!

In de vorige sectie hebben we geconcludeerd dat alle objectgeoriënteerd programmeren voornamelijk is gebaseerd op abstractie. Een abstracte klasse heeft echter één belangrijke beperking: je kunt slechts van één abstracte klasse erven. Maar wat als we meer nodig hebben?
Interfaces bieden uitkomst. In deze sectie leer je wat een interface is, waarom het noodzakelijk is, hoe je het correct gebruikt, en blijf je oefenen met objectgeoriënteerd programmeren. Laten we je tot een professional maken!

Uitdaging: Abstractie

Opdracht

Awesome!

Uitdaging: Abstractie

Opdracht