Dili kanunay ang programmer adunay espesyal nga software sa diin siya nagtrabaho kauban ang code. Kung nahinabo nga kinahanglan nimo nga i-edit ang code, ug wala’y angay nga software sa kamot, mahimo nimong magamit ang libre nga mga serbisyo sa online. Sunod, hisgutan naton ang duha sa ingon nga mga site ug pag-analisar sa detalye ang sukaranan sa pagtrabaho sa kanila.
Pag-edit sa code sa programa online
Tungod kay adunay daghang gidaghanon sa ingon nga mga editor ug dili nila mahunahunaan, nakahukom kami nga mag-focus sa duha ra nga mga kapanguhaan sa Internet, nga mao ang labing inila ug nagrepresentar sa mga nag-unang hugpong sa mga kinahanglan nga mga himan.
Basaha usab: Giunsa pagsulat ang usa ka programa sa Java
Paagi 1: CodePen
Sa website sa CodePen, daghang mga developer ang nakigbahin sa ilang kaugalingon nga mga code, naka-save ug nagtrabaho sa mga proyekto. Wala’y komplikado sa paghimo sa imong account ug pagsugod dayon sa pagsulat, apan nahimo kini sama niini:
Lakaw ngadto sa CodePen
- Ablihi ang panguna nga panid sa website nga CodePen gamit ang link sa ibabaw ug ipadayon ang paghimo usa ka bag-ong profile.
- Pagpili usa ka maayong agianan sa pagparehistro ug, pagsunod sa gihatag nga mga panudlo nga gihimo, paghimo sa imong kaugalingon nga account.
- Pun-a ang kasayuran bahin sa imong panid.
- Karon mahimo ka mag-adto sa mga tab, mapalapad ang pop-up menu "Paghimo" ug pagpili sa aytem "Proyekto".
- Sa bintana sa tuo makita nimo ang gisuportahan nga mga format sa file ug mga sinultian sa programming.
- Sugdi ang pag-edit pinaagi sa pagpili sa usa sa mga template o standard HTML5 markup.
- Ang tanan nga gibuhat nga mga librarya ug mga file ipakita sa wala.
- Ang pag-klik sa wala sa usa ka butang nga nag-aktibo niini sa usa ka bintana sa tuo nga gipakita ang code.
- Sa ubos adunay mga buton aron idugang ang imong kaugalingon nga mga folder ug mga file.
- Pagkahuman sa paghimo, ngalan ang butang ug tipigi ang mga pagbag-o.
- Sa bisan unsang oras, mahimo ka moadto sa mga setting sa proyekto pinaagi sa pagklik sa LMB "Mga setting".
- Dinhi makit-an nimo ang mga batakang kasayuran - ngalan, paghulagway, tag, ingon man mga kapilian alang sa pag-preview ug pag-indigay sa code.
- Kung dili ka matagbaw sa karon nga pagtan-aw sa workspace, mahimo nimo kini mabag-o pinaagi sa pag-klik sa "Usba ang Pagtan-aw" ug pagpili sa gitinguha nga viewport.
- Kung imong gi-edit ang gitinguha nga mga linya sa code, pag-klik sa "Luwasa ang Tanan + Pagdagan"aron maluwas ang tanan nga mga pagbag-o ug modagan ang programa. Ang nakolekta nga resulta gipakita sa ubos.
- I-save ang proyekto sa imong computer pinaagi sa pag-klik sa "Export".
- Paghulat alang sa pagproseso aron makompleto ug i-download ang archive.
- Tungod kay ang gumagamit dili mahimo nga adunay labaw pa sa usa ka aktibo nga proyekto sa libre nga bersyon sa CodePen, kinahanglan nimo nga papason kini kung kinahanglan nimo nga maghimo usa ka bag-o. Aron mahimo kini, i-klik sa "Pagwagtang".
- Pagsulud sa usa ka pulong sa pagmatuod ug kumpirmahi ang pagtangtang.
Labaw sa tanan, gisusi namon ang mga batakang gimbuhaton sa serbisyo sa online nga CodePen. Ingon sa imong makita, dili daotan alang sa dili lamang sa pag-edit sa code, apan usab ang pagsulat niini gikan sa sinugdanan, ug unya i-share kini sa ubang mga tiggamit. Ang bugtong disbentaha sa site mao ang mga pagdili sa libre nga bersyon.
Paagi 2: LiveWeave
Karon gusto ko nga magpuyo sa LiveWeave web kapanguhaan. Naglangkob kini dili lamang usa ka built-in nga code editor, apan usab uban pang mga himan, nga among hisgutan sa ubos. Ang trabaho nagsugod sa site nga sama niini:
Lakaw ngadto sa website sa LiveWeave
- Sunda ang link sa ibabaw aron makaabut sa panid sa editor. Dinhi makita dayon nimo ang upat nga mga bintana. Ang una mao ang code sa pagsulat sa HTML5, ang ikaduha mao ang JavaScript, ang ikatulo mao ang CSS, ug ang ika-upat nagpakita nga resulta sa pagtipon.
- Usa sa mga dagway sa kini nga site mahimong giisip nga mga tooltip kung nag-type sa mga tag, mahimo nila mapataas ang katulin sa pag-type ug malikayan ang mga sayup sa spelling.
- Pinaagi sa default, ang pagtipig mahitabo sa live mode, nga mao, kini giproseso dayon pagkahuman sa paghimo sa mga pagbag-o.
- Kung gusto nimo nga ma-deactivate kini nga function, kinahanglan nimo nga ibalhin ang slider sa atbang nga gusto nga butang.
- Sa duol mahimo nimo ma-on ug i-off ang mode sa gabii.
- Mahimo ka magsugod sa pagtrabaho kauban ang mga CSS Controller pinaagi sa pag-klik sa katugbang nga butones sa wala nga panel.
- Sa menu nga nagbukas, ang inskripsiyon gi-edit pinaagi sa paglihok sa mga slider ug pagbag-o sa pipila nga mga mithi.
- Sunod, girekomenda namon nga hatagan nimo ang pagtagad sa gabay sa kolor.
- Gihatagan ka usa ka halapad nga palette diin mahimo nimo mapili ang bisan unsang landong, ug sa tumoy sa code niini ipakita, nga sa ulahi gigamit sa pagsulat sa mga programa nga adunay usa ka interface.
- Pagbalhin sa menu "Vector Editor".
- Naglihok kini uban ang mga butang nga grapiko, nga mahimo usab us aka mapuslanon sa panahon sa pagpalambo sa software.
- Ablihi ang menu sa popup "Mga himan". Dinhi mahimo nimo i-download ang template, i-save ang HTML file ug text generator.
- Ang proyekto gi-download ingon usa ka file.
- Kung gusto nimo nga makatipig sa trabaho, kinahanglan nauna ka nga mag-agi sa pamaagi sa pagrehistro sa kini nga serbisyo sa online.
Karon nahibal-an nimo kung giunsa ang pag-edit sa code sa LiveWeave website. Mahimo namon nga luwas nga girekomenda ang paggamit niini nga kapanguhaan sa Internet, tungod kay daghan kini nga mga gimbuhaton ug mga himan nga nagtugot kanimo sa pag-optimize ug pasimplehon ang proseso sa pagtrabaho kauban ang code sa programa.
Kini ang magtapos sa among artikulo. Karon gipakita namon kanimo ang duha ka detalyado nga panudlo alang sa pagtrabaho sa code gamit ang mga serbisyo sa online. Naglaum kami nga mapuslanon kini nga kasayuran ug nakatabang nga mahibal-an ang pagpili sa labing angay nga kapanguhaan sa web alang sa trabaho.
Basaha usab:
Pagpili sa usa ka palibot nga programa
Mga programa alang sa paghimo sa mga aplikasyon sa Android
Pagpili usa ka programa aron makahimo usa ka dula
