Vibe Coding Tutorial kwa Wanaoanza: Jinsi ya Kuanza, Hatua kwa Hatua

Vibe coding kwa wanaoanza inakuja kwenye hatua tano: chagua zana inayoendesha app kwa ajili yako, eleza app moja ndogo kwa maneno ya kawaida, jaribu kama mtumiaji, omba marekebisho moja kwa wakati, na chapisha ikifanya kazi. Hauhitaji kujua kuandika code. Mafunzo haya yanapitia kila hatua kwa mradi halisi wa kwanza, prompts halisi za kuandika, na makosa ambayo karibu kila mwanzaji hufanya katika wiki yake ya kwanza.

Ikiwa unataka msingi kwanza, soma vibe coding ni nini, ambapo neno lilitoka na kwa nini watu wanabishana kulihusu. Ukurasa huu ni upande wa vitendo.

Unachohitaji kabla ya kuanza

Kidogo kuliko unavyofikiri:

• Kivinjari na akaunti kwenye zana ya vibe coding. Wanaoanza wanapaswa kuchagua AI app builder, inayoandika code, kuiendesha na kuihost, badala ya coding assistant inayotaka wewe usimamie faili na seva wenyewe.
• Wazo moja dogo. Si startup yako kubwa. Zana kwa mtu mmoja (wewe) yenye skrini moja au mbili.
• Saa moja au mbili bila kusumbuliwa. Kikao cha kwanza kinakufundisha mdundo.

Hiyo ndiyo yote. Hakuna usakinishaji, hakuna kozi ya programu, hakuna terminal.

Zana ipi ya kuchagua ukiwa mwanzaji

Zana ina umuhimu mdogo kuliko tabia, lakini inapaswa kufanya mambo matatu: kuonyesha live preview inapojenga, kukuwezesha kutengua mabadiliko mabaya, na kuchapisha kwenye kiungo unachoweza kushiriki. Ulinganisho wetu wa zana bora za vibe coding unaelezea chaguo kuu kwa uaminifu. Mythex ni mojawapo: unaeleza app kwenye chat, inajenga full-stack app halisi yenye live preview, inaongeza database app inapohitaji kukumbuka mambo, na kuchapisha kwa mbofyo mmoja. Free plan haihitaji kadi.

Hatua ya 1: Chagua mradi wa kwanza unaoweza kuumaliza

Wanaoanza mara nyingi wanashindwa kwa kulenga kubwa mno. Mradi mzuri wa kwanza:

• Unafaa kwako binafsi, kwa hiyo utaujaribu vizuri.
• Unakaa kwenye skrini moja au mbili.
• Unahifadhi data kidogo yako mwenyewe.
• Hauna malipo, hauna timu na hauna data nyeti ya binafsi.

Miradi mizuri ya kwanza:

Tutatumia orodha ya vitabu kwenye sehemu iliyobaki ya mafunzo haya.

Hatua ya 2: Andika prompt yako ya kwanza

Ujumbe wako wa kwanza unaweka umbo la kila kitu. Sema ni kwa ajili ya nani, inafanya nini na inapaswa kuonekanaje. Weka kwenye aya fupi.

Prompt dhaifu ya kwanza:

Nitengenezee app ya vitabu.

Prompt nzuri ya kwanza:

Jenga app ya orodha ya vitabu kwa ajili yangu. Ninaweza kuongeza kitabu chenye jina, mwandishi na hali (nataka kusoma, ninasoma, nimemaliza). Onyesha vitabu kama kadi zilizopangwa kwa hali, cha hivi karibuni kikiwa cha kwanza. Ninaweza kubadilisha hali ya kitabu au kukifuta. Iweke safi na rahisi: mandharinyuma nyeupe, rangi moja ya lafudhi, na ifanye kazi kwenye simu yangu. Hifadhi vitabu ili vibaki hapo baada ya kuonyesha upya ukurasa.

Angalia kile ambacho ya pili inafanya. Inaorodhesha sehemu, vitendo, mpangilio na kanuni moja ambayo wanaoanza husahau kila mara: hifadhi data ili iendelee kuwepo baada ya kuonyesha upya. Bila mstari huo, zana nyingi hujenga ukurasa unaoonekana kumaliza lakini unasahau kila kitu ukiupakia tena.

Kwa mahali pengine pa kuanzia, angalia karatasi yetu ya prompts za vibe coding.

Omba mpango ukiwa na shaka

Ikiwa huna uhakika jinsi ya kuelezea kitu, mwombe AI ipange kabla ya kujenga:

Kabla ya kujenga chochote, niambie kwa maneno rahisi ni skrini zipi utatengeneza, ni data gani utahifadhi na chochote unachohitaji nikuamulie.

Kwenye Mythex, hii ndiyo kazi ya hali ya Plan: agent inaeleza mbinu, nawe unaidhinisha kabla faili yoyote haijabadilika.

Hatua ya 3: Jaribu kama mtumiaji, si kama aliyeijenga

Preview ikionekana, usiishie kuivutia. Itumie:

1. Ongeza vitabu vitatu, pamoja na kimoja chenye jina refu sana.
2. Badilisha hali. Je, kadi inahamia kundi sahihi?
3. Onyesha ukurasa upya. Je, vitabu bado viko hapo?
4. Jaribu kuongeza kitabu chenye jina tupu. Nini kinatokea?
5. Fungua preview kwenye simu yako, au punguza upana wa dirisha la browser.

Andika kwa maneno rahisi kile kisicho sahihi. "Jina refu linavunja mpangilio wa kadi" ni ripoti kamili ya hitilafu. "Imevunjika" si ripoti.

Hatua ya 4: Rekebisha jambo moja kwa kila ujumbe

Hii ndiyo tabia inayotenganisha wanaomaliza na wanaokata tamaa. Tuma badiliko moja, likague, kisha tuma linalofuata.

Jina refu la kitabu "The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" linatoka nje ya kadi. Vunja majina marefu kuwa mistari miwili na ukate sehemu iliyobaki kwa "…".

Kisha:

Nikituma fomu na jina tupu, hakuna kinachotokea na hakuna ujumbe. Onyesha "Ongeza jina" chini ya sehemu na usihifadhi kitabu.

Kwa nini moja kwa moja? Ukiomba mabadiliko matano kwenye ujumbe mmoja, AI inaweza kufanya manne vizuri na kuvunja kitu kingine kimyakimya, na hutajua ni badiliko lipi lilisababisha. Hatua ndogo pia zinafanya kutengua kuwe na maana: ikiwa badiliko moja linaenda vibaya, rudi kwenye toleo lililotangulia na ujaribu ombi lililo wazi zaidi.

Kitu kikivunjika

Kitavunjika. Kila zana ya kujenga hukutana na hitilafu. Nakili maandishi kamili ya hitilafu, au eleza hasa ulichobofya na ulichokiona, kisha uyabandike tena:

Ninapobofya Delete kwenye kadi naona "Something went wrong" na kitabu kinabaki. Tafuta sababu na urekebishe. Niambie sababu ilikuwa nini.

Kuomba sababu ni muhimu. Inakufundisha jinsi apps zinavyofanya kazi, na inazuia AI kubahatisha. Mwongozo wetu wa jinsi ya kutatua app iliyojengwa na AI unaenda ndani zaidi.

Hatua ya 5: Ifanye iwe yako

Ikifanya kazi, iboreshe kwa hatua zile zile ndogo:

• "Ongeza ukadiriaji wa nyota 1 hadi 5 unaoonekana kwenye vitabu vilivyomalizika."
• "Ongeza kisanduku cha kutafuta juu ya kadi kinachochuja kwa jina au mwandishi."
• "Tumia mandharinyuma ya rangi ya krimu laini na lafudhi ya kijani kilichokolea."
• "Ongeza kihesabu juu: vitabu nilivyomaliza mwaka huu."

Kila moja ni badiliko moja, linaloweza kujaribiwa.

Hatua ya 6: Chapisha na ushiriki

Ikifanya kile unachohitaji, chapisha. Kwenye Mythex ni mbofyo mmoja, nawe unapata URL ya umma unayoweza kuifungua kwenye kifaa chochote au kumtumia rafiki. Ukitaka domain yako baadaye, hiyo ni kipengele cha Pro, na mwongozo wetu wa kuunganisha custom domain unaeleza.

Kabla ya kushiriki chochote zaidi ya marafiki wachache, soma je, vibe coding ni salama?. Kwa orodha ya kibinafsi ya vitabu, hatari ni ndogo. Kwa app ambayo watu wasiojulikana wanajisajili na kuhifadhi data, kuna ukaguzi unaohitajika kwanza.

Makosa ya kuepuka kama mwanzaji

• Kuomba kila kitu kwa mara moja. "Nijengee Goodreads" inazalisha kitu kinachoonekana kuvutia lakini kinafanya kazi vibaya. Anza na toleo dogo kabisa lenye manufaa.
• Kutojaribu kuonyesha upya. Data inayopotea ukipakia upya ndiyo mshangao mkubwa zaidi kwa wanaoanza.
• Kuandika upya ombi lako kuanzia mwanzo kila mara. Sema kile cha kubadilisha na kile cha kuweka: "Weka mpangilio, badilisha rangi tu."
• Kuamini "imerekebishwa." AI mara nyingi husema hitilafu imerekebishwa. Ikague wewe mwenyewe kila mara.
• Kubandika nywila au API keys kwenye chat. Ikiwa app yako inahitaji key ya huduma ya nje, iweke kwenye mipangilio ya secrets ya zana, kamwe kwenye ujumbe au kwenye code. Angalia jinsi ya kulinda API keys.
• Kuacha baada ya hitilafu ya kwanza. Hitilafu ni kawaida. Zibandike tena na uombe sababu.

Unachopaswa kujifunza unapoendelea

Hauhitaji kozi, lakini mawazo machache yatafanya kila ombi liwe kali zaidi. Muulize AI akueleze kwa kutumia app yako mwenyewe:

• Frontend na backend: kinachoendeshwa kwenye browser ya mgeni na kinachoendeshwa kwenye server. (Frontend vs backend)
• Database: app yako inahifadhi data wapi. (Database ni nini?)
• Authentication: app inajuaje ni nani aliyeingia.
• Secrets: funguo za siri ambazo app inazitumia na ambazo wageni hawapaswi kuziona kamwe.

Prompt nzuri kwa hili: "Eleza jinsi orodha yangu ya vitabu inavyohifadhi kitabu, kuanzia kubofya Add hadi data kuhifadhiwa. Tumia maneno rahisi na utaje faili halisi."

Miradi yako ya pili na ya tatu

Baada ya app ya kwanza, chagua kitu kigumu kidogo zaidi. Tracker ya tabia yenye chati ya kila wiki. Fomu ya booking inayokutumia barua pepe. Dashboard ndogo inayosoma Google Sheet. Mifano ya vibe coding inaonyesha aina halisi za apps pamoja na prompts zake na kilichoenda vibaya, na jinsi ya kujenga app kwa vibe coding inachukua mradi mkubwa zaidi kutoka wazo hadi app iliyochapishwa yenye watumiaji.

Ukiwa tayari kuanza, fungua AI app builder, bandika prompt ya orodha ya vitabu hapo juu, kisha uibadilishe kuwa wazo lako mwenyewe.

Maswali