# Aufgabe 

Eine abstrakte Klasse namens ``Shape`` wurde für Sie erstellt. Sie enthält zwei abstrakte Methoden: ``calculateArea()`` und ``calculatePerimeter()``. Ihre Aufgabe ist es, zwei Klassen zu implementieren: ``Rectangle`` und ``Circle``. Diese Klassen sollen von der abstrakten Klasse ``Shape`` erben und deren Methoden **überschreiben**.
Hier ist eine kurze Anleitung:

* Für die Klasse ``Circle`` benötigen Sie das Feld `radius`, und für die Klasse `Rectangle` die Felder `width` und `height`. Diese Felder und deren Konstruktoren sind **bereits für Sie bereitgestellt**. Verwenden Sie diese Felder beim Überschreiben der Methoden.

* Falls Sie keine fundierten Geometriekenntnisse haben, finden Sie hier eine kurze Referenz mit den benötigten Formeln:
   *  Kreisfläche: **Pi * radius * radius**;
   * Kreisumfang: **2 * PI * radius**;
   * Rechteckfläche: **width * height**;
   * Rechteckumfang: **2 * (width + height)**.

Um den Wert von π (PI) zu verwenden, nutzen Sie die ``Math``-Bibliothek. Sie können ``Math.PI`` verwenden, um auf den Wert von π zuzugreifen.







<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')">
    Hinweis
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Lösung
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Verwenden Sie die <code>@Override</code> Annotation, um beide Methoden aus der
    abstrakten Klasse <code>Shape</code>: <code>calculateArea()</code> und
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    Für den <code>Circle</code> verwenden Sie die <b>oben genannten Formeln</b>.
    Um den Wert von π zu erhalten, nutzen Sie <code>Math.PI</code>.
  </li>
  <li>Verwenden Sie die Syntax <code>return "formula to calculate";</code>.</li>
  <li>
    Klicken Sie auf den <b>Tests ausführen</b> Button, um die Korrektheit Ihrer Lösung zu überprüfen.
  </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>

Wer OOP beherrscht, kann gut programmieren. Das sagen viele Programmierer. Machen Sie sich bereit für einen wichtigen Teil Ihrer Java-Lernreise, dessen Beherrschung Ihre Programmierfähigkeiten insgesamt erheblich steigern wird. Sie lernen, wie Sie die Java-Entwicklungsumgebung effektiv nutzen, die Prinzipien der objektorientierten Programmierung (OOP) anwenden und bewährte Methoden in der OOP einsetzen. Sie werden Ihren Code flexibler gestalten und Ihr Wissen über bereits behandelte Themen vertiefen. Legen wir los!


Endlich können wir mit dem Erlernen der objektorientierten Programmierung (OOP) in Java beginnen. Es wird anspruchsvoll, aber ich bin zuversichtlich, dass Sie erfolgreich sein werden. In diesem Abschnitt werden alle Prinzipien der OOP behandelt und die Bedeutung der OOP erläutert. Sie lernen, wie Klassen vererbt, Methoden überladen und überschrieben, Daten vor anderen Klassen gekapselt und mit Abstraktion gearbeitet wird. Darüber hinaus werden Sie all diese theoretischen Konzepte durch praktische Übungen festigen und Aufgaben in Ihrer IDE bearbeiten. Sie erwerben umfassende praktische und theoretische Kenntnisse – legen wir los!

Im vorherigen Abschnitt haben wir festgestellt, dass die gesamte objektorientierte Programmierung hauptsächlich auf Abstraktion basiert. Eine abstrakte Klasse hat jedoch eine wesentliche Einschränkung – es kann nur von einer abstrakten Klasse geerbt werden. Aber was, wenn mehr benötigt wird?
Hier kommen Schnittstellen ins Spiel. In diesem Abschnitt erfahren Sie, was eine Schnittstelle ist, warum sie notwendig ist, wie sie korrekt verwendet wird, und Sie setzen die Praxis der objektorientierten Programmierung fort. Lassen Sie uns Sie zum Profi machen!

Herausforderung: Abstraktion

Aufgabe

Awesome!

Herausforderung: Abstraktion

Aufgabe