ყოველთვის არა პროგრამისტს აქვს სპეციალური პროგრამა, რომლის საშუალებითაც იგი მუშაობს კოდით. თუ ეს ისე მოხდა, რომ თქვენ უნდა შეცვალოთ კოდი, და ხელთ არ გაქვთ შესაბამისი პროგრამა, შეგიძლიათ გამოიყენოთ უფასო ონლაინ სერვისები. შემდეგი, ჩვენ ვისაუბრებთ ორ ასეთ საიტზე და დეტალურად გავაანალიზებთ მათში მუშაობის პრინციპს.
პროგრამის კოდის რედაქტირება ინტერნეტით
გამომდინარე იქიდან, რომ ასეთი რედაქტორების დიდი რაოდენობაა და მათი უბრალოდ განხილვა შეუძლებელია, ჩვენ გადავწყვიტეთ ფოკუსირება გავაკეთოთ მხოლოდ ორ ინტერნეტ რესურსზე, რომლებიც ყველაზე პოპულარულია და წარმოადგენს საჭირო ინსტრუმენტების მთავარ წყაროს.
წაიკითხეთ აგრეთვე: როგორ ჩაწეროთ პროგრამა Java- ში
მეთოდი 1: CodePen
CodePen ვებსაიტზე მრავალი დეველოპერი იზიარებს საკუთარ კოდებს, დაზოგავს და მუშაობს პროექტებთან. თქვენი ანგარიშის შექმნისას რთული არაფერია და დაუყოვნებლივ დაიწყეთ წერა, მაგრამ ეს ასე კეთდება:
გადადით CodePen– ში
- გახსენით CodePen ვებსაიტის მთავარი გვერდი ზემოთ მოცემული ბმულის გამოყენებით და განაგრძეთ ახალი პროფილის შექმნა.
- შეარჩიეთ მოსახერხებელი სარეგისტრაციო გზა და, მითითებული მითითებების შემდეგ, შექმენით თქვენი საკუთარი ანგარიში.
- შეავსეთ ინფორმაცია თქვენი გვერდის შესახებ.
- ახლა შეგიძლიათ ჩანართების ასვლა, გაფართოებული მენიუ "შექმნა" და აირჩიეთ ელემენტი "პროექტი".
- მარჯვნივ ფანჯარაში ნახავთ დამხმარე ფაილის ფორმატებს და პროგრამირების ენებს.
- დაიწყეთ რედაქტირება ერთი შაბლონის ან სტანდარტული HTML5 მარკირების არჩევით.
- ყველა შექმნილი ბიბლიოთეკა და ფაილი ნაჩვენები იქნება მარცხნივ.
- მარცხენა ღილაკით ობიექტივი ააქტიურებს მას ფანჯარაში მარჯვნივ, აჩვენებს კოდი.
- ბოლოში არის ღილაკები, რომ დაამატოთ საკუთარი საქაღალდეები და ფაილები.
- შექმნის შემდეგ დაასახელეთ ობიექტი და შეინახეთ ცვლილებები.
- ნებისმიერ დროს, შეგიძლიათ გადახვიდეთ პროექტის პარამეტრებზე, დააჭირეთ LMB- ს დაჭერით "პარამეტრები".
- აქ შეგიძლიათ იპოვოთ ძირითადი ინფორმაცია - სახელი, აღწერა, ტეგები, ასევე კოდირების გადახედვისა და დასაყენებლად.
- თუ არ ხართ კმაყოფილი სამუშაო სივრცის ამჟამინდელი ხედით, შეგიძლიათ შეცვალოთ იგი "ხედის შეცვლა" და სასურველი ხედვის არჩევა.
- როდესაც გსურთ შეცვალოთ სასურველი ხაზების კოდი, დააჭირეთ ღილაკს "შენახვა ყველა + გაშვება"ყველა ცვლილების შენახვა და პროგრამის გაშვება. შედგენილი შედეგი ნაჩვენებია ქვემოთ.
- შეინახეთ პროექტი თქვენს კომპიუტერში დაჭერით "ექსპორტი".
- დაელოდეთ დამუშავებას, რომ დაასრულოთ და გადმოწეროთ არქივი.
- ვინაიდან მომხმარებელს არ შეუძლია ჰქონდეს ერთზე მეტი აქტიური პროექტი CodePen– ის უფასო ვერსიაში, თქვენ უნდა წაშალოთ იგი, თუ გსურთ შექმნათ ახალი. ამისათვის დააჭირეთ ღილაკს "წაშლა".
- შეიყვანეთ დამადასტურებელი სიტყვა და დაადასტურეთ წაშლა.
ზემოთ, ჩვენ განვიხილეთ CodePen ონლაინ სერვისის ძირითადი ფუნქციები. როგორც ხედავთ, ცუდი არ არის არა მხოლოდ კოდის რედაქტირება, არამედ ის ნულიდან დაწერა და შემდეგ ის სხვა მომხმარებლების გაზიარებისთვის. საიტის ერთადერთი ნაკლი არის უფასო ვერსიაში შეზღუდვები.
მეთოდი 2: LiveWeave
ახლა მსურს ვცხოვრობ LiveWeave ვებ რესურსზე. ის შეიცავს არა მხოლოდ ჩაშენებული კოდების რედაქტორს, არამედ სხვა ინსტრუმენტებსაც, რომელთა შესახებაც ქვემოთ ვისაუბრებთ. მუშაობა იწყება საიტის მსგავსი:
გადადით LiveWeave ვებსაიტზე
- მიჰყევით ზემოთ მოცემულ ბმულს, რედაქტორის გვერდზე გადასასვლელად. აქ მაშინვე დაინახავთ ოთხ ფანჯარას. პირველი არის HTML5 წოდების კოდი, მეორე კი JavaScript, მესამე არის CSS, ხოლო მეოთხე გვიჩვენებს შედგენის შედეგს.
- ამ საიტის ერთ-ერთი მახასიათებელი შეიძლება ჩაითვალოს ინსტრუმენტთა რჩევები, როდესაც აკრეფილია tags, მათ შეუძლიათ გაზარდოს აკრეფის სიჩქარე და თავიდან აიცილონ მართლწერა.
- სტანდარტულად, შედგენა ხდება ცოცხალ რეჟიმში, ანუ ხდება მისი დამუშავება ცვლილებების შეტანისთანავე.
- თუ გსურთ ამ ფუნქციის გამორთვა, საჭიროა სლაიდის გადატანა სასურველი ნივთის საპირისპიროდ.
- ახლო მანძილზე შეგიძლიათ ჩართოთ და გამორთოთ ღამის რეჟიმი.
- თქვენ შეგიძლიათ დაიწყოთ მუშაობა CSS კონტროლერთან, მარცხენა პანელში შესაბამის ღილაკზე დაჭერით.
- მენიუში, რომელიც იხსნება, წარწერა რედაქტირდება სლაიდების გადაადგილებით და გარკვეული მნიშვნელობების შეცვლით.
- შემდეგი, გირჩევთ, ყურადღება მიაქციოთ ფერის სახელმძღვანელოს.
- თქვენ მოგეწონებათ ფართო პალიტრა, სადაც შეგიძლიათ აირჩიოთ ნებისმიერი ჩრდილში, ხოლო თავზე გამოჩნდება მისი კოდი, რომელიც მოგვიანებით გამოიყენება პროგრამების წერისას ინტერფეისით.
- მენიუში გადასვლა "ვექტორი რედაქტორი".
- იგი მუშაობს გრაფიკულ ობიექტებთან, რაც ზოგჯერ სასარგებლო იქნება პროგრამული უზრუნველყოფის შემუშავების დროს.
- გახსენით მენიუ "ინსტრუმენტები". აქ შეგიძლიათ ჩამოტვირთოთ შაბლონი, შეინახოთ HTML ფაილი და ტექსტის გენერატორი.
- პროექტი იწერება როგორც ერთი ფაილი.
- თუ გსურთ დაზოგოთ სამუშაო, პირველ რიგში უნდა გაიაროთ რეგისტრაციის პროცედურა ამ ონლაინ სერვისში.
ახლა თქვენ იცით, როგორ რედაქტირებულია კოდი LiveWeave ვებსაიტზე. ჩვენ შეგვიძლია უსაფრთხოდ გირჩიოთ ამ ინტერნეტ რესურსის გამოყენება, რადგან მას აქვს მრავალი ფუნქცია და ინსტრუმენტი, რომელიც საშუალებას გაძლევთ ოპტიმიზაცია და გაამარტივოთ პროგრამის კოდთან მუშაობის პროცესი.
ეს ასკვნის ჩვენს სტატიას. დღეს ჩვენ წარმოგიდგენთ ორი დეტალურ ინსტრუქციას, რომელიც მუშაობს ონლაინ სერვისების გამოყენებით კოდით. ვიმედოვნებთ, რომ ეს ინფორმაცია სასარგებლო იყო და ხელი შეუწყო სამუშაოსთვის შესაფერისი საიტის შესაფერისი რესურსის არჩევანს.
წაიკითხეთ აგრეთვე:
პროგრამირების გარემოს არჩევა
პროგრამები Android პროგრამების შესაქმნელად
შეარჩიეთ პროგრამა თამაშის შესაქმნელად