Միշտ չէ, որ ծրագրավորողը ունի հատուկ ծրագրակազմ, որի միջոցով նա աշխատում է կոդով: Եթե դա պատահել է, որ ձեզ հարկավոր է խմբագրել կոդը, և ձեռքի տակ չկա համապատասխան ծրագրակազմ, կարող եք օգտագործել անվճար առցանց ծառայություններ: Հաջորդը, մենք կխոսենք երկու նման կայքերի մասին և մանրամասն վերլուծելու ենք դրանցում աշխատանքի սկզբունքը:
Ծրագրի կոդը առցանց խմբագրում
Քանի որ այդպիսի խմբագիրների մեծ քանակ կա, և դրանք պարզապես չեն կարող դիտարկվել, մենք որոշեցինք կենտրոնանալ միայն երկու ինտերնետ ռեսուրսների վրա, որոնք ամենատարածվածն են և ներկայացնում են անհրաժեշտ գործիքների հիմնական շարքը:
Կարդացեք նաև. Ինչպե՞ս գրել ծրագիր Java- ում
Մեթոդ 1. CodePen
CodePen կայքում շատ ծրագրավորողներ կիսում են իրենց սեփական ծածկագրերը, խնայում և աշխատում են նախագծերի հետ: Ձեր հաշիվը ստեղծելու հարցում բարդ բան չկա և անմիջապես սկսեք գրել, բայց սա արվում է այսպես.
Անցեք CodePen- ին
- Բացեք CodePen կայքի գլխավոր էջը, օգտագործելով վերը նշված հղումը և անցնել նոր պրոֆիլի ստեղծմանը:
- Ընտրեք հարմար գրանցման ուղի և, տրված հրահանգներից հետո, ստեղծեք ձեր սեփական հաշիվը:
- Լրացրեք ձեր էջի մասին տեղեկատվությունը:
- Այժմ կարող եք բարձրանալ ներդիրները, ընդլայնել թռուցիկ ընտրացանկը «Ստեղծել» և ընտրեք նյութը «Ծրագիր».
- Աջ կողմում գտնվող պատուհանում կտեսնեք աջակցվող ֆայլի ձևաչափերը և ծրագրավորման լեզուները:
- Սկսեք խմբագրումը `ընտրելով կաղապարներից մեկը կամ ստանդարտ HTML5 նշումը:
- Բոլոր ստեղծված գրադարաններն ու ֆայլերը կցուցադրվեն ձախ կողմում:
- Ձախ սեղմելով օբյեկտի վրա այն ակտիվացնում է աջ կողմում գտնվող պատուհանում, ցուցադրում է ծածկագիրը:
- Ներքեւի մասում կան կոճակներ `ձեր սեփական թղթապանակներն ու ֆայլերը ավելացնելու համար:
- Ստեղծելուց հետո անվանեք օբյեկտը և պահպանեք փոփոխությունները:
- Անկացած ժամանակ, դուք կարող եք գնալ ծրագրի պարամետրերին `կտտացնելով LMB- ն «Կարգավորումներ».
- Այստեղ կարող եք գտնել հիմնական տեղեկություններ `անունը, նկարագրությունը, պիտակները, ինչպես նաև ծածկագրերի նախադիտման և տրոհման տարբերակները:
- Եթե բավարարված չեք աշխատանքային տարածքի ներկայիս տեսանկյունից, կարող եք այն փոխել ՝ կտտացնելով դրան «Փոխել տեսքը» և ընտրելով ցանկալի տեսակետը:
- Կոդի ցանկալի տողերը խմբագրելու դեպքում կտտացրեք "Save all + Run"պահպանել բոլոր փոփոխությունները և գործարկել ծրագիրը: Կազմված արդյունքը ցուցադրվում է ստորև:
- Ծրագիրը պահպանեք ձեր համակարգչում `կտտացնելով «Արտահանում».
- Սպասեք մշակմանը `արխիվը լրացնելու և ներբեռնելու համար:
- Քանի որ օգտագործողը չի կարող ունենալ մեկից ավելի գործող նախագիծ CodePen- ի անվճար տարբերակում, ապա ձեզ հարկավոր է ջնջել այն, եթե անհրաժեշտ լինի նորը ստեղծել: Դա անելու համար կտտացրեք «Deleteնջել».
- Մուտքագրեք հաստատող բառ և հաստատեք ջնջումը:
Վերևում մենք ուսումնասիրեցինք CodePen առցանց ծառայության հիմնական գործառույթները: Ինչպես տեսնում եք, վատը չէ ոչ միայն կոդը խմբագրելու, այլև զրոյից գրելու համար, այնուհետև այն այլ օգտվողների հետ կիսելու միջոցով: Կայքի միակ թերությունն անվճար տարբերակի սահմանափակումներն են:
Մեթոդ 2: LiveWeave
Հիմա կցանկանայի անդրադառնալ LiveWeave վեբ ռեսուրսին: Այն պարունակում է ոչ միայն ներկառուցված կոդերի խմբագիր, այլև այլ գործիքներ, որոնց մասին մենք կխոսենք ստորև: Աշխատանքը սկսվում է կայքից հետևյալ կերպ.
Գնացեք LiveWeave կայքում
- Հետևեք վերը նշված հղմանը ՝ խմբագրի էջին հասնելու համար: Այստեղ դուք անմիջապես կտեսնեք չորս պատուհան: Առաջինը HTML5- ով գրելու կոդ է, երկրորդը ՝ JavaScript, երրորդը ՝ CSS, իսկ չորրորդը ցույց է տալիս կազմման արդյունքը:
- Այս կայքի առանձնահատկություններից մեկը կարող է համարվել գործիքների խորհուրդներ, երբ պիտակներ եք գրում, դրանք կարող են մեծացնել մուտքագրման արագությունը և խուսափել ուղղագրական սխալներից:
- Լռելյայն, կազմումը տեղի է ունենում կենդանի ռեժիմով, այսինքն ՝ այն մշակվում է փոփոխությունները կատարելուց անմիջապես հետո:
- Եթե ցանկանում եք անջատել այս գործառույթը, ապա հարկավոր է սահիկով շարժել ցանկալի կետի հակառակ կողմը:
- Մոտակայքում կարող եք միացնել և անջատել գիշերային ռեժիմը:
- Կարող եք սկսել աշխատել CSS վերահսկիչների հետ `ձախ վահանակի վրա սեղմելով համապատասխան կոճակը:
- Opensանկի մեջ, որը բացվում է, մակագրությունը խմբագրվում է սահիկները տեղափոխելով և որոշակի արժեքներ փոխելով:
- Հաջորդը, մենք խորհուրդ ենք տալիս ուշադրություն դարձնել գունային ուղեցույցին:
- Ձեզ տրամադրվում է ընդարձակ պալիտրա, որտեղ կարող եք ընտրել ցանկացած ստվեր, իսկ վերևում կցուցադրվի դրա ծածկագիրը, որն ավելի ուշ օգտագործվում է ինտերֆեյսով ծրագրեր գրելիս:
- Տեղափոխվել դեպի ընտրացանկ «Վեկտորի խմբագիր».
- Այն աշխատում է գրաֆիկական առարկաների հետ, որոնք երբեմն նաև օգտակար կլինեն ծրագրակազմի մշակման ընթացքում:
- Բացեք թռուցիկ ընտրացանկը «Գործիքներ». Այստեղ դուք կարող եք ներբեռնել ձևանմուշը, պահպանել HTML ֆայլը և տեքստի գեներատորը:
- Նախագիծը ներբեռնում է որպես մեկ ֆայլ:
- Եթե ցանկանում եք խնայել աշխատանքը, նախ և առաջ պետք է անցնեք գրանցման կարգը այս առցանց ծառայության մեջ:
Այժմ դուք գիտեք, թե ինչպես է խմբագրվում ծածկագիրը LiveWeave կայքում: Մենք կարող ենք ապահով կերպով խորհուրդ տալ օգտագործել այս ինտերնետային ռեսուրսը, քանի որ այն ունի բազմաթիվ գործառույթներ և գործիքներ, որոնք թույլ են տալիս օպտիմալացնել և պարզեցնել ծրագրի կոդով աշխատելու գործընթացը:
Սա եզրափակում է մեր հոդվածը: Այսօր մենք ձեզ ներկայացրինք երկու մանրամասն հրահանգներ ՝ առցանց ծառայություններից օգտվելով ծածկագրերով աշխատելու համար: Հուսով ենք, որ այս տեղեկատվությունը օգտակար էր և օգնեց որոշելու առավել հարմար վեբ ռեսուրսն աշխատանքի համար:
Կարդացեք նաև.
Ծրագրավորման միջավայրի ընտրություն
Android ծրագրեր ստեղծելու ծրագրեր
Ընտրեք ծրագիր ՝ խաղ ստեղծելու համար
