# Tarea

Se ha creado para ti una clase abstracta llamada ``Shape``. Contiene dos métodos abstractos: ``calculateArea()`` y ``calculatePerimeter()``. Tu tarea es implementar dos clases: ``Rectangle`` y ``Circle``. Debes heredar estas clases de la clase abstracta ``Shape`` y **sobrescribir** sus métodos.
Aquí tienes una breve guía:

* Para la clase ``Circle``, necesitarás campos como `radius`, y para la clase `Rectangle`, necesitarás campos como `width` y `height`. Estos campos y sus constructores **ya están proporcionados para ti**. Utiliza estos campos al sobrescribir los métodos.

* Si no tienes sólidos conocimientos de geometría, aquí tienes una referencia rápida con las fórmulas que necesitas usar:
   *  Área del círculo: **Pi * radius * radius**;
   * Perímetro del círculo: **2 * PI * radius**;
   * Área del rectángulo: **width * height**;
   * Perímetro del rectángulo: **2 * (width + height)**.

Para utilizar el valor de π (PI), haz uso de la biblioteca ``Math``. Puedes acceder al valor de π usando ``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://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')">
    Pista
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    Solución
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    Usa la <code>@Override</code> anotación para sobrescribir ambos métodos de la
    clase abstracta <code>Shape</code>: <code>calculateArea()</code> y
    <code>calculatePerimeter()</code>.
  </li>
  <li>
    Para el <code>Circle</code>, utiliza las <b>fórmulas que mencioné arriba</b>.
    Para acceder al valor de π, usa <code>Math.PI</code>.
  </li>
  <li>Usa la sintaxis <code>return "formula to calculate";</code>.</li>
  <li>
    Haz clic en el botón <b>Ejecutar Pruebas</b> para comprobar la corrección de tu solución.
  </li>
</div>

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

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

// Clase 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>

Quienes conocen POO pueden programar bien. Eso es lo que dicen muchos programadores. Prepárate para una parte importante de tu aprendizaje de Java, cuyo dominio potenciará significativamente tus habilidades de programación en general. Aprenderás a utilizar eficazmente el entorno de desarrollo de Java, los principios de la Programación Orientada a Objetos (POO) y las mejores prácticas en POO. Aprenderás a hacer tu código flexible y profundizarás en los temas tratados anteriormente. ¡Comencemos!


Finalmente, podemos comenzar a aprender Programación Orientada a Objetos (POO) en Java. Será un desafío, pero estoy seguro de que tendrás éxito. En esta sección, se cubrirán todos los principios de la POO y se explicará por qué es importante. Se aprenderá cómo heredar clases, sobrecargar y sobrescribir métodos, encapsular datos de otras clases y trabajar con abstracción. Además, todos estos conceptos teóricos se reforzarán con ejercicios prácticos, trabajando en tareas en tu IDE. Se obtendrá un amplio conocimiento, tanto práctico como teórico, así que comencemos.

En la sección anterior, concluimos que toda la Programación Orientada a Objetos se basa principalmente en la abstracción. Sin embargo, una clase abstracta tiene una limitación importante: solo se puede heredar de una clase abstracta. Pero, ¿qué sucede si necesitamos más?
Las interfaces vienen al rescate. En esta sección, aprenderás qué es una interfaz, por qué es necesaria, cómo utilizarla correctamente y continuarás practicando la Programación Orientada a Objetos. ¡Convirtámonos en profesionales!

Desafío: Abstracción

Tarea

Awesome!

Desafío: Abstracción

Tarea