Časť 2 — Vibe coding¶
Druhá časť predmetu. Nadväzuje na webdizajn: máš navrhnutý web (cieľ, persóny, štruktúru, prototyp a design brief) — a teraz sa naučíš weby vytvárať s pomocou AI asistenta, rýchlo a bez písania kódu rukou. Na konci tejto časti svoj navrhnutý web postavíš a dáš na internet.
„Vibe coding" znamená, že AI píše kód za teba. Tvojou úlohou nie je pamätať si príkazy, ale vedieť jasne zadať, čo chceš, skontrolovať výsledok, opraviť chyby a bezpečne dostať web na internet. Presne to je zručnosť, ktorú tu získaš.
Čo budeš na konci vedieť¶
- rozprávať sa s AI o webe (pomenovať prvky, zadať zmenu, iterovať po malých krokoch),
- skontrolovať a otestovať, čo AI vyrobila — a rozpoznať, keď si niečo vymyslela,
- vrátiť sa späť, keď sa niečo pokazí (bez memorovania príkazov),
- pracovať s jednoduchým API a bezpečne s prístupovými kľúčmi,
- dať web online a poslať naň odkaz.
Bloky¶
| Blok | Téma | Čo budeš mať na konci |
|---|---|---|
| 6 | Čo je web a Style guide | pripravené prostredie + prvý výstup od AI (dizajnová referencia) |
| 7 | Web stránka (portfólio) | vlastnú osobnú stránku |
| 8 | Git a oprava chýb | zvládnutý návrat späť + opravu pokazeného webu |
| 9 | API a bezpečnosť | prevodník mien + bezpečne uložený kľúč |
| 10 | Interaktivita a nasadenie | appku v stránke + web online |
| 11 | Vlastný projekt | postavený a nasadený web podľa tvojho návrhu z časti 1 |
Než začneš
Ak si ešte nespustil pracovné prostredie, pozri Znalostná báza → Prostredie (Codespaces). A ak si nie si istý pojmami ako hlavička, hero či pätička, otvor si Prvky webstránky — to je slovník, ktorým sa budeš s AI rozprávať.