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