Ora mesthi programmer nganggo piranti lunak khusus ing tangane karo kode kasebut. Yen kedadeyan sampeyan kudu ngowahi kode kasebut, lan ora ana piranti lunak sing cocog, sampeyan bisa nggunakake layanan online gratis. Sabanjure, kita bakal ngrembug babagan rong situs kasebut lan nganalisa kanthi rinci babagan prinsip kerja ing dheweke.
Ngedit kode program online
Amarga ana sawetara editor sing umume, lan ora bisa dianggep, kita mutusake mung fokus ing rong sumber Internet, sing paling populer lan makili set utama alat sing dibutuhake.
Waca uga: Cara nulis program ing Jawa
Cara 1: CodePen
Ing situs web CodePen, akeh pangembang nuduhake kode dhewe, nyimpen lan kerja bareng karo proyek. Ora ana sing rumit nggawe akun lan enggal miwiti nulis, nanging iki rampung kaya:
Menyang CodePen
- Bukak kaca utama situs web CodePen nggunakake tautan ing ndhuwur lan terus nggawe profil anyar.
- Pilih jalur registrasi sing gampang lan, tindakake pandhuan sing diwenehake, gawe akun sampeyan dhewe.
- Isi informasi babagan kaca sampeyan.
- Saiki sampeyan bisa munggah tab, nggedhekake menu pop-up "Gawe" banjur pilih item "Proyek".
- Ing jendhela ing sisih tengen sampeyan bisa ndeleng format file sing didhukung lan basa pemrograman.
- Miwiti ngowahi kanthi milih salah sawijining template utawa markup HTML5 standar.
- Kabeh perpustakaan lan file sing digawe bakal ditampilake ing sisih kiwa.
- Ngeklik kiwa menyang obyek ngaktifake ing jendhela ing sisih tengen nampilake kode kasebut.
- Ing sisih ngisor ana tombol kanggo nambah folder lan file sampeyan dhewe.
- Sawise nggawe, jeneng obyek kasebut lan simpen pangowahan kasebut.
- Nalika sembarang wektu, sampeyan bisa pindhah menyang setelan proyek kanthi ngeklik LMB "Setelan".
- Ing kene sampeyan bisa nemokake informasi dhasar - jeneng, deskripsi, tag, uga pilihan kanggo pratinjau lan indenting kode kasebut.
- Yen sampeyan ora puas karo tampilan ruang kerja saiki, sampeyan bisa ngganti kanthi ngeklik "Ganti Tampilan" lan milih viewport sing dikarepake.
- Yen sampeyan ngowahi garis kode sing dikepengini, klik "Simpen Kabeh + Run"kanggo ngirit kabeh perubahan lan mbukak program. Asil kompilasi ditampilake ing ngisor iki.
- Simpen proyek ing komputer kanthi ngeklik "Ekspor".
- Ngenteni proses kanggo ngrampungake lan download arsip.
- Amarga pangguna ora bisa duwe luwih saka siji proyek aktif ing versi CodePen gratis, sampeyan kudu mbusak yen sampeyan kudu nggawe anyar. Kanggo nindakake iki, klik "Delete".
- Ketik tembung verifikasi lan konfirmasi pambusakan.
Ndhuwur, kita mriksa fungsi dhasar layanan CodePen online. Kaya sing sampeyan ngerteni, ora ala amarga ora mung nyunting kode kasebut, nanging uga bisa nulis saka wiwitan, banjur nuduhake kanthi pangguna liyane. Kelemahane situs mung watesan babagan versi gratis.
Cara 2: LiveWeave
Saiki aku kepengin manggon ing sumber web LiveWeave. Isine ora mung editor kode sing dibangun, nanging uga alat liyane, sing bakal kita rembugake ing ngisor iki. Pakaryan diwiwiti karo situs kaya iki:
Menyang situs web LiveWeave
- Tindakake tautan ing ndhuwur supaya tekan kaca editor. Ing kene sampeyan bakal langsung ndeleng patang jendhela. Kapisan yaiku nulis kode ing HTML5, nomer loro yaiku JavaScript, nomer telu yaiku CSS, lan nomer papat nuduhake asil kompilasi.
- Salah sawijining fitur situs iki bisa dianggep toolbar nalika ngetik tag, bisa nambah kacepetan ngetik lan ngindhari kasalahan ejaan.
- Kanthi gawan, kompilasi ditindakake ing mode live, yaiku diproses sawise rampung.
- Yen sampeyan pengin mateni fungsi iki, sampeyan kudu mindhah panggeser ngelawan item sing dikepengini.
- Ing cedhak sampeyan bisa mateni lan mateni mode wengi.
- Sampeyan bisa miwiti nggarap pengontrol CSS kanthi ngeklik tombol sing cocog ing panel kiwa.
- Ing menu sing mbukak, prasasti disunting kanthi ngobahake slider lan ngganti nilai tartamtu.
- Sabanjure, disaranake sampeyan menehi perhatian marang pandhuan warna.
- Sampeyan kasedhiya palette ekstensif ing ngendi sampeyan bisa milih iyub-iyub, lan ing sisih ndhuwur kode bakal ditampilake, sing mengko digunakake nalika nulis program kanthi antarmuka.
- Pindhah menyang menu "Editor Vektor".
- Kerjane kanthi obyek grafis, sing uga bisa migunani sajrone pangembangan piranti lunak.
- Mbukak menu pop-up "Piranti". Ing kene sampeyan bisa ndownload template kasebut, simpen file HTML lan generator teks.
- Proyèk didownload minangka file siji.
- Yen sampeyan pengin nylametake kerja, sampeyan kudu ngliwati prosedur registrasi ing layanan online iki.
Saiki sampeyan ngerti carane kode kasebut diowahi ing situs web LiveWeave. Kita bisa kanthi aman nyaranake nggunakake sumber Internet iki, amarga wis akeh fungsi lan alat sing ngidini sampeyan ngoptimalake lan nggampangake proses nggarap kode program.
Iki rampung artikel kita. Dina iki kita ngaturake rong instruksi rinci kanggo nggarap kode nggunakake layanan online. Muga-muga informasi iki migunani lan mbantu nemtokake pilihan sumber daya web sing cocog kanggo karya.
Waca uga:
Milih lingkungan program
Program nggawe aplikasi Android
Pilih program kanggo nggawe game
