Soubory, složky a co je vlastně projekt
Základ, na kterém stojí všechno ostatní. Deset minut, které ti ušetří spoustu zmatku.
10 minlekce 21/107Ukázka zdarma
Po lekci umíš
- Víš, co je zdrojový kód a čím se liší od hotové aplikace
- Rozumíš tomu, co je „projekt“ a proč je to jen složka
- Umíš si na svém počítači najít cestu ke složce
Než něco nainstalujeme, potřebujeme si ujasnit tři pojmy. Zní to triviálně, ale právě na nich se lidé v prvním týdnu nejčastěji zaseknou.
Zdrojový kód
Když otevřeš webovou stránku, vidíš hotový výsledek. Ten výsledek vznikl z textových souborů – z instrukcí, které někdo napsal.
Důležité je slovo textové. Zdrojový kód není nic magického – jsou to obyčejné textové soubory, které si můžeš otevřít v poznámkovém bloku. Liší se jen tím, že je napsaný podle pravidel, kterým rozumí počítač.
Soubory poznáš podle přípony:
| Přípona | Co to je |
|---|---|
.html | Struktura stránky – co na ní je |
.css | Vzhled – jak to vypadá |
.js, .ts | Chování – co se stane, když na něco klikneš |
.json | Data a nastavení |
.md | Text pro lidi (dokumentace, poznámky) |
Nemusíš umět žádný z nich psát. Musíš jen vědět, že když Claude řekne „upravím styles.css“, mluví o vzhledu.
Projekt je jen složka
Tohle je věc, která překvapí skoro každého.
Projekt není žádný zvláštní objekt. Je to obyčejná složka na disku, ve které jsou soubory patřící k sobě. Nic víc.
Typický projekt vypadá takhle:
muj-web/
├── index.html ← hlavní stránka
├── styles.css ← vzhled
├── package.json ← seznam nástrojů, které projekt potřebuje
├── README.md ← popis projektu pro lidi
└── obrazky/
└── logo.pngKdyž Claude Code „otevřeš v projektu“, znamená to, že ho spustíš uvnitř téhle složky. Uvidí přesně to, co v ní je, a nic jiného.
Cesta ke složce
Cesta je adresa složky na disku. Vypadá jinak podle systému:
Na macOS a Linuxu se cesta píše lomítky dopředu, například /Users/martin/Projekty/muj-web. Začíná od kořene disku a jde po složkách dolů.
Na Windows se používá zpětné lomítko a písmeno disku, například C:\Users\Martin\Projekty\muj-web.
Cestu nemusíš psát ručně – ve všech systémech ji jde zkopírovat:
macOS
Klikni na složku pravým tlačítkem, podrž Alt a vyber „Kopírovat … jako cestu“.
Windows
Klikni na složku pravým tlačítkem a vyber „Kopírovat jako cestu“.
Nejjednodušší varianta
Napiš v terminálu
cd(s mezerou na konci) a přetáhni složku myší do okna terminálu. Cesta se doplní sama. Funguje na macOS i Linuxu, na Windows ve většině terminálů také.
Skrytý soubor, o kterém budeš slyšet
Někdy uslyšíš o souborech, které začínají tečkou – například .env nebo .gitignore. Systém je běžně schovává, protože nejsou pro člověka.
Zobrazit je můžeš takhle:
- macOS: ve Finderu Cmd+Shift+.
- Windows: v Průzkumníku záložka Zobrazení → Skryté položky
Budeš to potřebovat v modulu o API a bezpečnosti, kde se souborem .env budeme pracovat.
- Vytvoř si složku pro projekty (třeba
Projektyv domovské složce). - V ní vytvoř složku
test-projekt. - Zkopíruj si cestu k ní podle návodu výše a ulož si ji někam – za chvíli ji použijeme.
- Zapni si zobrazení skrytých souborů.
Co si odnést
- Zdrojový kód jsou obyčejné textové soubory s instrukcemi.
- Projekt = složka se soubory, které patří k sobě. Nic víc.
- Claude Code vidí složku, ve které ho spustíš – proto ho spouštíš v projektu.
- Cestu ke složce nemusíš psát, dá se přetáhnout myší.
Máš to za sebou?
Označ lekci jako hotovou, ať víš, kde jsi skončil. Nic se tím neuzamkne.
Další lekceTerminál bez strachuObsah aktualizován: 21. srpna 2026