VKontakte-ийн хар дэвсгэрийг хэрхэн яаж хийх вэ

Программист нь байнга тусгай программ хангамжтай байдаггүй бөгөөд тэр нь кодтой ажилладаг. Хэрэв та ийм кодыг засах шаардлагатай болж байгаа бөгөөд харгалзах программ хангамж байхгүй бол та үнэгүй онлайн үйлчилгээг ашиглаж болно. Цаашилбал бид хоёр иймэрхүү сайтуудыг танилцуулж, тэдгээрийн ажлын зарчмыг нарийвчлан судлах болно.

Програмын кодыг онлайнаар засварлах

Ийм олон тооны редакторууд байдаг тул тэдгээрийг бүгдийг нь авч үзэхгүй байхын тулд бид зөвхөн хамгийн их алдаршсан хоёр онлайн нөөц дээр анхаарлаа хандуулахаар шийдсэн бөгөөд шаардлагатай үндсэн хэрэгслүүдийг төлөөлж шийдсэн.

Java програмыг хэрхэн бичих талаар

Арга 1: CodePen

SitePen сайтын тухайд олон хөгжүүлэгчид өөрийн кодыг хуваалцаж, төслүүдтэй хамтран ажиллаж, хадгалж байдаг. Таны акаунтыг үүсгэхэд хэцүү зүйл байхгүй тул шууд бичиж эхэлнэ үү.

CodePen вэбсайт руу оч

  1. Дээрхи холбоосыг ашиглан CodePen сайтын үндсэн хуудас нээж, шинэ профайл үүсгэхийг үргэлжлүүлнэ үү.
  2. Бүртгүүлэх тохиромжтой замыг сонгож, зааврыг даган, өөрийн бүртгэлийг үүсгэ.
  3. Хуудасныхаа тухай мэдээллийг бөглөнө үү.
  4. Одоо та табаа гарч ирж, гарч ирэх цэсийг өргөж болно. "Үүсгэх" мөн зүйл сонгох "Төсөл".
  5. Баруун талын цонхонд дэмжигдсэн файлын формат болон програмчлалын хэлийг үзэх болно.
  6. Загвар эсвэл стандарт HTML5 тэмдэглэгээг сонгох замаар засварлаж эхлэх боломжтой.
  7. Бүх үүсгэсэн сангууд болон файлууд зүүн талд харагдах болно.
  8. Объект дээр зүүн товчийг идэвхжүүлдэг Баруун талд цонхонд код гарч ирнэ.
  9. Доод хэсэгт өөрийн хавтас болон файлыг нэмэх боломжтой товчнууд байна.
  10. Бүтээлийн дараа объектод нэр өгөөд өөрчлөлтүүдийг хадгалах болно.
  11. Ямар ч үед та төслийн тохиргоон дээрээ дарж болно "Тохиргоо".
  12. Энд та үндсэн мэдээлэл - нэр, тодорхойлолт, шошго, түүнчлэн урьдчилж харах болон кодын догол мөрийн параметрүүдийг тохируулж болно.
  13. Хэрэв та ажлын байрны одоогийн үзэл бодолд сэтгэл хангалуун бус байгаа бол түүнийгээ дарж өөрчилж болно "Харах харах" хүссэн үзэх цонхыг сонго.
  14. Кодын шаардлагатай мөрүүдийг засах үед, дээр дар "Бүх гүйлгээг хадгалах"Бүх өөрчлөлтийг хадгалах, програмыг ажиллуулах. Эмхэтгэсэн үр дүнг доор харуулав.
  15. Текстийг компьютер дээрээ хадгалаад, дээр нь дарна уу "Экспорт".
  16. Боловсруулалт дуусаад архивыг татаж авахыг хүлээх хэрэгтэй.
  17. Хэрэглэгч нь CodePen-ийн үнэгүй хувилбар дээр нэгээс илүү идэвхтэй төсөл хэрэгжүүлж чадахгүй тул та шинээр үүсгэх хэрэгтэй бол устгах шаардлагатай болно. Үүнийг хийхийн тулд, дээр дарна уу "Устгах".
  18. Шалгах үгийг оруулж, устгалтыг баталгаажуулна уу.

Дээрх, бид онлайн үйлчилгээний CodePen-н үндсэн функцуудыг шалгасан. Таны харж байгаагаар, энэ нь зөвхөн кодыг засах төдийгүй эхнээсээ үүнийг бичиж, бусад хэрэглэгчидтэй хуваалцдаг. Сайтын цорын ганц дутагдал нь үнэгүй хувилбарт хязгаарлалт юм.

Арга 2: LiveWeave

Одоо би LiveWeave вэб хуудсаар зочлохыг хүсч байна. Энэ нь зөвхөн кодын засварлагч төдийгүй бас доорхи зүйлсийг багтаасан бусад хэрэгслүүдээс бүрдэнэ. Сайттай ажиллах нь иймэрхүү:

LiveWeave вэбсайт руу оч

  1. Дээрхи холбоосыг дагахын тулд редакторлох хуудас руу орно уу. Энд даруй дөрвөн цонх харна уу. Эхнийх нь HTML5 дэх код бичих, хоёр дахь нь JavaScript, гурав дахь нь CSS, дөрөв дэх нь эмхэтгэлийн үр дүнг харуулж байна.
  2. Энэ сайтын зарим шинжийг шошгон дээр бичихдээ текст гэж үзэж болох бөгөөд ингэснээр та бичих хурдыг нэмэгдүүлж, зөв ​​бичгийн алдаа гаргахаас сэргийлдэг.
  3. Анхдагч байдлаар, эмхэтгэл нь амьд горимд явагддаг, өөрөөр хэлбэл, өөрчлөлтийг хийсний дараа нэн даруй боловсруулдаг.
  4. Хэрэв та энэ функцийг идэвхгүй болгохыг хүсвэл, гулсагчийг хүссэн зүйлээс нь шилжүүлэх хэрэгтэй.
  5. Ойролцоох шөнийн горимыг асаах ба унтраах боломжтой.
  6. Та зүүн талд байгаа самбар дээрх харгалзах товчлуур дээр дарж CSS хянагчуудтай ажиллах боломжтой.
  7. Уншиж буй цэсний шошго нь гулсагчдыг шилжүүлж, зарим утгыг өөрчлөх замаар засварлах болно.
  8. Дараа нь бид өнгө тодорхойлохыг анхаарч үзэхийг зөвлөж байна.
  9. Та ямар нэгэн сүүдэр сонгох боломжтой өргөн палзаар хангагдсан бөгөөд түүний код дээд хэсэгт гарч ирэх бөгөөд дараа нь интерфэйстэй програм бичиж байх үед хожим хэрэглэгддэг.
  10. Цэс рүү зөөх "Вектор редактор".
  11. Энэ нь график объектуудтай ажилладаг бөгөөд зарим тохиолдолд програм хангамж хөгжүүлэх явцад ашигтай байдаг.
  12. Нээлттэй цонх цэсийг нээнэ үү "Хэрэгсэл". Энд та загварыг татаж авах, HTML файл болон текст үүсгэгчийг хадгалах боломжтой.
  13. Төсөл нь нэг файл байдлаар татаж авдаг.
  14. Хэрэв та ажлын байрыг хэмнэхийг хүсч байгаа бол эхлээд энэ үйлчилгээнд хамрагдах ёстой.

Одоо та LiveWeave дээр кодыг хэрхэн засахаа мэддэг болсон. Интернетийн нөөцийг ашиглах талаар бид аюулгүйгээр зөвлөж болно. Учир нь програмын кодтой ажиллах процессыг оновчтой, хялбар болгох боломжтой олон функц, хэрэгсэл байдаг.

Энэ нь бидний нийтлэлийг төгсгөнө. Өнөөдөр бид онлайн үйлчилгээг ашиглан кодтой ажиллах хоёр дэлгэрэнгүй зааварчилгаа өгсөн. Энэхүү мэдээлэл нь ашигтай байсан бөгөөд ажлын хамгийн тохиромжтой вэб эх үүсвэрийг сонгоход тусална гэдэгт итгэлтэй байна.

Мөн үзнэ үү:
Програмчлалын орчин сонгох
Android програм үүсгэх програмууд
Тоглоом үүсгэх програмыг сонгоно уу