Programmer ora tansah nduweni piranti lunak khusus ing tangan, ing ngendi dheweke nggarap kode kasebut. Yen mengkono sampeyan kudu ngowahi kode, lan piranti lunak sing cocog ora ana ing tangan, sampeyan bisa nggunakake layanan online sing gratis. Salajengipun kita bakal nyritakake babagan loro situs kuwi lan nganalisa rinci prinsip kerja ing dheweke.
Editing kode program online
Wiwit ana akeh panyunting kaya mengkono, lan mung ora bisa dianggep, kita mutusaké kanggo fokus mung ing rong sumber online sing paling populer lan minangka piranti dhasar sing penting.
Deleng uga: Cara nulis program Jawa
Cara 1: CodePen
Ing CodePen situs, akeh pangembang ngandharake kodhe dhewe, nylametake lan nggarap proyek. Ora ana susah nggawe akun lan langsung nulis, nanging iki wis kaya:
Menyang situs web CodePen
- Bukak kaca utama situs CodePen nggunakake pranala ing ndhuwur lan nerusake nggawe profil anyar.
- Pilih cara sing gampang kanggo ndhaftar lan, nderek instruksi kasebut, nggawe akun sampeyan dhewe.
- Isi informasi babagan kaca.
- Saiki sampeyan bisa munggah tab, nggedhekake menu pop-up. "Nggawe" lan milih item "Project".
- Ing jendhela ing sisih tengen sampeyan bakal weruh format file sing didhukung lan basa program.
- Mulai nyunting kanthi milih salah sawijining cithakan utawa tandha HTML5 standar.
- Kabeh pustaka lan file sing digawe bakal ditampilake ing sisih kiwa.
- Kadal-klik ing obyek ngaktifake. Ing jendhela ing sisih tengen, kode kasebut bakal katon.
- Ing ngisor ana tombol sing ngidini sampeyan nambah folder lan file sampeyan dhewe.
- Sawise nggawe, menehi jeneng menyang obyek kasebut lan nyimpen owah-owahan.
- Ing sembarang wektu sampeyan bisa pindhah menyang setelan project kanthi ngeklik ing "Setelan".
- Kene sampeyan bisa nyetel informasi dhasar - jeneng, deskripsi, tag, uga paramèter pratilik lan indentasi kode.
- Yen sampeyan ora seneng karo tampilan ruang kerja saiki, sampeyan bisa ngganti kanthi ngeklik "Ngganti View" lan pilih jendhela tampilan sing dikarepake.
- Nalika sampeyan ngowahi kode kode sing diperlokake, klik ing "Simpen Kabeh + Run"kanggo nyimpen kabeh owah-owahan lan mbukak program kasebut. Hasil kompilasi ditampilake ing ngisor iki.
- Simpen proyek ing komputer kanthi ngeklik "Ekspor".
- Ngenteni nganti proses rampung lan ngundhuh arsip kasebut.
- Wiwit pangguna ora bisa duwe luwih saka siji proyek aktif ing versi CodePen, sampeyan kudu dibusak yen sampeyan kudu nggawe sing anyar. Kanggo nindakake iki, klik ing "Busak".
- Ketik tembung mriksa lan konfirmasi pambusakan.
Ndhuwur, kita nliti fungsi dasar CodePen layanan online. Minangka sampeyan bisa ndeleng, iku uga cocog kanggo ora mung ngowahi kode, nanging uga nulis saka awal, banjur bareng karo panganggo liyane. Kelemahane situs iki yaiku larangan ing versi gratis.
Cara 2: LiveWeave
Saiki aku seneng manggon ing sumber web LiveWeave. Ngemot ora mung dibangun kode editor, nanging uga piranti liyane, sing bakal kita bahas ing ngisor iki. Karya karo situs wiwit kaya iki:
Menyang situs web LiveWeave
- Tindakake link ing ndhuwur kanggo njaluk menyang kaca editor. Kene sampeyan bakal langsung ndeleng papat jendhela. Sing pisanan nulis kode HTML5, sing kapindho yaiku JavaScript, sing katelu CSS, lan papat nuduhake asil kompilasi.
- Siji fitur saka situs iki bisa dianggep minangka tooltip nalika ngetik tag, ngidini sampeyan nambah kecepatan ngetik lan supaya kasalahan ejaan.
- Secara default, kompilasi njupuk ing mode urip, yaiku, diproses sakcepete sawise nggawe owah-owahan.
- Yen sampeyan pengin mateni fungsi iki, sampeyan kudu mindhah slider ing ngarepan item sing dikepengini.
- Nearby sing kasedhiya lan mateni mode wengi.
- Sampeyan bisa nyambut gawe nganggo pengontrol CSS kanthi ngeklik tombol sing cocog ing panel ing sisih kiwa.
- Ing menu sing mbukak, label diowahi kanthi nggeser slider lan ngganti nilai-nilai tartamtu.
- Sabanjure, disaranake kanggo mènèhi perhatian marang determinan warna.
- Sampeyan diwenehi palet ekstensif sing bisa milih samubarang warna, lan kodhe bakal ditampilake ing sisih ndhuwur, sing banjur digunakake nalika nulis program kanthi antarmuka.
- Pindhah menyang menu "Vektor Editor".
- Kerjane karo obyek grafis, sing uga bisa uga migunake sajrone pembangunan piranti lunak.
- Mbukak menu nyembul "Alat". Ing kene sampeyan bisa ngundhuh cithakan, nyimpen file HTML lan generator teks.
- Proyèk iki diundhuh minangka file siji.
- Yen sampeyan pengin nyimpen karya, sampeyan kudu mlebu liwat prosedur registrasi ing layanan online iki.
Saiki sampeyan kepiye carane nyunting kode kasebut ing LiveWeave. Kita bisa nyaranake kanthi aman nggunakake sumber Internet iki, amarga ana akeh fungsi lan alat ing piranti kasebut sing ngidini kanggo ngoptimalake lan ndadahi proses nggarap kode program.
Iki nyimpul artikel kita. Dina iki kita wis nyiapake sampeyan karo rong instruksi rinci kanggo nggarap kode nggunakake layanan online. Kita ngarep-arep informasi iki migunani lan mbantu nemtokake pilihan sumber web sing paling cocok kanggo karya.
Deleng uga:
Milih lingkungan program
Program kanggo nggawe aplikasi Android
Pilih program kanggo nggawe game
