Программист үргэлж кодтой ажилладаг тусгай програм хангамжтай байдаггүй. Хэрэв ийм зүйл тохиолдсон бол та кодыг засах шаардлагатай байгаа бөгөөд тохирох програм байхгүй бол та үнэгүй онлайн үйлчилгээг ашиглах боломжтой. Дараа нь бид ийм хоёр сайтын талаар ярилцаж, тэдгээрийн ажиллах зарчмыг нарийвчлан шинжлэх болно.
Програмын кодыг онлайнаар засварлаж байна
Ийм олон тооны редакторууд байдаг тул тэдгээрийг тооцох боломжгүй тул хамгийн түгээмэл бөгөөд шаардлагатай хэрэгслүүдийн гол хэрэгслийг ашигладаг хоёр интернетийн нөөцөд анхаарлаа төвлөрүүлэхээр шийдсэн.
Мөн уншина уу: Java програм хэрхэн бичих вэ
Арга 1: CodePen
CodePen вэбсайт дээр олон хөгжүүлэгчид өөрсдийн кодуудыг хуваалцаж, хадгалдаг, төслүүд дээр ажилладаг. Таны бүртгэлийг үүсгэхэд төвөгтэй зүйл байхгүй бөгөөд тэр даруй бичиж эхэлнэ, гэхдээ дараахь байдлаар хийгддэг.
CodePen руу очно уу
- Дээрх холбоосыг ашиглан CodePen вэбсайтын үндсэн хуудсыг нээгээд шинэ профайл үүсгэнэ үү.
- Тохиромжтой бүртгэлийн замыг сонгоод, өгсөн зааврыг дагаж өөрийн дансаа үүсгэнэ үү.
- Өөрийн хуудасны талаархи мэдээллийг бөглөнө үү.
- Одоо та tab-ууд руу орж, попап цэсийг өргөжүүлж болно "Үүсгэх" зүйл сонгоно уу "Төсөл".
- Баруун талд байгаа цонхонд та дэмжигдсэн файлын формат, програмчлалын хэлийг харах болно.
- Загварын аль нэгийг сонгох буюу эсвэл HTML5 тэмдэглэгээг засварлаж эхлээрэй.
- Бүх үүсгэсэн номын сан, файлууд зүүн талд харагдах болно.
- Объект дээр зүүн товчлуур дарахад түүнийг баруун талд байрлах цонхонд идэвхжүүлдэг.
- Доод талд нь өөрийн хавтас, файл нэмэх товчлуурууд бий.
- Үүсгэсний дараа объектыг нэрлээд өөрчлөлтийг хадгал.
- Та хүссэн үедээ LMB дээр дарж төслийн тохиргоонд очиж болно "Тохиргоо".
- Энд та үндсэн мэдээлэл олж авах боломжтой - нэр, тайлбар, шошго, мөн кодыг урьдчилан харах, оруулах сонголтууд.
- Хэрэв та ажлын талбарын одоогийн харагдах байдалд сэтгэл хангалуун бус байвал та товшиж үүнийг өөрчилж болно "Харах байдлыг өөрчлөх" болон хүссэн форматыг сонгох.
- Хүссэн кодын мөрүүдийг засахдаа дарна уу "Бүгдийг хадгалах + ажиллуулах"бүх өөрчлөлтийг хадгалах, програмыг ажиллуулах. Бүртгэгдсэн үр дүнг доор харуулав.
- Товшиж, өөрийн компьютер дээр төслийг хадгална уу "Экспорт".
- Боловсруулалтыг дуусгаж архивыг татаж дуустал хүлээнэ үү.
- Хэрэглэгч CodePen-ийн үнэгүй хувилбарт нэгээс олон идэвхтэй төсөл агуулж чадахгүй тул шинийг үүсгэх шаардлагатай бол устгах хэрэгтэй болно. Үүнийг хийхийн тулд дарна уу "Устгах".
- Баталгаажуулах үгийг оруулаад устгалаа баталгаажуулна уу.
Дээрхээс бид CodePen онлайн үйлчилгээний үндсэн функцуудыг судалсан. Таны харж байгаагаар энэ нь зөвхөн кодыг засах төдийгүй эхнээс нь бичиж, дараа нь бусад хэрэглэгчидтэй хуваалцахад тийм ч муу зүйл биш юм. Сайтын цорын ганц сул тал бол үнэгүй хувилбар дахь хязгаарлалт юм.
Арга 2: LiveWeave
Одоо би LiveWeave вэбсайт дээр анхаарлаа хандуулахыг хүсч байна. Энэ нь зөвхөн бүтээгдсэн код засварлагч төдийгүй бусад хэрэгслүүдийг агуулдаг бөгөөд үүнийг бид доор ярих болно. Ажил нь дараах сайтаас эхэлнэ.
LiveWeave вэбсайт руу орно уу
- Засварлагч хуудсанд очихын тулд дээрх холбоосыг дагана уу. Энд та даруй дөрвөн цонх харах болно. Эхнийх нь HTML5 дээр код бичих, хоёр дахь нь JavaScript, гуравдугаарт CSS, дөрөвдэх нь эмхэтгэлийн үр дүнг харуулав.
- Энэ сайтын нэг онцлог шинж нь шошго оруулахдаа гарын авлагын зөвлөмж гэж үзэж болох бөгөөд тэдгээр нь бичих хурдыг нэмэгдүүлж, зөв бичгийн алдаа гаргахаас зайлсхийх боломжтой юм.
- Анхдагч байдлаар, хөрвүүлэлт нь шууд горимд явагддаг, өөрөөр хэлбэл өөрчлөлт хийсний дараа шууд боловсруулагддаг.
- Хэрэв та энэ функцийг идэвхгүй болгохыг хүсч байвал гулсагчийг хүссэн зүйлээ эсрэгээр нь шилжүүлэх хэрэгтэй.
- Ойролцоох нь та шөнийн горимыг асааж, унтрааж болно.
- Та зүүн самбар дээрх харгалзах товчийг дарж CSS хянагчтай ажиллаж эхлэх боломжтой.
- Нээгдсэн цэсэнд бичээсийг гулсагчийг хөдөлгөж, тодорхой утгыг өөрчлөх замаар засна.
- Дараа нь бид өнгөт удирдамжид анхаарлаа хандуулахыг зөвлөж байна.
- Та ямар ч сүүдэр сонгох боломжтой өргөн самбараар хангагдсан бөгөөд түүний дээд хэсэгт код нь харагдах бөгөөд үүнийг интерфэйсээр програм бичихэд ашиглагддаг.
- Цэс рүү шилжих "Вектор редактор".
- Энэ нь график обьектуудтай ажилладаг бөгөөд програм хангамжийг боловсруулахад заримдаа хэрэгтэй байдаг.
- Попап цэсийг нээнэ үү "Багаж хэрэгсэл"Байна. Эндээс та загварыг татаж аваад HTML файл, текст үүсгэгчийг хадгалж болно.
- Төслийг нэг файл болгож татаж авдаг.
- Хэрэв та ажлаа хэмнэхийг хүсч байвал эхлээд энэ онлайн үйлчилгээнд бүртгүүлэх журамтай танилцах хэрэгтэй.
Одоо та кодыг LiveWeave вэбсайт дээр хэрхэн засварлаж байгааг мэдэж байна. Програмын кодтой ажиллах үйл явцыг оновчтой болгох, хялбарчлах олон функц, багаж хэрэгсэлтэй тул бид энэхүү интернетийн нөөцийг ашиглахыг зөвлөж байна.
Энэ нь бидний нийтлэлийг дүгнэж байна. Өнөөдөр бид танд онлайн үйлчилгээг ашиглан кодтой ажиллах хоёр дэлгэрэнгүй зааврыг танилцуулж байна. Энэхүү мэдээлэл нь ашигтай байсан бөгөөд ажилд хамгийн тохиромжтой вэб нөөцийг сонгоход тусалсан гэж найдаж байна.
Мөн уншина уу:
Програмчлалын орчныг сонгох
Андройд програм үүсгэх програмууд
Тоглоом үүсгэх програмаа сонго
