Ang programmer ay hindi palaging may espesyal na software sa kamay, kung saan siya ay gumagana sa code. Kung mangyayari ito na kailangan mong i-edit ang code, at ang kaukulang software ay hindi malapit, maaari mong gamitin ang mga libreng online na serbisyo. Dagdag dito ay sasabihin namin ang tungkol sa dalawang ganoong mga site at pag-aralan nang detalyado ang prinsipyo ng trabaho sa mga ito.
Ang pag-edit ng program code online
Dahil may isang malaking bilang ng mga naturang mga editor at hindi lamang upang isaalang-alang ang lahat ng ito, napagpasyahan naming mag-focus lamang sa dalawang mga online na mapagkukunan na ang pinaka-popular at kumakatawan sa mga pangunahing hanay ng mga kinakailangang tool.
Tingnan din ang: Paano sumulat ng isang programa ng Java
Paraan 1: CodePen
Sa CodePen ng site, maraming mga developer ang nagbabahagi ng kanilang sariling mga code, i-save at magtrabaho sa mga proyekto. Walang mahirap na lumikha ng iyong account at agad na magsimulang magsulat, ngunit tapos na ito tulad nito:
Pumunta sa website ng CodePen
- Buksan ang pangunahing pahina ng site ng CodePen gamit ang link sa itaas at magpatuloy sa paglikha ng isang bagong profile.
- Pumili ng isang maginhawang paraan upang magparehistro at, pagsunod sa mga tagubilin na ibinigay, lumikha ng iyong sariling account.
- Punan ang impormasyon tungkol sa iyong pahina.
- Ngayon ay maaari kang umakyat sa tab, palawakin ang menu ng pop-up. "Lumikha" at pumili ng isang item "Project".
- Sa window sa kanan makikita mo ang mga sinusuportahang format ng file at mga programming language.
- Simulan ang pag-edit sa pamamagitan ng pagpili ng isa sa mga template o karaniwang markup ng HTML5.
- Ang lahat ng nilikha ng mga library at mga file ay ipapakita sa kaliwa.
- Ang kaliwang pag-click sa isang bagay ay nagpapatakbo nito. Sa bintana sa kanan, ipinapakita ang code.
- Sa ibaba ay may mga pindutan na nagbibigay-daan sa iyo upang idagdag ang iyong sariling mga folder at mga file.
- Pagkatapos ng paglikha, magbigay ng isang pangalan sa bagay at i-save ang mga pagbabago.
- Sa anumang oras maaari kang pumunta sa mga setting ng proyekto sa pamamagitan ng pag-click sa "Mga Setting".
- Dito maaari mong itakda ang pangunahing impormasyon - ang pangalan, paglalarawan, mga tag, pati na rin ang mga parameter ng preview at code indentation.
- Kung hindi ka nasisiyahan sa kasalukuyang pagtingin sa workspace, maaari mong baguhin ito sa pamamagitan ng pag-click sa "Baguhin ang View" at piliin ang nais na window ng panonood.
- Kapag na-edit mo ang mga kinakailangang linya ng code, mag-click sa "I-save ang Lahat + Run"upang i-save ang lahat ng mga pagbabago at patakbuhin ang programa. Ang naipon na resulta ay ipinapakita sa ibaba.
- I-save ang proyekto sa iyong computer sa pamamagitan ng pag-click sa "I-export".
- Maghintay hanggang makumpleto ang pag-proseso at i-download ang archive.
- Dahil ang user ay hindi maaaring magkaroon ng higit sa isang aktibong proyekto sa libreng bersyon ng CodePen, dapat itong matanggal kung kailangan mong lumikha ng bago. Upang gawin ito, mag-click sa "Tanggalin".
- Ipasok ang check word at kumpirmahin ang pagtanggal.
Sa itaas, sinusuri namin ang mga pangunahing pag-andar ng CodePen sa online na serbisyo. Tulad ng makikita mo, angkop na hindi lamang i-edit ang code, ngunit isulat din ito mula sa simula, at pagkatapos ay ipamahagi ito sa ibang mga user. Ang tanging disbentaha ng site ay mga paghihigpit sa libreng bersyon.
Paraan 2: LiveWeave
Ngayon Gusto kong tumira sa LiveWeave web resource. Nilalaman nito ang hindi lamang ang built-in na editor ng code, kundi pati na rin ang iba pang mga tool, na tatalakayin namin sa ibaba. Nagsisimula ang trabaho sa site tulad nito:
Pumunta sa website ng LiveWeave
- Sundin ang link sa itaas upang makapunta sa pahina ng editor. Dito makikita mo agad ang apat na bintana. Ang una ay pagsusulat ng code sa HTML5, ang pangalawang ay JavaScript, ang ikatlo ay CSS, at ang ikaapat ay nagpapakita ng resulta ng compilation.
- Ang isa sa mga tampok ng site na ito ay maaaring isaalang-alang bilang mga tooltip kapag nag-type ng mga tag, pinapayagan ka nitong dagdagan ang bilis ng pagta-type at maiwasan ang mga error sa spelling.
- Sa pamamagitan ng default, ang compilation ay magaganap sa live mode, iyon ay, naproseso kaagad pagkatapos gumawa ng mga pagbabago.
- Kung nais mong i-deactivate ang function na ito, kailangan mong ilipat ang slider sa tapat ng ninanais na item.
- Kalapit na magagamit sa at off ang gabi mode.
- Maaari kang pumunta upang gumana sa mga controllers ng CSS sa pamamagitan ng pag-click sa kaukulang pindutan sa panel sa kaliwa.
- Sa menu na bubukas, ang label ay na-edit sa pamamagitan ng paglipat ng mga slider at pagbabago ng ilang mga halaga.
- Susunod, inirerekomenda naming bigyang-pansin ang determinant ng mga kulay.
- Nagbibigay ka ng isang malawak na palette kung saan maaari kang pumili ng anumang lilim, at ang code nito ay ipapakita sa tuktok, na kung saan ay ginagamit sa ibang pagkakataon kapag nagsusulat ng mga programa gamit ang isang interface.
- Ilipat sa menu "Editor ng Vector".
- Gumagana ito sa mga graphic na bagay, na kung minsan ay kapaki-pakinabang din sa 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 solong file.
- Kung nais mong i-save ang trabaho, kailangan mo munang dumaan sa pamamaraan ng pagpaparehistro sa serbisyong ito sa online.
Ngayon alam mo kung paano i-edit ang code sa LiveWeave. Ligtas naming inirerekomenda ang paggamit ng mapagkukunan ng Internet na ito, dahil maraming mga pag-andar at mga tool dito na nagpapahintulot upang ma-optimize at gawing simple ang proseso ng pagtatrabaho sa program code.
Tinatapos nito ang aming artikulo. Ngayon kami ay nagbigay sa iyo ng dalawang detalyadong tagubilin para sa pagtatrabaho sa code gamit ang mga serbisyong online. Umaasa kami na ang impormasyong ito ay kapaki-pakinabang at nakatulong upang matukoy ang pagpili ng pinaka angkop na mapagkukunan ng web para sa trabaho.
Tingnan din ang:
Pagpili ng isang programming environment
Programa para sa paglikha ng mga application ng Android
Pumili ng isang programa upang lumikha ng isang laro
