Hindi palaging ang programmer ay nasa kamay ng espesyal na software na kung saan siya ay gumagana sa code. Kung nangyari ito na kailangan mong i-edit ang code, at walang angkop na software sa kamay, maaari mong gamitin ang mga libreng serbisyo sa online. Susunod, pag-uusapan natin ang tungkol sa dalawang ganyang mga site at pag-aralan nang detalyado ang prinsipyo ng trabaho sa kanila.
Pag-edit ng code sa programa sa online
Dahil mayroong isang malaking bilang ng mga naturang editor at hindi lamang sila maaaring isaalang-alang, napagpasyahan naming mag-focus sa dalawang mapagkukunan sa Internet, na kung saan ay ang pinakapopular at kumakatawan sa pangunahing hanay ng mga kinakailangang tool.
Basahin din: Paano magsulat ng isang programa sa Java
Pamamaraan 1: CodePen
Sa website ng CodePen, maraming mga developer ang nagbahagi ng kanilang sariling mga code, naka-save at gumana sa mga proyekto. Walang kumplikado sa paglikha ng iyong account at agad na magsimulang magsulat, ngunit ito ay tapos na tulad nito:
Pumunta sa CodePen
- Buksan ang pangunahing pahina ng CodePen website gamit ang link sa itaas at magpatuloy upang lumikha ng isang bagong profile.
- Pumili ng isang maginhawang landas sa pagrehistro at, pagsunod sa mga ibinigay na tagubilin, lumikha ng iyong sariling account.
- Punan ang impormasyon tungkol sa iyong pahina.
- Ngayon ay maaari mong i-up ang mga tab, palawakin ang menu ng pop-up "Lumikha" at piliin ang item "Project".
- Sa window sa kanan makikita mo ang mga suportadong format ng file at mga wika sa programming.
- Simulan ang pag-edit sa pamamagitan ng pagpili ng isa sa mga template o karaniwang HTML5 markup.
- Lahat ng mga nilikha na aklatan at file ay ipapakita sa kaliwa.
- Ang pag-click sa kaliwa sa isang bagay ay nagpapa-aktibo nito sa isang window sa kanan ay nagpapakita ng code.
- Sa ibaba ay may mga pindutan upang idagdag ang iyong sariling mga folder at mga file.
- Pagkatapos ng paglikha, pangalanan ang bagay at i-save ang mga pagbabago.
- Sa anumang oras, maaari kang pumunta sa mga setting ng proyekto sa pamamagitan ng pag-click sa LMB "Mga Setting".
- Dito mahahanap mo ang pangunahing impormasyon - pangalan, paglalarawan, mga tag, pati na rin mga pagpipilian para sa pag-preview at indenting ang code.
- Kung hindi ka nasiyahan sa kasalukuyang view ng workspace, maaari mo itong baguhin sa pamamagitan ng pag-click sa "Baguhin ang View" at pagpili ng ninanais na viewport.
- Kapag na-edit mo ang nais na mga linya ng code, mag-click sa "I-save ang Lahat + Patakbuhin"upang mai-save ang lahat ng mga pagbabago at patakbuhin ang programa. Ang pinagsama-samang resulta ay ipinapakita sa ibaba.
- I-save ang proyekto sa iyong computer sa pamamagitan ng pag-click sa "I-export".
- Maghintay para makumpleto ang pagproseso at i-download ang archive.
- Dahil ang gumagamit ay hindi maaaring magkaroon ng higit sa isang aktibong proyekto sa libreng bersyon ng CodePen, kakailanganin mong tanggalin ito kung kailangan mong lumikha ng bago. Upang gawin ito, mag-click sa "Tanggalin".
- Maglagay ng isang verification word at kumpirmahin ang pagtanggal.
Sa itaas, sinuri namin ang mga pangunahing pag-andar ng serbisyo sa CodePen online. Tulad ng nakikita mo, hindi masama para sa hindi lamang pag-edit ng code, ngunit isulat din ito mula sa simula, at pagkatapos ay ibahagi ito sa iba pang mga gumagamit. Ang tanging disbentaha ng site ay ang mga paghihigpit sa libreng bersyon.
Pamamaraan 2: LiveWeave
Ngayon gusto kong manirahan sa mapagkukunan ng LiveWeave web. Naglalaman ito hindi lamang isang built-in na code editor, kundi pati na rin ang iba pang mga tool, na pag-uusapan natin sa ibaba. Ang gawain ay nagsisimula sa site na tulad nito:
Pumunta sa LiveWeave website
- Sundin ang link sa itaas upang makapunta sa pahina ng editor. Dito makikita mo kaagad ang apat na mga bintana. Ang una ay ang pagsulat ng code sa HTML5, ang pangalawa ay ang JavaScript, ang pangatlo ay CSS, at ang ikaapat ay nagpapakita ng resulta ng pagsasama.
- Ang isa sa mga tampok ng site na ito ay maaaring isaalang-alang ng mga tooltip kapag nagta-type ng mga tag, maaari nilang dagdagan ang bilis ng pag-type at maiwasan ang mga error sa pagbaybay.
- Bilang default, nagaganap ang compilation sa live mode, iyon ay, naproseso kaagad pagkatapos gawin ang mga pagbabago.
- Kung nais mong i-deactivate ang pagpapaandar na ito, kailangan mong ilipat ang slider sa tapat ng ninanais na item.
- Malapit na maaari mong i-on at i-off ang mode ng gabi.
- Maaari mong simulan ang pakikipagtulungan sa mga CSS Controller sa pamamagitan ng pag-click sa kaukulang pindutan sa kaliwang panel.
- Sa menu na bubukas, ang inskripsyon ay na-edit sa pamamagitan ng paglipat ng mga slider at pagbabago ng ilang mga halaga.
- Susunod, inirerekumenda namin na bigyang-pansin ang gabay ng kulay.
- Bibigyan ka ng isang malawak na palette kung saan maaari kang pumili ng anumang lilim, at sa tuktok ng code nito ay ipapakita, na sa kalaunan ay ginagamit kapag nagsusulat ng mga programa na may interface.
- Ilipat sa menu "Vector Editor".
- Gumagana ito sa mga graphic na bagay, na kung minsan ay magiging kapaki-pakinabang din sa panahon ng pag-unlad ng software.
- Buksan ang popup menu "Mga tool". Dito maaari mong i-download ang template, i-save ang HTML file at text generator.
- Ang proyekto ay nai-download bilang isang file.
- Kung nais mong makatipid ng trabaho, kailangan mo munang dumaan sa pamamaraan ng pagrehistro sa serbisyong online na ito.
Ngayon alam mo kung paano na-edit ang code sa LiveWeave website. Ligtas naming inirerekumenda ang paggamit ng mapagkukunang ito sa Internet, dahil maraming mga pag-andar at tool na nagbibigay-daan sa iyo upang mai-optimize at gawing simple ang proseso ng pagtatrabaho sa program code.
Tinatapos nito ang aming artikulo. Ngayon ipinakita namin sa iyo ng dalawang detalyadong tagubilin para sa pagtatrabaho sa code gamit ang mga serbisyo sa online. Inaasahan namin na ang impormasyon na ito ay kapaki-pakinabang at nakatulong upang matukoy ang pagpili ng pinaka-angkop na mapagkukunan ng web para sa trabaho.
Basahin din:
Pagpili ng isang kapaligiran sa programming
Mga programa para sa paglikha ng mga aplikasyon ng Android
Pumili ng isang programa upang lumikha ng isang laro
