Ինչպես կատարել «ՎԿՈՆՏԱԿՏ» մուգ ֆոն

Ծրագրավորողը միշտ չէ, որ ունի հատուկ ծրագրային ապահովում, որի միջոցով նա աշխատում է կոդով: Եթե ​​դա տեղի ունենա, դուք պետք է խմբագրեք կոդը, եւ համապատասխան ծրագրակազմը ձեռքի տակ չէ, կարող եք օգտվել անվճար օնլայն ծառայություններից: Դրանից հետո մենք կտեղեկացնենք երկու նման կայքերի մասին եւ մանրամասնորեն վերլուծում նրանց աշխատանքի սկզբունքը:

Ծրագրի կոդը խմբագրում առցանց

Քանի որ կան մեծ թվով նման խմբագիրներ եւ պարզապես չենք համարում դրանք բոլորը, մենք որոշեցինք կենտրոնանալ միայն օնլայն ռեսուրսների վրա, որոնք ամենատարածվածն են եւ ներկայացնում են անհրաժեշտ գործիքների հիմնական հավաքածու:

Տես նաեւ. Ինչպես գրել Java- ի ծրագիր

Մեթոդ 1: CodePen

CodePen կայքում շատ մշակողները կիսում են իրենց սեփական կոդերը, փրկում եւ աշխատում են ծրագրերի հետ: Ձեր հաշիվը ստեղծելու դժվար բան չկա եւ անմիջապես սկսում է գրել, բայց դա արվում է այսպես.

Գնալ CodePen կայքում

1. Բացեք CodePen կայքի հիմնական էջը, օգտագործելով վերը հղումը եւ անցեք նոր պրոֆիլի ստեղծում:



2. Ընտրեք գրանցման հարմար եղանակը եւ տրված հրահանգներին համապատասխան, ստեղծեք ձեր սեփական հաշիվը:



3. Լրացրեք ձեր էջի մասին տեղեկությունները:



4. Այժմ դուք կարող եք բարձրանալ էջանշանը, ընդլայնել ցանկը: "Ստեղծել" եւ ընտրեք նյութ "Ծրագիր".



5. Աջ կողմում պատուհանը կտեսնեք աջակցվող ֆայլի ձեւաչափերն ու ծրագրավորման լեզուները:



6. Սկսեք խմբագրելով, ընտրելով մեկը կաղապարներից կամ ստանդարտ HTML5 ձեւաչափով:



7. Բոլոր ստեղծված գրադարանները եւ ֆայլերը կցուցադրվեն ձախ կողմում:



8. Ձախ սեղմելով օբյեկտի վրա ակտիվացնում է այն: Պատուհանը աջ կողմում ցուցադրվում է կոդը:



9. Ներքեւում կան կոճակներ, որոնք թույլ են տալիս ավելացնել ձեր սեփական թղթապանակները եւ ֆայլերը:



10. Կառուցելուց հետո, տալ օբյեկտի անունը եւ պահպանել փոփոխությունները:



11. Ցանկացած ժամանակ կարող եք գնալ նախագծի պարամետրերը, սեղմելով այն "Կարգավորումներ".



12. Այստեղ դուք կարող եք սահմանել հիմնական տեղեկատվությունը `անունը, նկարագրությունը, պիտակները, ինչպես նաեւ նախադիտման եւ կոդի անջատման պարամետրերը:



13. Եթե ​​դուք չեք բավարարում աշխատանքի տեսանկյունից, կարող եք փոխել այն, կտտացնելով "Փոխել տեսքը" եւ ընտրեք դիտելու ցանկալի պատուհանը:



14. Երբ եք խմբագրել կոդի համապատասխան գծերը, սեղմեք "Պահել բոլոր + վազքը"փրկել բոլոր փոփոխությունները եւ վարել ծրագիրը: Կազմված արդյունքը ցուցադրվում է ստորեւ:



15. Ծրագիրը ձեր համակարգչում պահեք սեղմելով "Արտահանման".



16. Սպասեք մինչեւ մշակման ավարտը եւ ներբեռնեք արխիվը:



17. Քանի որ օգտվողը չի կարող ունենալ ավելի քան մեկ ակտիվ ծրագիր CodePen- ի անվճար տարբերակում, ապա այն պետք է ջնջվի, եթե անհրաժեշտ է ստեղծել նորը: Դա անելու համար սեղմեք «Ջնջել».



18. Մուտքագրեք ստուգման բառը եւ հաստատեք վերացումը:

Վերեւից վերանայեցինք CodePen- ի առցանց ծառայությունը: Ինչպես տեսնում եք, հարմար է ոչ միայն կոդավորել խմբագրումը, այլ նաեւ զրոյից գրել, այնուհետեւ կիսվել այն այլ օգտվողների հետ: Կայքի միակ թերությունը ազատ տարբերակում սահմանափակումներ են:

Մեթոդ 2 `LiveWeave

Հիմա ես կցանկանայի ապրել LiveWeave- ի վեբ-ռեսուրսի վրա: Այն պարունակում է ոչ միայն ներկառուցված կոդերի խմբագիր, այլ նաեւ այլ գործիքներ, որոնք մենք կքննարկենք ստորեւ: Կայքի հետ աշխատանքը սկսվում է այսպես.

Գնալ LiveWeave կայքում

1. Ստորեւ բերված հղումը հետեւեք խմբագրության էջին հասնելու համար: Այստեղ դուք անմիջապես կտեսնեք չորս պատուհան: Առաջին HTML5-ում գրել կոդը, երկրորդը `JavaScript, երրորդը` CSS, իսկ չորրորդը `կազմման արդյունքը:



2. Այս կայքէջի առանձնահատկություններից կարելի է դիտել տեքստի տեքստում որպես գործիքներ, դրանք թույլ են տալիս ավելացնել տեքստի արագությունը եւ խուսափել ուղղագրական սխալներից:



3. Նախատեսվում է, որ կազմաձեւը կատարվում է կենդանի ռեժիմում, այսինքն, փոփոխություններ կատարելուց անմիջապես հետո:



4. Եթե ​​ցանկանում եք անջատել այս գործառույթը, դուք պետք է տեղափոխեք սահեցրեք ցանկալի կետի հակառակ կողմը:



5. Մոտակայքում առկա է գիշերային ռեժիմում:



6. Դուք կարող եք գնալ աշխատելու CSS կարգավարների հետ, սեղմելով համապատասխան կոճակը ձախ կողմում վահանակի վրա:



7. Մենյուում, որը բացվում է, պիտակը խմբագրվում է շարժիչները տեղափոխելու եւ որոշ արժեքների փոխակերպման միջոցով:



8. Հաջորդը, խորհուրդ ենք տալիս ուշադրություն դարձնել գույների որոշիչին:



9. Ձեզ տրամադրվում է լայն ծածկոց, որտեղ կարող եք ընտրել ցանկացած ստվեր, եւ դրա կոդը կցուցադրվի վերեւում, որը հետագայում օգտագործվում է ինտերֆեյսով ծրագրեր գրելու ժամանակ:



10. Տեղափոխեք ցանկի մեջ "Վեկտոր խմբագիր".



11. Այն աշխատում է գրաֆիկական օբյեկտների հետ, որոնք նույնպես երբեմն օգտակար կլինեն ծրագրային ապահովման մշակման ընթացքում:



12. Բաց թռուցիկների ցանկը "Գործիքներ". Այստեղ կարող եք ներբեռնել կաղապարը, պահպանելով HTML ֆայլը եւ տեքստային գեներատորը:



13. Ծրագիրը ներբեռնվում է որպես մեկ ֆայլ:



14. Եթե ​​ցանկանում եք փրկել աշխատանքը, նախ պետք է անցնեք գրանցման ընթացակարգը այս առցանց ծառայության մեջ:

Այժմ դուք գիտեք, թե ինչպես կարելի է խմբագրել LiveWeave- ի կոդը: Մենք կարող ենք ապահով խորհուրդ տալ այս ինտերնետային ռեսուրսի օգտագործումը, քանի որ կան բազմաթիվ գործառույթներ եւ գործիքներ, որոնք թույլ են տալիս օպտիմալացնել եւ պարզեցնել ծրագրային կոդի հետ աշխատելու գործընթացը:

Սա եզրափակում է մեր հոդվածը: Այսօր մենք ձեզ ենք տրամադրել երկու մանրամասն հրահանգներ `առցանց ծառայություններից օգտվելով կոդով աշխատելու համար: Հուսով ենք, որ այս տեղեկությունը օգտակար էր եւ օգնում է որոշելու աշխատանքի համար առավել հարմար վեբ ռեսուրսը:

Տես նաեւ.
Ընտրելով ծրագրավորման միջավայր
Android ծրագրեր ստեղծելու ծրագրեր
Ընտրեք ծրագիր ստեղծելու ծրագիր