Har doim ham dasturchida kod bilan ishlaydigan maxsus dastur mavjud emas. Agar siz kodni tahrirlashingiz kerak bo'lsa va sizga tegishli dastur mavjud bo'lmasa, siz bepul onlayn xizmatlaridan foydalanishingiz mumkin. Keyinchalik, biz ikkita shunday sayt haqida gaplashamiz va ulardagi ishlash tamoyilini batafsil tahlil qilamiz.
Dastur kodini onlayn rejimida tahrirlash
Bunday muharrirlarning ko'pligi va ularni ko'rib chiqishning iloji yo'qligi sababli, biz eng mashhur va kerakli vositalarning asosiy to'plamini aks ettiruvchi faqat ikkita Internet-resurslarga e'tibor qaratishga qaror qildik.
Shuningdek, o'qing: Java-da qanday qilib dastur yozish kerak
1-usul: CodePen
CodePen veb-saytida ko'plab ishlab chiquvchilar o'z kodlari bilan bo'lishadilar, loyihalarni saqlaydilar va ishlaydilar. Hisob qaydnomangizni yaratishda murakkab narsa yo'q va darhol yozishni boshlang, ammo bu quyidagicha amalga oshiriladi:
CodePen-ga o'ting
- Yuqoridagi havoladan foydalanib CodePen veb-saytining asosiy sahifasini oching va yangi profil yaratishga o'ting.
- Qulay ro'yxatga olish yo'lini tanlang va berilgan ko'rsatmalarga muvofiq o'z hisob qaydnomangizni yarating.
- O'zingizning sahifangiz haqidagi ma'lumotlarni to'ldiring.
- Endi siz yorliqlarga o'tishingiz, qalqib chiquvchi menyuni kengaytirishingiz mumkin "Yaratish" va elementni tanlang "Loyiha".
- O'ngdagi oynada siz qo'llab-quvvatlanadigan fayl formatlari va dasturlash tillarini ko'rasiz.
- Andozalardan birini yoki HTML5 standart belgisini tanlash bilan tahrirlashni boshlang.
- Barcha yaratilgan kutubxonalar va fayllar chap tomonda ko'rsatiladi.
- Ob'ektni chap tugmachani bosish uni o'ng tomonidagi oynada faollashtiradi.
- Pastki qismida o'z papkangiz va fayllaringizni qo'shish tugmalari mavjud.
- Yaratgandan so'ng, ob'ektga nom bering va o'zgarishlarni saqlang.
- Istalgan vaqtda LMB-ni bosish orqali loyiha sozlamalariga o'tishingiz mumkin "Sozlamalar".
- Bu erda siz asosiy ma'lumotlarni topishingiz mumkin - ism, tavsif, teglar, shuningdek kodni oldindan ko'rish va kiritish uchun variantlar.
- Agar ish joyining joriy ko'rinishi sizni qoniqtirmasa, uni bosish orqali o'zgartirishingiz mumkin "Ko'rishni o'zgartirish" va kerakli ko'rish portini tanlang.
- Kerakli kod satrlarini tahrirlaganda, ustiga bosing "Barchasini saqlash + ishga tushirish"barcha o'zgarishlarni saqlash va dasturni ishga tushirish uchun. Tuzilgan natija quyida ko'rsatiladi.
- Loyihani kompyuteringizga saqlang "Eksport".
- Arxivni to'ldirib, yuklab olishni kuting.
- Foydalanuvchi CodePen-ning bepul versiyasida bir nechta faol loyihaga ega bo'lmasligi sababli, agar siz yangisini yaratishingiz kerak bo'lsa, uni o'chirib tashlashingiz kerak bo'ladi. Buning uchun ustiga bosing "O'chirish".
- Tasdiqlash so'zini kiriting va o'chirishni tasdiqlang.
Yuqorida biz CodePen onlayn xizmatining asosiy funktsiyalarini ko'rib chiqdik. Ko'rib turganingizdek, nafaqat kodni tahrirlash, balki noldan yozish va keyin uni boshqa foydalanuvchilar bilan bo'lishish ham yomon emas. Saytning yagona kamchiliklari bu bepul versiyadagi cheklovlar.
2-usul: LiveWeave
Endi LiveWeave veb-resursida to'xtalmoqchiman. U nafaqat o'rnatilgan kod muharririni, balki boshqa vositalarni ham o'z ichiga oladi, ular haqida quyida gaplashamiz. Ish quyidagi sayt bilan boshlanadi:
LiveWeave veb-saytiga o'ting
- Muharrir sahifasiga kirish uchun yuqoridagi havolaga rioya qiling. Bu erda darhol to'rtta derazani ko'rasiz. Birinchisi - HTML5-da kod yozish, ikkinchisi - JavaScript, uchinchisi - CSS, to'rtinchisi - kompilyatsiya natijasini ko'rsatadi.
- Ushbu saytning xususiyatlaridan biri teglarni yozishda ko'rsatmalar bo'lishi mumkin, ular terish tezligini oshirishi va imlo xatolaridan qochishi mumkin.
- Odatiy bo'lib, kompilyatsiya jonli rejimda amalga oshiriladi, ya'ni o'zgarishlar kiritilgandan so'ng darhol qayta ishlanadi.
- Agar siz ushbu funktsiyani o'chirib qo'ymoqchi bo'lsangiz, slayderni kerakli elementga teskari tomonga siljitishingiz kerak.
- Nearby tungi rejimni yoqadi va o'chiradi.
- Siz chap paneldagi tegishli tugmachani bosib, CSS kontrollerlari bilan ishlashni boshlashingiz mumkin.
- Ochilgan menyuda yozuvlar slayderlarni siljitish va ma'lum qiymatlarni o'zgartirish orqali tahrirlanadi.
- Keyinchalik, ranglar qo'llanmasiga e'tibor berishingizni maslahat beramiz.
- Sizga har qanday soyani tanlashingiz mumkin bo'lgan keng palitrasi taqdim etiladi va uning yuqori qismida uning kodi ko'rsatiladi, keyinchalik u interfeys bilan dasturlarni yozishda ishlatiladi.
- Menyuga o'ting "Vektor muharriri".
- Grafik ob'yektlar bilan ishlaydi, bu ba'zida dasturiy ta'minotni ishlab chiqishda foydali bo'ladi.
- Qalqib chiquvchi menyuni oching "Asboblar". Bu erda siz shablonni yuklab olishingiz, HTML faylini va matn generatorini saqlashingiz mumkin.
- Loyiha bitta fayl sifatida yuklab olinadi.
- Agar siz ishingizni tejashni xohlasangiz, avval ushbu onlayn xizmatda ro'yxatdan o'tish tartibini o'tishingiz kerak.
Endi siz LiveWeave veb-saytida kod qanday tahrirlanganligini bilasiz. Ushbu Internet-resursdan ishonch bilan foydalanishni maslahat berishimiz mumkin, chunki u dastur kodi bilan ishlash jarayonini optimallashtirish va soddalashtirishga imkon beradigan ko'plab funktsiyalar va vositalarga ega.
Bu bizning maqolamizni yakunlaydi. Bugun biz sizga onlayn servislardan foydalangan holda kod bilan ishlash bo'yicha ikkita batafsil ko'rsatmalarni taqdim etdik. Umid qilamizki, ushbu ma'lumot foydali bo'ldi va ish uchun eng mos veb-resursni tanlashga yordam berdi.
Shuningdek o'qing:
Dasturlash muhitini tanlash
Android dasturlarini yaratish uchun dasturlar
O'yin yaratish uchun dasturni tanlang
