Dasturchi doimo maxsus dasturiy ta'minotga ega emas, u orqali kod bilan ishlaydi. Agar shunday bo'lsa, kodni tahrirlashingiz kerak bo'ladi va tegishli dasturiy ta'minot yonida emas, bepul onlayn xizmatlardan foydalanishingiz mumkin. Keyin ikkita sayt haqida gapirib, ulardagi ish printsipini batafsil tahlil qilamiz.
Dastur kodini onlaynda tahrirlash
Juda ko'p sonli muharrirlar bor va ularning barchasini inobatga olmaslik uchun, biz faqat eng mashhur bo'lgan va kerakli vositalarning asosiy majmuasini ifodalovchi ikkita onlayn resursga e'tibor qarorlarmiz.
Shuningdek qarang: Java dasturini qanday yozish mumkin?
Boshqaruv 1: CodePen
CodePen saytida ko'plab ishlab chiquvchilar o'z kodlarini baham ko'rishadi, loyihalarni saqlab qolishlari va ishlashlari mumkin. Hisobingizni yaratishda hech qanday qiyin narsa yo'q va darhol yozishni boshlashingiz mumkin, ammo bu shunday amalga oshiriladi:
CodePen veb-saytiga o'ting
- Yuqoridagi havoladan foydalanib, CodePen saytining asosiy sahifasini oching va yangi profil yaratishga o'ting.
- Ro'yxatga olish uchun qulay usulni tanlang va berilgan ko'rsatmalarga muvofiq o'z hisobingizni yarating.
- Sahifangiz haqida ma'lumotni to'ldiring.
- Endi yorliqni bosib, ochilgan menyuni kengaytirishingiz mumkin. "Yaratish" va ob'ektni tanlang "Loyiha".
- O'ngdagi oynada siz qo'llab-quvvatlanadigan fayl formatlarini va dasturiy tillarini ko'rasiz.
- Shablonlardan birini yoki standart HTML5 belgilanishini tanlab tahrirlashni boshlang.
- Yaratilgan barcha kutubxonalar va fayllar chapda ko'rsatiladi.
- Ob'ektni chap bosish uni faollashtiradi, o'ng tarafdagi oynada kod ko'rsatiladi.
- Pastda siz o'zingizning papkalarni va fayllarni qo'shishga imkon beruvchi tugmalar mavjud.
- Yaratgandan so'ng, ob'ektga nom bering va o'zgarishlarni saqlang.
- Istalgan vaqtda loyiha sozlamalariga bosib, sizni bosing "Sozlamalar".
- Bu yerda siz asosiy ma'lumotlarni - nomini, tavsifini, teglarini, shuningdek, oldindan ko'rish va kodni chertish parametrlarini belgilashingiz mumkin.
- Agar siz ish joyining joriy ko'rinishidan qoniqmasangiz, uni bosish orqali o'zgartirishingiz mumkin "Tashqi ko'rinishlarni tahrirlash" va kerakli ko'rish oynasini tanlang.
- Kerakli kod satrini o'zgartirganda, ustiga bosing "Hammasini saqlab oling" +barcha o'zgarishlarni saqlash va dasturni ishga tushirish. Qilingan natijalar quyida ko'rsatiladi.
- Quyidagi tugmani bosib loyihani kompyuteringizga saqlang "Eksport".
- Jarayon tugashini kutib turing va arxivni yuklab oling.
- CodePen-ning bepul versiyasida foydalanuvchining bir nechta faol loyiha bo'lishi mumkin emas, chunki sizda yangi yaratish kerak bo'lsa, uni o'chirish kerak. Buni amalga oshirish uchun bosing "O'chirish".
- Tekshirish so'zini kiriting va o'chirishni tasdiqlang.
Yuqorida Biz CodePen onlayn xizmatining asosiy funktsiyalarini ko'rib chiqdik. Ko'rib turganingizdek, faqat kodni tahrirlash emas, balki uni noldan yozib olish va boshqa foydalanuvchilar bilan bo'lishish uchun juda mos keladi. Saytning yagona kamchiliklari - bepul versiyada cheklovlar.
2-usul: LiveWeave
Keling, LiveWave veb-resursida to'xtalmoqchiman. U faqat ichki kod muharriri emas, balki quyida muhokama qiladigan boshqa vositalarni ham o'z ichiga oladi. Sayt bilan ishlash quyidagi tarzda boshlanadi:
LiveWeave veb-saytiga o'ting
- Muharrir sahifasiga o'tish uchun yuqoridagi havola bo'yicha qiling. Bu yerda darhol to'rtta derazani ko'rasiz. Birinchisi HTML5da kod yozish, ikkinchisi JavaScript, uchinchisi CSS, to'rtinchisi esa derleme natijasini ko'rsatadi.
- Ushbu saytning xususiyatlaridan biri teglar kiritishda vosita chizig'i sifatida ko'rib chiqilishi mumkin, ular matn terish tezligini oshirishga va imlo xatolarini oldini olishga imkon beradi.
- Odatiy ravishda, derleme jonli rejimda amalga oshiriladi, ya'ni o'zgarishlar kiritilgandan so'ng darhol qayta ishlanadi.
- Agar siz ushbu funktsiyani o'chirishni istasangiz, kerakli elementning qarshisidagi slayderni ko'chirishingiz kerak.
- Yaqinda kechasi rejimi mavjud va o'chiriladi.
- Chap paneldagi tegishli tugmachani bosib, CSS-tekshiruvchilar bilan ishlashga o'tishi mumkin.
- Ochish menyusida yorliq, rulmanlarni siljitish va ma'lum qiymatlarni o'zgartirish orqali tahrir qilinadi.
- Keyinchalik ranglarning determinantiga e'tibor berishni tavsiya etamiz.
- Sizda biron bir soya tanlashingiz mumkin bo'lgan keng palletlar bilan ta'minlangan va uning kodi keyinchalik interfeys bilan dasturlarni yozishda ishlatiladigan yuqori qismida ko'rsatiladi.
- Menyularga o'ting "Vektorli tahrirlovchisi".
- Dasturiy ta'minot ishlab chiqishda ham foydali bo'lishi mumkin bo'lgan grafik ob'ektlar bilan ishlaydi.
- Qalqib chiquvchi oynani oching "Asboblar". Bu erda siz shablonni yuklab olishingiz, HTML faylini va matn generatorini saqlashingiz mumkin.
- Loyiha bir fayl sifatida yuklab olinadi.
- Agar siz ishni saqlamoqchi bo'lsangiz, avval ushbu onlayn xizmatda ro'yxatga olish jarayonini boshlashingiz kerak.
Endi LiveWeave'da kodni qanday tahrirlashni bilasiz. Ushbu dasturni ishlatish jarayonini optimallashtirish va soddalashtirishga imkon beradigan ko'plab funktsiyalar va vositalar mavjud bo'lganligi sababli ushbu Internet-resursdan ishonch bilan foydalanishni maslahat beramiz.
Bu bizning maqolamizga yakun yasaydi. Bugungi kunda biz sizga onlayn xizmatlar yordamida kod bilan ishlash bo'yicha ikkita batafsil ko'rsatma taqdim etdik. Umid qilamizki, bu ma'lumot foydali va ish uchun eng maqbul veb-resursni tanlashni aniqlashga yordam berdi.
Shuningdek qarang:
Dasturlash muhitini tanlash
Android ilovalarini yaratish dasturlari
O'yinni yaratish uchun dasturni tanlang
