Začíname úplne od nuly. Žiadna predpripravená šablóna, žiadny stiahnutý kód — len prázdny priečinok a jeden dôležitý súbor s inštrukciami. A na konci tohto videa máte funkčnú osobnú webstránku, vlastný Git repozitár a prvý commit. Všetko bez toho, aby ste ručne napísali čo i len riadok kódu.
V prvej časti série vám ukážem, ako vibe coding vyzerá v praxi od úplného začiatku. Nie teória, ale reálne klikanie a rozprávanie sa s Claude Code, kým nevznikne hotová stránka.
Spolu si prejdeme, ako správne „naštartovať“ projekt — teda napísať Claude Code inštrukcie o technológiách, dizajne, pravidlách a bezpečnosti, ktoré určia celý ďalší smer práce. Práve tento krok väčšina ľudí podcení, a pritom rozhoduje o všetkom. Uvidíte, ako z jednoduchého popisu „chcem osobnú stránku“ vznikne reálne HTML, CSS a JavaScript a ako vibe coding prebieha naozaj: nie ako jeden dokonalý pokus, ale ako prirodzené iterácie a dolaďovanie, kým nie ste spokojný s výsledkom. Na záver necháte Claude vytvoriť Git repozitár a spraviť úplne prvý commit — bez googlenia príkazov a bez stresu z príkazového riadka.
Video je vhodné pre každého, kto chce vidieť vibe coding na reálnom príklade od A po Z, nie na umelej ukážke. Aj keď ste kód v živote nepísali, uvidíte, že webstránka sa dá postaviť aj obyčajným rozprávaním. A ak už nejaké skúsenosti máte, zaujme vás, ako Claude Code viesť efektívne a nechať ho robiť ťažkú prácu za vás.
Toto je 1. časť zo 4-dielnej série, v ktorej spolu vybudujeme kompletnú webstránku — od statického základu, cez nasadenie na GitHub, funkčný kontaktný formulár až po projekty ťahané z databázy.
Bonus: celý projekt je verejne dostupný na GitHube (https://github.com/mdobsovic/vibecoding), takže môžete kódovať so mnou, pozrieť si hotový výsledok alebo si ho rovno stiahnuť a skúšať.
Máte otázky o našich kurzoch, termínoch, financovaní cez úrad práce alebo firemnom vzdelávaní? Pomôžeme vám hneď.
Pokračovaním v chate súhlasíte so spracovaním údajov vložených do konverzácie. Ochrana osobných údajov.
Herkules AI môže robiť chyby. Overujte si informácie na tejto stránke alebo si odpoveď potvrďte na 02/4920 3080, info@itlearning.sk. Ceny sú zobrazené bez DPH, pokiaľ nie je uvedené inak. Informácie o spracovaní údajov.