Vibe Coding․ ինչպես գաղափարը դարձնել աշխատող նախատիպ

Ընտրեք մեկ օգտատիրոջ և մեկ խնդիր

«Ուսման համար օգտակար հավելված» գաղափարը գրեթե բոլոր որոշումները բաց է թողնում։ Սահմանեք մարդուն, իրավիճակը և գործողությունը․ սովորողը ցանկանում է իր առջև ունենալ ընթերցանության կարճ ցանկ՝ հաջորդ տեքստն ընտրելու համար։ Առաջին նախատիպի խնդիրը վերնագիր ավելացնելն ու այն ցանկում տեսնելն է։ Նախ սա բացատրեք մեկ նախադասությամբ, հետո միայն քննարկեք գույները կամ լրացուցիչ էկրանները։

Գրեք՝ որտեղից է սկսվում գործողությունը և ինչպես է մարդը հասկանալու, որ այն ավարտվել է։ Մեր օրինակում սկիզբը պիտակով վերնագրի դաշտն է, ավարտը՝ ցանկում տեսանելի տարրը։ Տարրը հեռացնելը սպասարկում է նույն փոքր խնդիրը։ Հաշիվները, առաջարկությունները, համատեղ հասանելիությունը և գրացուցակը կպատասխանեին այլ հարցերի և այս վարժության մաս չեն։

Եթե դժվարանում եք ընտրել առաջին գործողությունը, թվարկեք տարբերակները և ընտրեք այն մեկը, որի արդյունքը կարող եք անմիջապես դիտարկել։ Այսպես որոշումը դառնում է ստուգելի։ Փոքր ծավալը նույնպես ուշադրություն է պահանջում․ պարզապես ավելի քիչ փոխկապակցված մասեր կան հասկանալու համար։

Առաջադրանքը նկարագրեք մինչև կոդ խնդրելը

Ընդունելի և մերժվող վարքագիծը գրեք պարզ բառերով։ Մեր ցանկում ոչ դատարկ վերնագիրը պետք է ավելանա Enter ստեղնով, դատարկ դաշտը կամ միայն բացատները չպետք է տարր ստեղծեն, իսկ վերջին տարրը հեռացնելը պետք է վերադարձնի դատարկ ցանկի հուշումը։ Անկյունային փակագծերը պետք է ցուցադրվեն որպես տեքստ։ Նշեք, որ նոր էջը սկսվում է դատարկ ցանկով, քանի որ տվյալների պահպանումն այս վարժության մեջ չկա։

Պահանջների կողքին գրանցեք նաև անհայտն ու բացառվածը։ Գուցե դեռ չգիտեք՝ ցանկը պե՞տք է հասանելի լինի տարբեր սարքերից, կամ թույլատրելի՞ են նույն վերնագրերը։ Դրանք մի դարձրեք թաքնված ենթադրություններ։ Ճշտեք, երբ ազդում են հաջորդ փոփոխության վրա, իսկ հակառակ դեպքում թողեք բաց։

Նկարագրությունը պահեք իրականացման կողքին և փոփոխությունները համեմատեք դրա հետ։ Օգտակար հարցումների ուղեցույցը կօգնի դասավորել համատեքստն ու սպասվող պատասխանը։ Այս վարժության համար բավական են հորինված գրքերի վերնագրերը․ անձնական տվյալները ուսումնական խնդրին ոչինչ չեն ավելացնում։

Օգտակար հարցումների ուղեցույցը

Խնդրեք մեկ փոքր և ստուգելի փոփոխություն

Առաջարկվող հարցում․ «Ստեղծիր ընթերցանության ցանկի գործողություն՝ պիտակով վերնագրի դաշտով, ավելացմամբ և դատարկ ցանկի հուշումով։ Enter ստեղնով ավելացրու ոչ դատարկ վերնագրերը՝ հեռացնելով եզրերի բացատները։ Յուրաքանչյուր վերնագիր ցույց տուր սովորական տեքստով և հեռացնելու գործողությամբ։ Երբ ցանկը դատարկ է, վերադարձրու հուշումը։ Տվյալները պահիր միայն էջի ընթացիկ օգտագործման ընթացքում։ Բացատրիր փոփոխված մասերը և թվարկիր չստուգվածը»։

Սա մեկնարկային առաջադրանք է, ոչ ապացույց, որ ԱԲ գործիքն այն ճիշտ է կատարել։ Այս քայլը դիտարկելուց հետո առանձին խնդրեք կոնկրետ բարելավում, օրինակ՝ մերժման ավելի հասկանալի հաղորդագրություն։ Նախորդ պահանջները պահեք համատեքստում, որպեսզի հաջորդ փոփոխությունը աննկատ չհեռացնի ստեղնաշարով աշխատանքը կամ չավելացնի տվյալների պահպանում։

Հավելումն ընդունելուց առաջ համեմատեք այն նկարագրության հետ։ Եթե արդյունքը ներառում է հաշիվներ կամ արտաքին կապ, կասեցրեք այդ հավելումը և ճշտեք անհրաժեշտությունը։ Աշխատող տարբերակը պահպանեք նախագծի գործող եղանակով, որպեսզի կարողանաք համեմատել փոփոխությունները և վերականգնվել հետընթացի դեպքում։

Դիտարկեք աշխատանքը, ոչ միայն տեսքը

GitHub-ը զգուշացնում է․ կոդի առաջարկները կարող են ճիշտ թվալ, բայց լինել անճիշտ կամ անապահով։ Մարդու դիտարկումն ու փորձարկումը պետք է հաշվի առնեն համատեքստն ու ճարտարապետությունը։ Տե՛ս պատասխանատու օգտագործման ուղեցույցը։

Կարդացեք փոփոխված մասերը և պարզեք՝ ինչպես է մուտքագրվածը հասնում ցուցադրվող արդյունքին։ Հետո ինքներդ կատարեք գործողությունները․ ուղարկեք դատարկ դաշտ, մուտքագրեք բացատներ, ավելացրեք սովորական վերնագիր, հեռացրեք այն և կրկնեք ընթացքը։ Ստուգեք՝ պիտակներն ու ֆոկուսը թույլ տալի՞ս են խնդիրը կատարել ստեղնաշարով։ Տեսանելի կոճակն ինքնին չի ապացուցում անհրաժեշտ գործողության աշխատանքը։

MDN-ը բացատրում է․ բրաուզերի վավերացումն օգնում է օգտատիրոջը տեղեկացնել, բայց չի փոխարինում սերվերային վավերացմանը, երբ տվյալներն ընդունում է սերվերը։ Տե՛ս ձևի վավերացման ուղեցույցը։

Մեր՝ միայն էջում աշխատող վարժությունն ընդունող սերվեր չունի։ Հետագայում սերվեր ավելացնելիս առանձին պետք է դիտարկել տվյալների ընդունումն ու մշակումը։ Ներկա սխալի հաղորդագրությունից չի կարելի եզրակացնել, թե այդ պաշտպանություններն արդեն կան։

պատասխանատու օգտագործման ուղեցույցը

ձևի վավերացման ուղեցույցը

Քննարկեք սահմանափակ ուսումնական օրինակը

Մեկուսացված ուսումնական փորձանմուշը ստուգեցինք բրաուզերում։ Դատարկ դաշտն ու բացատները տարր չէին ստեղծում։ Enter ստեղնը ավելացնում էր հայերեն վերնագիրը։ «<b>Sample</b>» տողը ցուցադրվում էր բառացի, ոչ որպես թավ տեքստի տարր։ Տարրերը հեռացնելիս վերադառնում էր դատարկ ցանկի հուշումը, իսկ փորձանմուշը նոր փաստաթղթում բացելիս ցանկը կրկին դատարկ էր։

Ստուգված՝ 390 և 1280 պիքսել լայնություններում հորիզոնական արտահոսք և էջի սխալներ չդիտարկվեցին։ Սրանք օգնականի պատրաստած փորձանմուշի դիտարկումներ են, ոչ արտաքին ԱԲ մշակման ծառայության արդյունքներ։ Փորձանմուշը չէր օգտագործում սերվեր, պահպանվող պահոց կամ արտաքին ցանցային կապ։

Յուրաքանչյուր դեպքի համար գրանցեք մուտքը, սպասվող վարքագիծը, դիտարկումը և արդյունքը։ Անկյունային փակագծերով դեպքը ստուգում է բառացի ցուցադրումը, ոչ անվտանգության բոլոր հատկությունները։ Երկու լայնությունները նկարագրում են միայն այդ չափերը։ Նոր էջում ցանկի դատարկվելը հաստատում է հայտարարված չպահպանելը, բայց ոչ կապի խափանման վարքագիծը․ այս վարժությունն արտաքին կապ չունի։

Նկարագրեք խափանումը, ուղղեք մեկը և կրկին ստուգեք

Խափանում նկարագրելու վարժության համար պատկերացրեք․ «Դատարկ ցանկում մուտքագրեցի երեք բացատ և սեղմեցի Enter։ Սպասում էի, որ տարր չի ավելանա և հասկանալի հաղորդագրություն կերևա։ Փոխարենը հայտնվեց դատարկ տող»։ Սա պայմանական սխալ է, ոչ մեր ստուգված փորձանմուշում դիտարկված խափանում։ Նշեք սկզբնական վիճակն ու ճշգրիտ գործողությունը, որպեսզի մեկ ուրիշը կարողանա կրկնել իրական խնդիրը։

Խնդրեք ուղղել այդ վարքագիծը՝ պահպանելով սովորական վերնագրի ավելացումն ու հեռացումը։ Դիտարկեք փոփոխությունը, կրկնեք ձախողված դեպքը և հարակից ստուգումները։ Դատարկ մուտքի ուղղումը կարող է պատահաբար արգելել իրական վերնագիրը, իսկ հեռացման փոփոխությունը՝ թաքնված թողնել դատարկ ցանկի հուշումը։

Գրանցեք մնացած անորոշությունը՝ ամբողջը վերագրել խնդրելու փոխարեն։ Եթե չեք կարող բացատրել փոխված տրամաբանությունը կամ գնահատել հետևանքները, առաջադրանքն ու կրկնվող դեպքը փոխանցեք մեկին, ով կկարողանա դիտարկել։ Սկսնակների համար ChatGPT-ի ուղեցույցը կօգնի պատրաստել ավելի հստակ ճշտող հարցումներ։

Սկսնակների համար ChatGPT-ի ուղեցույցը

Փոխանցեք փաստերն ու բաց որոշումները

Աշխատող նախատիպը պատասխանում է սահմանափակ հարցի։ Փոխանցման փաթեթում ներառեք առաջադրանքը, ընթացիկ ֆայլերը, ցուցադրելու քայլերը, կատարված ստուգումները և հայտնի սահմանափակումները։ Դիտարկված արդյունքը տարանջատեք նախատեսված վարքագծից։ Տվյալների պահպանման բացակայությունը հստակ նշեք, որպեսզի դիտարկողը ցանկի դատարկվելը չշփոթի գործող ծառայության տվյալների կորստի հետ։

Իրական ծառայության անցնելիս ավելանում են օգտատերերի, հասանելիության, տվյալների, սպասարկման և խափանումների վերաբերյալ որոշումներ։ Դրանց պետք են առանձին պահանջներ և դիտարկում։ Հաջող տեղային գործողությունը այդ հարցերը չի լուծում։ Այս ուղեցույցը կանգ է առնում ստուգելի նախատիպի վրա և առաջին կայքի հրապարակման քայլային հրահանգ չէ։

Հաջորդ քայլն ընտրեք փաստերով․ ճշտել անհասկանալի կարիքը, ուղղել կրկնված սխալը կամ խնդրել մասնագետին գնահատել ընդլայնումը։ Մասնագիտությունների ակնարկը կօգնի տեսնել ուսման ավելի լայն համատեքստը։ Vibe Coding ծրագրի բովանդակությունը համեմատեք Ձեր նպատակների հետ՝ վարժությունը դասընթացի խոստացված արդյունք չհամարելով։

Մասնագիտությունների ակնարկը

Հաճախ տրվող հարցեր