JELÍNEKNávody

Zdravě spát. Pohodlně bydlet.

Návody pro vibecodery

Vibecoding znamená vytvářet weby a aplikace tak, že úkol popíšete česky Claudovi — místo psaní kódu mu zadáváte, co má udělat. Návody jsou určené kolegům z konstrukce, marketingu, personálního i managementu. Nic z toho nevyžaduje umět programovat.

Začít od nuly Kuchařka promptů

Nikdy nevkládejte hesla, tokeny ani citlivá data do chatu s Claudem. Přečtěte si kapitolu Bezpečnost.

Cesta začátečníka

Doporučené pořadí čtení napříč všemi sekcemi — od založení účtů až po nasazení první aplikace na web.

  1. Účty

    Vytvoříte si účet na GitHubu, přidáte se do firemní organizace a založíte si účet Claude.

  2. Instalace

    Nainstalujete si Git, GitHub CLI, Node.js a Claude Desktop na svůj počítač.

  3. Přihlášení

    Přihlásíte se přes příkazovou řádku do GitHubu a nastavíte si jméno a e-mail pro Git.

  4. Kontrola

    Pomocí pár příkazů ověříte, že je vše nainstalované a funguje správně.

  5. Git a GitHub

    Pochopíte základní pojmy jako repozitář, commit, push a pull request.

  6. Od kódu k webu

    Zjistíte, jak se z kódu na vašem počítači stane fungující web na internetu.

  7. Bezpečnost

    Naučíte se, jaké informace do chatu s Claudem nikdy nepatří.

  8. Rozhraní Claude Code

    Prohlédnete si okno záložky Code v Claude Desktop a vyzkoušíte první zadání.

  9. První aplikace

    Popíšete Claudovi svůj nápad a společně vytvoříte první jednoduchou aplikaci.

  10. Živý náhled

    Spustíte si aplikaci na svém počítači a uvidíte změny hned, jak je uděláte.

  11. Deploy

    Nasadíte hotovou aplikaci na web, aby ji viděli i ostatní.

Setup

Účty, instalace nástrojů a přihlášení — než začnete, vše na Macu i Windows.

01

Účty

Založení GitHub účtu, pozvánka do firemní organizace, dvoufaktorové ověření a účet Claude.

 02

Instalace

Instalace Gitu, GitHub CLI, Node.js a Claude Desktop na macOS i Windows.

 03

Přihlášení

Přihlášení přes příkazovou řádku, nastavení jména a e-mailu pro Git a spuštění Claude Desktop.

 04

Kontrola

Checklist příkazů, kterými ověříte, že je vše správně nainstalované.

Pojmy

Git, GitHub a cesta od kódu k webu vysvětlené na jednoduchých schématech.

01

Git a GitHub

Repozitář, commit, push, pull, branch a pull request na jednoduchých schématech.

 02

Od kódu k webu

Co je server, localhost a deploy — cesta od kódu na počítači k adrese na internetu.

 03

Slovníček

Abecední přehled pojmů z celého webu s odkazy na příslušné kapitoly.

 04

Bezpečnost

Co nikdy nepatří do chatu s Claudem a jak zacházet s hesly a tokeny.

Claude Code

Rozhraní, sessions, modely a osvědčené prompty ke zkopírování.

01

Rozhraní

Okno záložky Code, výběr projektu a založení nové session.

 02

Sessions a kontext

Kdy začít novou session, co je kontext a k čemu slouží soubor CLAUDE.md.

 03

Modely a úsilí

Rozdíl mezi modely Opus, Sonnet a Haiku a kdy zvolit vyšší úsilí.

 04

Změny a diff

Jak si prohlédnout, co Claude změnil, a jak se vrátit k předchozí verzi.

 05

Kuchařka promptů

Osvědčené prompty ke zkopírování — náhled webu, nasazení, vrácení změny.

 06

MCP

Co je MCP a jak se Claude propojí s firemními daty.

První projekt

Od nápadu přes živý náhled až po nasazení aplikace na firemní web.

01

První aplikace

Od nápadu přes zadání Claudovi až po první commit a repozitář na GitHubu.

 02

Živý náhled

Spuštění aplikace na počítači a okamžité promítnutí každé změny.

 03

Firemní komponenty

Sdílené komponenty ve stylu značky JELÍNEK, které Claude umí použít.

 04

Deploy

Nasazení hotové aplikace na firemní subdoménu a ověření, že web žije.

 05

Spolupráce a problémy

Práce více lidí na jednom repozitáři a řešení běžných potíží.