Skip to content

Latest commit

 

History

History
42 lines (34 loc) · 1.43 KB

File metadata and controls

42 lines (34 loc) · 1.43 KB

Úkol 2

Vyzkoušíme si rozdělit běžnou stránku do několika komponent.

  1. Vytvořte si repozitář ze šablony cviceni-jogini se stránkou pro začínající jóga studio.

  2. Vytvořte si nový projekt pomocí známého postupu.

  3. V oddělené složce vytvořte komponentu Header, která vytvoří hlavičku stránky. Bude očekávat svoje props v následujícím formátu.

    {
      title: 'Jogíni',
    }
  4. V další složce vytvořte komponentu Intro vytvářející úvodní text podle následujích props.

    {
      heading: 'Vítejte mezi Jogíny',
      text: `Naše lekce jsou zaměřeny na potřeby klientů, kteří mají odvahu zkusit
             něco nového. Cvičíme v pomalém tempu s podrobným slovním doprovodem.
             Postupně se seznámíte se základními principy jógy, jak přístupovat k
             sobě i ostatním. Krok za krokem objevíte a dostanete pod kontrolu
             svoje tělo, pocity a emoce.`,
    }
  5. Stejným způsobem vytvořte komponentu Pose, která vytváří HTML pro úvodní obrázek. Komponenta očekává takovéto props.

    {
      src: 'img/yoga-pose.jpg',
    }

Na konci tohoto úkolu by měl element body v souboru index.html vypadat klasicky takto.

<body>
  <div id="root"></div>
</body>

Obsah stránky by měl být vytvořen zcela pomocí komponent.