Cílem je připravit si svůj osobní webový medailonek (například na úrovni jednodenního workshopu Tvořím web HTML/CSS). Soubory tvořící webovou stránku (index.html, styly, obrázky, …) uložíš do adresáře /src/main/resources/static/ tak, aby při spuštění tvé aplikace byl medailonek zobrazen na úvodní stránce.

1. Použij toto repository jako šablonu (Use this template → Create a new repository) pro vytvoření repository ve svém účtu na GitHubu.
2. Po vytvoření repository povol u repository ve svém GitHub účtu Issues. V horním menu menu pod názvem repository záložka Settings → zůstaň na stránce General → sekce Features → zaškrtni Issues. Ostatní volby mohou zůstat vypnuté.
3. Naklonuj si repository ze svého účtu na GitHubu na lokální počítač.
4. Vytvoř v projektu adresář src/main/resources a v něm /src/main/resources/static – v IntelliJ Idea klikni pravým tlačíktme myši na adresář /src/main, zvol New→Directory a zadej jméno adresáře.
5. V adresáři /src/main/resources/static/ (případně v jeho podadresářích) vytvoř/nakopíruj soubory potřebné pro web.
6. Hlavní soubor, který se bude zobrazovat v prohlížeči, musí být přímo v adresáři static a musí se jmenovat index.html. Další soubory mohou být v podadresářích.
7. Zkontroluj si v prohlížeči na adrese http://localhost:8080, že medailonek vypadá podle tvých představ.
8. Commitni svou úpravu do lokálního git repository.
9. Pushni svou úpravu do vzdáleného repository na svém účtu na GitHubu.
10. Zkontroluj na GitHubu, že se tam objevil tvůj poslední commit a že v adresáři /src/main/resources/static/ jsou všechny potřebné soubory.
11. Vlož odkaz na své repository (ve tvaru https://github.com/<tvuj-login>/j2w-ukol01) v odevzdávárně úkolů na Moje Czechitas.

Pokud později zjistíš, že je v tvém kódu nějaká chyba, nebo budeš chtít něco vylepšit, uprav své soubory lokálně a zopakuj dvojici commit a push.

Abys měla s čím experimentovat, budeš potřebovat nějaký svůj web. Může to klidně být i již existující web nebo statické webové stránky odkudkoliv. Pokud se necítíš na tvorbu vlastního webu, můžeš si klidně půjčit nějaký existující web, například http://krystufek.rolecek.cz/.

Pro psaní webu existuje na internetu spousta návodů. Můžeš zkusit třeba online kurz od Luďka Rolečka Online kurz Úvod do HTML/CSS.

Dále můžeš zkusit kurz Codecademy o základech HTML a CSS Make a Website. Je třeba vytvořit si na Codecademy účet (což doporučuju, mají spoustu bezva kurzů na úplné základy). Poslední ze čtyř lekcí – Bootstrap – můžeš s klidným svědomím )plně vynechat.

• odkaz na stránku Lekce 1
• odkaz na stránku s úkolem Lekce 1 – úkol 1