Vibe coding për fillestarë: si të nisesh, hap pas hapi

Vibe coding për fillestarë vjen në pesë hapa: zgjidh një mjet që e ekzekuton aplikacionin për ty, përshkruaj një aplikacion të vogël me fjalë të thjeshta, provoje si përdorues, kërko një rregullim në një kohë, dhe publiko kur punon. Nuk ke nevojë të dish të kodosh. Ky udhëzues ecën nëpër çdo hap me një projekt të parë të vërtetë, prompt-et e sakta që duhet të shkruash dhe gabimet që bëjnë pothuajse të gjithë fillestarët gjatë javës së parë.

Nëse dëshiron fillimisht sfondin, lexo çfarë është vibe coding, ku shpjegohet nga erdhi termi dhe pse njerëzit debatojnë për të. Kjo faqe është pjesa praktike.

Çfarë të duhet para se të nisësh

Më pak nga sa mendon:

• Një shfletues dhe një llogari në një mjet vibe coding. Fillestarët duhet të zgjedhin një ndërtues aplikacionesh me AI, që shkruan kodin, e ekzekuton dhe e host-on, në vend të një asistenti kodimi që pret nga ti të menaxhosh vetë skedarët dhe serverat.
• Një ide të vogël. Jo startup-in tënd. Një mjet për një person (ty) me një ose dy ekrane.
• Një orë ose dy pa ndërprerje. Seanca e parë të mëson ritmin.

Kjo është gjithë. Pa instalime, pa kurs programimi, pa terminal.

Cilin mjet të zgjedhësh si fillestar

Mjeti ka më pak rëndësi se zakonet, por duhet të bëjë tri gjëra: të shfaqë një pamje paraprake live ndërsa ndërton, të të lejojë të zhbësh një ndryshim të keq dhe të publikojë në një lidhje që mund ta ndash. Krahasimi ynë i mjeteve më të mira vibe coding mbulon opsionet kryesore me ndershmëri. Mythex është një prej tyre: përshkruan aplikacionin në chat, ai ndërton një aplikacion të vërtetë full-stack me pamje paraprake live, shton një bazë të dhënash kur aplikacioni ka nevojë të mbajë mend gjëra, dhe publikon me një klik. Plani Free nuk kërkon kartë.

Hapi 1: Zgjidh një projekt të vogël që mund ta përfundosh

Fillestarët zakonisht dështojnë duke synuar shumë lart. Një projekt i mirë i parë:

• Është i dobishëm për ty personalisht, kështu që do ta testosh me kujdes.
• Përshtatet në një ose dy ekrane.
• Ruan një sasi të vogël të dhënash të tuat.
• Nuk ka pagesa, nuk ka ekipe dhe nuk ka të dhëna personale të ndjeshme.

Projekte të mira të para:

Në pjesën e mbetur të këtij udhëzuesi do të përdorim listën e leximit.

Hapi 2: Shkruaj prompt-in e parë

Mesazhi i parë vendos formën e gjithçkaje. Thuaj për kë është, çfarë bën dhe si duhet të duket. Mbaje në një paragraf të shkurtër.

Një prompt i parë i dobët:

Më bëj një aplikacion librash.

Një prompt i parë i mirë:

Ndërto një aplikacion listë leximi për mua. Mund të shtoj një libër me titull, autor dhe status (dua ta lexoj, po e lexoj, e kam mbaruar). Shfaq librat si karta të grupuara sipas statusit, më të rejat e para. Mund të ndryshoj statusin e një libri ose ta fshij. Mbaje të pastër dhe të thjeshtë: sfond i bardhë, një ngjyrë theksi, që funksionon në telefonin tim. Ruaji librat që të jenë akoma aty pas rifreskimit.

Vër re çfarë bën e dyta. Liston fushat, veprimet, paraqitjen dhe një rregull që fillestarët e harrojnë gjithmonë: ruaji të dhënat që të mbijetojnë një rifreskim. Pa atë rresht, shumë mjete ndërtojnë një faqe që duket e përfunduar, por harron gjithçka kur rifreskohet.

Për më shumë pika nisjeje, shih fletën me prompt-e vibe coding.

Kërko një plan kur nuk je i sigurt

Nëse nuk je i sigurt si ta përshkruash diçka, kërko që AI-ja të planifikojë përpara se të ndërtojë:

Përpara se të ndërtosh ndonjë gjë, më thuaj me fjalë të thjeshta çfarë ekranesh do të bësh, çfarë të dhënash do të ruash dhe çfarë duhet të vendos unë.

Në Mythex, pikërisht për këtë shërben modaliteti Plan: agjenti e paraqet qasjen dhe ti e miraton përpara se të ndryshojë ndonjë skedar.

Hapi 3: Testo si përdorues, jo si ai që e ndërtoi

Kur shfaqet pamja paraprake, mos thjesht e admiro. Përdoreje:

1. Shto tre libra, duke përfshirë një me titull shumë të gjatë.
2. Ndrysho një status. A lëviz karta në grupin e duhur?
3. Rifresko faqen. A janë librat akoma aty?
4. Provo të shtosh një libër me titull bosh. Çfarë ndodh?
5. Hap pamjen paraprake në telefon, ose ngushto dritaren e shfletuesit.

Shkruaj me fjalë të thjeshta çfarë nuk shkon. „Titulli i gjatë prish paraqitjen e kartës“ është një raport gabimi i përsosur. „Nuk punon“ nuk është.

Hapi 4: Rregullo një gjë për mesazh

Ky është zakoni që ndan ata që përfundojnë nga ata që braktisin. Dërgo një ndryshim, kontrolloje, pastaj dërgo tjetrin.

Titulli i gjatë „The Hitchhiker's Guide to the Galaxy: The Complete Trilogy“ del jashtë kartës. Rrokullise titujt e gjatë në dy rreshta dhe pritini pjesën tjetër me „…“.

Pastaj:

Nëse dërgoj formularin me titull bosh, nuk ndodh asgjë dhe nuk ka mesazh. Shfaq „Shto një titull“ nën fushë dhe mos e ruaj librin.

Pse një në një kohë? Kur kërkon pesë ndryshime në një mesazh, AI-ja mund t'i bëjë mirë katër dhe të prishë heshtazi diçka tjetër, dhe nuk do ta dish cili ndryshim e shkaktoi. Hapat e vegjël e bëjnë edhe zhbërjen të dobishme: nëse një ndryshim del keq, kthehu te versioni para tij dhe provo një kërkesë më të qartë.

Kur prishet diçka

Do të prishet. Çdo ndërtues ka gabime. Kopjo tekstin e saktë të gabimit, ose përshkruaj saktësisht çfarë klikove dhe çfarë pate, dhe ngjite përsëri:

Kur klikoj Fshi në një kartë, shfaqet „Diçka shkoi keq“ dhe libri mbetet. Gjej pse ndodh dhe rregulloje. Më thuaj cila ishte shkaku.

Kërkimi i shkakut ka rëndësi. Të mëson si funksionojnë aplikacionet, dhe e ndalon AI-në të hamendësojë. Udhëzuesi ynë për si të debuguar një aplikacion të ndërtuar me AI shkon më thellë.

Hapi 5: Bëje tënden

Kur punon, përmirëso me të njëjtat hapa të vegjël:

• „Shto një vlerësim me 1–5 yje që shfaqet te librat e mbaruar.“
• „Shto një kuti kërkimi mbi kartat që filtron sipas titullit ose autorit.“
• „Përdor një sfond off-white të ngrohtë dhe një theks jeshil të errët.“
• „Shto një numërues lart: librat e mbaruar këtë vit.“

Çdo kërkesë është një ndryshim i vetëm, i testueshëm.

Hapi 6: Publiko dhe ndaje

Kur bën atë që të duhet, publikoje. Në Mythex kjo është një klik, dhe merr një URL publike që mund ta hapësh në çdo pajisje ose ta dërgosh një miku. Nëse më vonë dëshiron domain-in tënd, kjo është një veçori Pro, dhe udhëzuesi ynë për lidhjen e një domain-i të personalizuar e shpjegon.

Përpara se të ndash diçka përtej disa miqve, lexo a është vibe coding i sigurt?. Për një listë leximi personale rreziku është i ulët. Për një aplikacion ku njerëz të huaj regjistrohen dhe ruajnë të dhëna, ka kontrolle që duhet t'i bësh më parë.

Gabimet e fillestarëve që duhet t'i shmangësh

• Kërkimi i gjithçkaje njëherësh. „Më bëj Goodreads“ prodhon diçka që duket mbresëlënëse dhe funksionon keq. Nis me versionin më të vogël të dobishëm.
• Mos testimi i rifreskimit. Të dhënat që zhduken pas rifreskimit janë habia më e zakonshme e fillestarëve.
• Rishkrimi i kërkesës nga e para çdo herë. Thuaj çfarë të ndryshohet dhe çfarë të mbahet: „Mbaj paraqitjen, ndrysho vetëm ngjyrat.“
• Besimi te „u rregullua“. AI-ja shpesh thotë se një gabim është rregulluar. Kontrolloje vetë çdo herë.
• Ngjitja e fjalëkalimeve ose çelësave API në chat. Nëse aplikacioni yt ka nevojë për një çelës të një shërbimi të jashtëm, vendose në cilësimet e sekreteve të mjetit, kurrë në një mesazh ose në kod. Shih si t'i mbash të sigurta çelësat API.
• Largimi pas gabimit të parë. Gabimet janë normale. Ngjiti përsëri dhe kërko shkakun.

Çfarë të mësosh gjatë rrugës

Nuk ke nevojë për kurs, por disa ide do ta bëjnë çdo kërkesë më të saktë. Kërkoji AI-së t'i shpjegojë në kontekstin e aplikacionit tënd:

• Frontend dhe backend: çfarë ekzekutohet në shfletuesin e vizitorit kundrejt asaj që ekzekutohet në server. (Frontend vs backend)
• Baza e të dhënave: ku e mban aplikacioni të dhënat. (Çfarë është një bazë të dhënash?)
• Autentikimi: si e di aplikacioni kush është dikush.
• Sekretet: çelësa privatë që përdor aplikacioni dhe që vizitorët kurrë nuk duhet t'i shohin.

Një prompt i mirë për këtë: „Shpjegomë si e ruan listën time të leximit një libër, nga klikimi i Shto deri te ruajtja e të dhënave. Përdor fjalë të thjeshta dhe referohu skedarëve reale.“

Projektet e tua të dytë dhe të tretë

Pas aplikacionit të parë, zgjidh diçka një hap më të vështirë. Një gjurmues zakonesh me grafik javor. Një formular rezervimi që të dërgon email. Një dashboard i vogël që lexon nga një Google Sheet. Shembujt e vibe coding tregojnë lloje reale aplikacionesh me prompt-et pas tyre dhe çfarë shkoi keq, dhe si të ndërtosh një aplikacion me vibe coding e ndjek një projekt më të madh nga ideja deri te një aplikacion i publikuar me përdorues.

Kur je gati të nisesh, hap ndërtuesin e aplikacioneve me AI, ngjit prompt-in e listës së leximit më sipër dhe ndrysho me idenë tënde.

Pyetje