Detail kurzu
Tvorba aplikácií s AI Vibe coding - profesionálny návrh, tvorba, optimalizácia a debugging s Claude Code aj pre neprogramátorov
IT LEARNING SLOVAKIA, s.r.o.
Popis kurzu
Predstavte si, že vytvoríte funkčnú webovú aplikáciu za pár hodín, aj keď ste nikdy neboli skúsený programátor. Alebo ste programátor a developer a Vaša práca ktorá trvala hodiny bude trvať rádovo pár minút. Znie to nereálne? Nie s umelou inteligenciou. AI-asistované programovanie (Vibe coding) mení pravidlá hry – umožňuje Vám sústrediť sa na nápady a riešenia, zatiaľ čo technické detaily – samotné programovanie, tvorbu a optimalizáciu kódu zvláda inteligentný asistent po Vašom boku. Už nie ste obmedzený tým, koľko syntaxe si pamätáte, či viete programovať v tom či inom programovacom jazyku alebo ako dlho trvá napísať každý riadok kódu. Ste architekt, ktorý komunikuje prirodzenou rečou svoje vízie a AI ich premení na funkčný kód.
Na tomto intenzívnom dvojdňovom kurze sa naučíte vyvíjať webové aplikácie s pomocou Claude Code – v súčasnosti najpokročilejšieho AI nástroja pre programovanie. Nebudete sa učiť len kódovať, ale hlavne efektívne spolupracovať s umelou inteligenciou. Nastavíte si profesionálne vývojové prostredie vo VS Code, pripojíte Claude Code k API, vysvetlíme si princípy a funkčnosti AI modelov a vytvoríte kompletnú webovú aplikáciu vrátane backendu. Pozrieme sa aj na ďalšie nástroje ako GitHub Copilot či Codex, aby ste vedeli vybrať ten správny nástroj pre každú situáciu. A čo je kľúčové – naučíte sa zodpovedne používať AI pri programovaní, rozpoznať jej limity a udržať kontrolu nad kvalitou Vášho kódu.
Je jedno, v akom jazyku a pre akú platformu chcete aplikáciu vytvoriť. Či to bude webová stránka, tvorba šablóny či pluginu pre WordPress, mobilná aplikácia, návrh SQL databázy alebo kompletný multiplatformový intranetový systém – dnes je to jedno. Dôležitý je nápad a vedieť popísať svoju požiadavku. Na školení budeme pracovať s Claude Code, ktorý podporuje modely ako Haiku, Sonnet či Opus a všetky populárne programovacie jazyky vrátane: Python, JavaScript, TypeScript, PHP, HTML, CSS, Java, C#, C, C++, Go, Ruby, Rust, Kotlin, Swift, SQL, Visual Basic, VBA, bash, PowerShell, React, Node.js a desiatky ďalších. Výstup a forma je na Vás.
Tento kurz je určený pre začínajúcich vývojárov a webdesignérov, ktorí chcú urýchliť svoj profesionálny rast, pre pokročilých vývojárov, ktorí chcú byť efektívnejší, ale aj pre vizionárov, marketérov či kreatívcov, ktorí chcú tvoriť vlastné aplikácie bez predchádzajúcich skúseností s programovaním. Za 3 dni získate praktické skúsenosti, ktoré Vám umožnia okamžite začať vytvárať vlastné projekty. Prestanete sa báť programovania a začnete sa baviť tvorením. Budúcnosť vývoja softvéru je tu – buďte jej súčasťou!
Obsah kurzu
Úvod do vibe-codingu- Úvod do vibe-codingu
- Čo je AI-asistované programovanie a prečo mení pravidlá hry
- Ako AI rozumie kódu (zjednodušene, bez technických detailov)
- Ukážka: hotový projekt vytvorený s AI za 5 minút
- Praktické cvičenie: Inštalácia prostredia a nastavenie Claude Code
- Inštalácia VS Code + kľúčové rozšírenia
- Inštalácia Claude Code cez terminál
- Pripojenie k Anthropic subscription a konfigurácia API kľúča
- Základná orientácia vo VS Code
- Praktické cvičenie: Prvá funkčná webstránka
- Vytvorenie funkčnej jednoduchej webstránky
- Vysvetlenie výstupu a diskusia
- Ako správne komunikovať s AI?
- Formulovanie požiadaviek – Čo funguje a čo nie?
- Iteratívny prístup: požiadavka → výsledok → úprava → vylepšenie
- Časté chyby začiatočníkov
- Náklady a ich sledovanie
- Príkaz /cost – priebežná kontrola výdavkov
- Ako voľba modelu ovplyvňuje cenu?
- Tipy na efektívne (a lacnejšie) používanie Claude Code
- Realistické očakávania: Koľko stojí bežná práca?
- Praktické cvičenie: Prehľad nákladov v konzole a v administračnom rozhraní
- Módy práce v Claude Code
- Plan mode – najprv myslíme, potom konáme
- Auto-edit mode – keď dôverujeme a chceme rýchlosť
- Kedy použiť ktorý mód? (praktické príklady)
- Ako prepínať medzi módmi?
- Praktické cvičenie: Tvorba plánu cez Plan mode a jeho implementácia cez Auto-edit mode
- Základné príkazy a workflow
- Základné príkazy v terminále
- Prepínanie modelov a prečo na tom záleží (rýchlejší vs. múdrejší)
- Čo robiť, keď Claude "zabudne" kontext? (compacting)
- Prerušenie práce a pokračovanie neskôr
- Praktické cvičenie: Práca s vláknami a s kontextom
- Praktické cvičenie: Vytvorenie webovej stránky, CSS štýlov a použitie jednoduchého JavaScriptu
- Vytvorenie jednoduchej webovej stránky krok za krokom
- HTML štruktúra → CSS štýly → JavaScript interaktivita
- Debugging s pomocou AI – keď niečo nefunguje
- Prečo CLAUDE.md mení všetko?
- Čo je CLAUDE.md a prečo ho používať?
- Ako AI využíva inštrukcie z tohto súboru?
- Praktické cvičenie: Tvorba súboru CLAUDE.md
- Vytvorenie CLAUDE.md pre nový projekt
- Vytvorenie CLAUDE.md pre existujúci projekt
- Optimalizácia súboru CLAUDE.md - rozdelenie inštrukcií do viacerých súborov
- Prehľad AI nástrojov
- Claude Code – silné stránky
- Prehľad modelov Claude AI (ceny, schopnosti, kedy ktorý použiť)
- Alternatívy: GitHub Copilot, Cursor, Tabnine
- Kedy aký nájstroj použiť?
- Praktické cvičenie: Využitie rôznych modelov Claude AI na generovanie kódu
- Čo AI vie a čo nie?
- Technické limity jednoducho vysvetlené
- Halucinácie – Prečo AI niekedy "vymýšľa"?
- Kedy sa spoľahnúť a kedy overiť?
- Bezpečnosť a etika
- Ochrana citlivých dát – Čo nikdy neposielať do AI?
- SOC 2 certifikácia – Čo to znamená pre vás?
- Autorské práva a licencie
- Zodpovednosť za generovaný kód
- Najlepšie praktiky
- Verziovanie kódu
- Code review AI výstupov
- Testovanie a verifikácia
- Ako si udržať kontrolu nad projektom?
- Výber projektu
- Spoločný výber projektu s účastníkmi
- Diskusia: Čo je realistické spraviť za jeden deň?
- Plánovanie s AI
- Definícia funkcionalít pomocou Claude Code
- Vytvorenie štruktúry projektu
- Príprava CLAUDE.md pre náš projekt
- Praktické cvičenie: Vytvorenie CLAUDE.md súboru pre projekt
- HTML a štruktúra
- Generovanie HTML štruktúry s Claude Code
- Sémantické HTML – Prečo na tom záleží?
- Praktické cvičenie: Vytvorenie HTML štruktúry
- CSS a dizajn
- Responzívny dizajn s pomocou AI
- Claude AI skills – frontend-design
- Moderný vzhľad bez znalosti CSS
- Praktické cvičenie: Vytvorenie moderného vzhľadu bez znalosti CSS
- JavaScript a interaktivita
- Pridanie funkcionality
- Validácia formulárov
- Práca s localStorage (ukladanie dát v prehliadači)
- Praktické cvičenie: Pridanie interaktívnych prvkov do frontendu
- Praktické cvičenie: Dokončenie kompletného frontendu
- Možnosti backendu
- Kedy je backend potrebný a kedy nie?
- Aké možnosti backendu máme k dispozícii?
- Ako funguje čistý frontend?
- Kedy a ako použiť PHP?
- Iné možnosti backendu - Serverless (Supabase, Firebase)
- Praktické cvičenie: Implementácia backendu
- Spracovanie dát
- Prepojenie frontendu s backendom
- Bezpečnostné základy
- Refactoring a optimalizácia
- Ako požiadať AI o zlepšenie kódu
- Code review s Claude Code
- Dokumentácia kódu pomocou AI
- Debugging kódu
- Efektívne debugging stratégie s AI
- Vysvetlenie chybových hlásení ľudskou rečou
- Hľadanie alternatívnych riešení
- Praktické cvičenie: Debugging a refactoring
- Príprava na nasadenie
- Kontrola kódu pred publikovaním
- Základy webhostingu – prehľad možností
- Čo je potrebné pre produkčné prostredie?
- Finalizácia projektov
- Dokončenie aplikácií účastníkmi
- Individuálne konzultácie
- Praktické cvičenie: Nasadenie webovej aplikácie na webový server
- Záver
- Zhrnutie kurzu
- Ďalšie zdroje na učenie
- Otázky a odpovede
Cieľová skupina
mierne pokročilýHodnotenie
Organizátor
Podobné kurzy
podľa názvu a lokality
