# Завдання

Для вас вже створено абстрактний клас ``Shape``. Він містить два абстрактні методи: ``calculateArea()`` та ``calculatePerimeter()``. Ваше завдання — реалізувати два класи: ``Rectangle`` та ``Circle``. Необхідно успадкувати ці класи від абстрактного класу ``Shape`` та **перевизначити** його методи.
Ось коротка інструкція:

* Для класу ``Circle`` вам знадобиться поле `radius`, а для класу `Rectangle` — поля `width` та `height`. Ці поля та їх конструктори **вже надані для вас**. Використовуйте ці поля при перевизначенні методів.

* Якщо у вас недостатньо знань з геометрії, ось коротка довідка з потрібними формулами:
* Площа кола: **Pi * radius * radius**;
* Периметр кола: **2 * PI * radius**;
* Площа прямокутника: **width * height**;
* Периметр прямокутника: **2 * (width + height)**.

Щоб використовувати значення π (PI), скористайтеся бібліотекою ``Math``. Ви можете отримати значення π через ``Math.PI``.







<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://staging-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')">
    Підказка
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Розв'язок
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Використайте <code>@Override</code> анотацію, щоб перевизначити обидва методи з
    абстрактного класу <code>Shape</code>: <code>calculateArea()</code> та
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    Для <code>Circle</code> використовуйте <b>формули, які я згадував вище</b>.
    Щоб отримати значення π, використовуйте <code>Math.PI</code>.
  </li>
  <li>Використовуйте синтаксис <code>return "formula to calculate";</code>.</li>
  <li>
    Натисніть кнопку <b>Запустити тести</b> щоб перевірити правильність вашого розв'язку.
  </li>
</div>

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

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

// Клас Rectangle:
@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>

Ті, хто знає ООП, можуть добре програмувати. Так кажуть багато програмістів. Приготуйтеся до важливої частини вашого навчання Java, опанування якої значно підвищить ваші навички програмування загалом. Ви дізнаєтеся, як ефективно використовувати середовище розробки Java, принципи об'єктно-орієнтованого програмування (ООП) та найкращі практики ООП. Ви навчитеся робити свій код гнучким і поглибите знання раніше розглянутих тем. Почнемо!


Нарешті ми можемо розпочати вивчення об'єктно-орієнтованого програмування (ООП) у Java. Це буде складно, але я впевнений, що ви впораєтеся! У цьому розділі ми розглянемо всі принципи ООП, пояснимо, чому ООП є важливим. Ви дізнаєтеся, як наслідувати класи, перевантажувати та перевизначати методи, інкапсулювати дані від інших класів і працювати з абстракцією. Крім того, ви закріпите всі ці теоретичні концепції практичними вправами, виконуючи завдання у вашому IDE. Ви отримаєте значний обсяг знань, як практичних, так і теоретичних, тож почнемо!

У попередньому розділі ми дійшли висновку, що все об'єктно-орієнтоване програмування здебільшого базується на абстракції. Однак абстрактний клас має одну суттєву обмеженість – можна успадковувати лише один абстрактний клас. Але що робити, якщо потрібно більше?
На допомогу приходять інтерфейси. У цьому розділі ви дізнаєтеся, що таке інтерфейс, чому він необхідний, як правильно ним користуватися, а також продовжите практикувати об'єктно-орієнтоване програмування. Давайте зробимо з вас професіонала!

Завдання: Абстракція

Завдання

Awesome!

Завдання: Абстракція

Завдання