Vibe coding iesācējiem: kā sākt soli pa solim

Vibe coding iesācējiem ir pieci soļi: izvēlies rīku, kas lietotni palaiž tavā vietā, apraksti vienu mazu lietotni vienkāršos vārdos, izmēģini to kā lietotājs, lūdz vienu labojumu reizē un publicē, kad tas darbojas. Kodēt nav jāprot. Šī apmācība iet cauri katram solim ar reālu pirmo projektu, precīzām uzvednēm, ko ierakstīt, un kļūdām, ko gandrīz katrs iesācējs pieļauj pirmajā nedēļā.

Ja vispirms vēlies fonu — no kurienes nāk termins un kāpēc par to strīdas —, izlasi kas ir vibe coding. Šī lapa ir praktiskā puse.

Kas vajadzīgs pirms sākuma

Mazāk, nekā domā:

• Pārlūkprogramma un konts kādā vibe coding rīkā. Iesācējiem jāizvēlas AI lietotņu veidotājs, kas raksta kodu, palaiž to un hostē, nevis kodēšanas asistents, kas sagaida, ka tu pats pārvaldi failus un serverus.
• Viena maza ideja. Nevis tavs startups. Rīks vienam cilvēkam (tev) ar vienu vai diviem ekrāniem.
• Stunda vai divas bez traucējumiem. Pirmā sesija iemāca ritmu.

Tas arī viss. Nekādu instalēšanu, nekāda programmēšanas kursa, nekāda termināļa.

Kuru rīku izvēlēties iesācējam

Rīks ir mazāk svarīgs nekā ieradumi, bet tam vajadzētu darīt trīs lietas: rādīt tiešraides priekšskatījumu, kamēr tas veido, ļaut atcelt sliktu izmaiņu un publicēt uz saiti, ko var kopīgot. Mūsu salīdzinājums par labākajiem vibe coding rīkiem godīgi aptver galvenās iespējas. Mythex ir viens no tiem: lietotni apraksti tērzēšanā, tas veido reālu pilnvērtīgu lietotni ar tiešraides priekšskatījumu, pievieno datubāzi, kad lietotnei jāatceras dati, un publicē vienā klikšķī. Bezmaksas plānam karte nav vajadzīga.

1. solis: izvēlies pirmo projektu, ko vari pabeigt

Iesācēji parasti neizdodas, mērķējot pārāk augstu. Labs pirmais projekts:

• Ir noderīgs tev personīgi, tāpēc to pareizi pārbaudīsi.
• Ietilpst vienā vai divos ekrānos.
• Glabā nelielu daudzumu tavu datu.
• Nav maksājumu, komandu un sensitīvu personas datu.

Labi pirmie projekti:

Visā pārējā apmācībā izmantosim lasāmo grāmatu sarakstu.

2. solis: uzraksti savu pirmo uzvedni

Tava pirmā ziņa nosaka visa formu. Pasaki, kam tas paredzēts, ko tas dara un kā tam vajadzētu izskatīties. Pietiek ar īsu rindkopu.

Vāja pirmā uzvedne:

Izveido man grāmatu lietotni.

Labā pirmā uzvedne:

Izveido man lasāmo grāmatu sarakstu. Varu pievienot grāmatu ar nosaukumu, autoru un statusu (gribu lasīt, lasu, izlasīju). Rādi grāmatas kā kartītes, grupētas pēc statusa, jaunākās pirmās. Varu mainīt grāmatas statusu vai to dzēst. Padari to tīru un vienkāršu: balts fons, viena akcenta krāsa, darbojas manā tālrunī. Saglabā grāmatas, lai tās paliek pēc pārlādēšanas.

Pievērs uzmanību tam, ko dara otrā. Tā uzskaita laukus, darbības, izkārtojumu un vienu noteikumu, ko iesācēji vienmēr aizmirst: saglabā datus, lai tie izdzīvo pārlādēšanu. Bez šīs rindiņas daudzi rīki izveido lapu, kas izskatās pabeigta, bet pārlādējot aizmirst visu.

Vairāk sākuma punktu skat. mūsu vibe coding uzvedņu cheat sheet.

Lūdz plānu, kad neesi pārliecināts

Ja neesi pārliecināts, kā kaut ko aprakstīt, lūdz AI izplānot pirms veidošanas:

Pirms kaut ko veido, pastāsti man vienkāršos vārdos, kādus ekrānus izveidosi, kādus datus glabāsi un vai man vajag kaut ko izlemt.

Mythex šim ir paredzēts režīms Plan: aģents izklāsta pieeju, un tu to apstiprini, pirms mainās kāds fails.

3. solis: testē to kā lietotājs, nevis kā tas, kurš to veidoja

Kad parādās priekšskatījums, nelūkojies vien. Izmanto to:

1. Pievieno trīs grāmatas, tostarp vienu ar ļoti garu nosaukumu.
2. Maini statusu. Vai kartīte pārvietojas uz pareizo grupu?
3. Pārlādē lapu. Vai grāmatas joprojām ir tur?
4. Mēģini pievienot grāmatu ar tukšu nosaukumu. Kas notiek?
5. Atver priekšskatījumu savā tālrunī vai sašaurini pārlūka logu.

Uzraksti vienkāršos vārdos, kas nav kārtībā. „Garš nosaukums sabojā kartītes izkārtojumu“ ir perfekts kļūdas ziņojums. „Tas ir salūzis“ nav.

4. solis: labo vienu lietu katrā ziņā

Tas ir ieradums, kas atšķir tos, kas pabeidz, no tiem, kas padodas. Nosūti vienu izmaiņu, pārbaudi to, tad nosūti nākamo.

Garais nosaukums „The Hitchhiker's Guide to the Galaxy: The Complete Trilogy“ iziet ārpus kartītes. Ietin garos nosaukumus divās rindās un pārējo nogriez ar „…“.

Tad:

Ja iesniedzu veidlapu ar tukšu nosaukumu, nekas nenotiek un nav ziņojuma. Rādi „Pievieno nosaukumu“ zem lauka un nesaglabā grāmatu.

Kāpēc pa vienai? Kad vienā ziņā lūdz piecas izmaiņas, AI var labi izdarīt četras un klusi salauzt kaut ko citu, un tu nezināsi, kura izmaiņa to izraisīja. Mazi soļi arī padara atcelšanu noderīgu: ja viena izmaiņa noiet greizi, atgriezies pie versijas tieši pirms tās un mēģini skaidrāku pieprasījumu.

Kad kaut kas salūst

Tas notiks. Katrs veidotājs sastopas ar kļūdām. Nokopē precīzu kļūdas tekstu vai precīzi apraksti, uz ko noklikšķināji un ko redzēji, un ieliec atpakaļ:

Kad noklikšķinu Dzēst uz kartītes, redzu „Kaut kas nogāja greizi“, un grāmata paliek. Noskaidro, kāpēc, un izlabo. Pasaki, kāds bija cēlonis.

Prasīt cēloni ir svarīgi. Tas māca, kā lietotnes darbojas, un neļauj AI minēt. Mūsu ceļvedis par kā atkļūdot AI veidotu lietotni iet dziļāk.

5. solis: padari to par savu

Kad tas darbojas, uzlabo to tajos pašos mazajos soļos:

• „Pievieno 1–5 zvaigžņu vērtējumu, kas rādās izlasītām grāmatām.“
• „Pievieno meklēšanas lauku virs kartītēm, kas filtrē pēc nosaukuma vai autora.“
• „Izmanto siltu, gandrīz baltu fonu un tumši zaļu akcentu.“
• „Pievieno skaitītāju augšā: šogad izlasītās grāmatas.“

Katra ir viena, pārbaudāma izmaiņa.

6. solis: publicē un kopīgo

Kad tā dara, kas tev vajadzīgs, publicē to. Mythex tas ir viens klikšķis, un iegūsti publisku URL, ko var atvērt jebkurā ierīcē vai nosūtīt draugam. Ja vēlāk vēlies savu domēnu, tā ir Pro funkcija, un mūsu ceļvedis par pielāgota domēna pievienošanu to izskaidro.

Pirms kopīgo ko vairāk par dažiem draugiem, izlasi vai vibe coding ir drošs?. Personīgam lasāmo grāmatu sarakstam risks ir mazs. Lietotnei, kur svešinieki reģistrējas un glabā datus, pirms tam jāveic pārbaudes.

Iesācēju kļūdas, no kurām jāizvairās

• Prasīt visu uzreiz. „Izveido man Goodreads“ rada kaut ko iespaidīgu, kas strādā slikti. Sāc ar mazāko noderīgo versiju.
• Neizmēģināt pārlādēšanu. Dati, kas pazūd pēc pārlādēšanas, ir viens no biežākajiem iesācēju pārsteigumiem.
• Katru reizi pārrakstīt pieprasījumu no nulles. Pasaki, ko mainīt un ko saglabāt: „Saglabā izkārtojumu, maini tikai krāsas.“
• Uzticēties „tas ir salabots“. AI bieži apgalvo, ka kļūda ir salabota. Pārbaudi pats katru reizi.
• Ielīmēt paroles vai API atslēgas tērzēšanā. Ja tavai lietotnei vajag atslēgu ārējam pakalpojumam, ieliec to rīka noslēpumu iestatījumos, nekad ziņā vai kodā. Skat. kā droši glabāt API atslēgas.
• Pamest pēc pirmās kļūdas. Kļūdas ir normālas. Ieliec tās atpakaļ un lūdz cēloni.

Ko mācīties pa ceļam

Kursi nav vajadzīgi, bet dažas idejas padarīs katru pieprasījumu asāku. Lūdz AI tās paskaidrot tava paša lietotnes kontekstā:

• Frontend un backend: kas darbojas apmeklētāja pārlūkprogrammā, salīdzinājumā ar to, kas darbojas serverī. (Frontend vs backend)
• Datubāze: kur tava lietotne glabā datus. (Kas ir datubāze?)
• Autentifikācija: kā lietotne zina, kas ir kāds cilvēks.
• Noslēpumi: privātās atslēgas, ko lietotne izmanto un ko apmeklētājiem nekad nedrīkst redzēt.

Labs uzdevums šim: „Paskaidro, kā mans lasāmo grāmatu saraksts saglabā grāmatu, sākot no klikšķa uz Pievienot līdz datu saglabāšanai. Lieto vienkāršus vārdus un atsaucies uz faktiskajiem failiem.“

Tavs otrais un trešais projekts

Pēc pirmās lietotnes izvēlies kaut ko par vienu soli grūtāku. Ieraduma izsekotājs ar nedēļas diagrammu. Rezervācijas veidlapa, kas tev nosūta e-pastu. Neliels paneļa rīks, kas nolasa no Google Sheet. Mūsu vibe coding piemēri rāda reālus lietotņu veidus ar uzvednēm, kas tiem pamatā, un to, kas noiet greizi, un kā veidot lietotni ar vibe coding ved lielāku projektu no idejas līdz publicētai lietotnei ar lietotājiem.

Kad esi gatavs sākt, atver AI lietotņu veidotāju, ieliec iepriekšējo lasāmo grāmatu saraksta uzvedni un nomaini to ar savu ideju.

Jautājumi