Teu salawasna programmer teh nyaeta dina software husus leungeun, ngaliwatan nu anjeunna gawé bareng kode teh. Lamun kitu kajadian nu perlu diedit kode jeung software pakait teu di leungeun, anjeun tiasa nganggo ladenan online gratis. Salajengna, urang bakal ngabahas dua situs ieu jeung nganalisis di jéntré prinsip operasi di aranjeunna.
Edit kode online
Salaku misalna, aya loba rai na sakabéh éta ngan teu ningali, kami geus mutuskeun bade difokuskeun ukur dua sumber online anu pang populerna jeung mangrupakeun hiji set dasar tina parabot diperlukeun.
Tempo ogé: Cara nulis program Java
Metoda 1: CodePen
Situs CodePen loba pamekar bagikeun Konci sorangan, ngaropéa tur dianggo ku proyék. Aya nanaon nyusahkeun ka nyieun akun anjeun sarta geura mimitian nulis, sarta ieu dipigawé saperti kieu:
Buka website CodePen
- Buka halaman imah CodePen situs ngagunakeun tumbu luhur, sarta neruskeun nyieun profil anyar.
- Pilih cara merenah pikeun ngadaptar tur turutan parentah, nyieun rekening sorangan.
- Eusian informasi dina kaca maranéhanana.
- Ayeuna anjeun bisa nanjak nepi tab éta, dilegakeun menu pop-up "Jieun" tur pilih "Proyek".
- Dina jandéla katuhu anjeun bakal ningali format file dirojong sarta basa programming.
- Ngawitan na rohangan ngédit ku milih salah sahiji témplat atanapi standar aksara HTML5.
- kénca bakal nembongkeun sagala dijieun perpustakaan jeung payel.
- Kénca mouse klik dina obyék pikeun ngaktipkeunana dina jandela on katuhu mintonkeun kode teh.
- Di handap aya tombol nu ngidinan Anjeun pikeun nambahkeun polder jeung payel anjeun sorangan.
- Sanggeus nyieun proyék éta, tangtukeun ngaran na simpen robah.
- Iraha wae bisa buka setélan proyék ku ngaklik LMB on "Setélan".
- Di dieu eta kakeunaan informasi dasar - judul, pedaran, tag, sarta setélan sawangan tur kode indentation.
- Mun anjeun teu puas ku pintonan ayeuna wewengkon gawé, Anjeun ngarobah eta ku ngaklik dina sadia "Robah Témbongkeun" tur pilih viewport dipikahoyong.
- Lamun anjeun ngédit kode nu jajar, klik dina "Simpen Sadaya + Run"Nyimpen parobahanana tur ngajalankeun program. handap mintonkeun kaluaran disusun.
- Simpen proyek dina komputer anjeun ku ngaklik dina "Ékspor".
- Antosan dugi processing geus réngsé sarta unggah file.
- Kusabab pamaké teu tiasa gaduh leuwih ti hiji proyék aktip, éta bakal perlu dipiceun versi bébas CodePen, lamun rék nyieun nu anyar. Jang ngalampahkeun ieu, klik dina "Pupus".
- Lebetkeun kecap verifikasi sarta mastikeun ngahapus nu.
Luhureun kami geus dianggap fungsi dasar CodePen layanan online. Salaku bisa ningali, éta téh ogé cocog kana moal ngan ngédit kode, tapi ogé keur nulis eta ti scratch, lajeng babagi kalawan pamaké séjén. Hijina aral loka éta téh dugi di versi gratis.
Metoda 2: LiveWeave
Ayeuna Abdi hoyong cicing di sumberdaya web LiveWeave. Éta hadir teu ukur hiji kode redaktur diwangun-di, tapi ogé parabot lianna, nu urang bahas di handap. Ieu dimimitian ku situs nu saperti kieu:
Buka website LiveWeave
- Tuturkeun tumbu di luhur nepi ka meunang ka kaca redaktur. Di dieu, geuwat anjeun bakal nempo opat jandéla. Kahiji lumangsung dina coding HTML5, dina kadua - JavaScript, dina katilu - CSS, jeung nu kaopat nembongkeun hasil kompilasi.
- Salah sahiji fitur loka ieu bisa dianggap salaku tooltips nalika ngetikkeun tag, aranjeunna bisa ningkatkeun laju ketikan jeung ulah aya kasalahan dina éjahan.
- Sacara standar, kompilasi éta kajadian dina hirup-mode, nyaeta, geuwat olahan sanggeus robah teh.
- Mun nu bade Anjeun nonaktipkeun fungsi ieu, anjeun kudu mindahkeun slaider nu sabalikna item nu dipikahoyong.
- Salajengna aya péngkolan sareng mareuman modeu peuting.
- Anjeun tiasa buka gawekeun CSS controller ku mencét tombol luyu dina panel ditinggalkeun.
- Dina judul menu ieu diédit ku cara ngagerakkeun nu sliders jeung ngaropéa nilai tangtu.
- Salajengna urang nyarankeun ka nengetan determinant warna.
- Anjeun bakal nyadiakeun hiji palette éksténsif, dimana anjeun bisa milih warna naon, sarta ditampilkeun di luhur kodeu, nu engké dipaké nalika nulis program kalawan panganteur dina.
- Ngalih ka menu "Véktor Editor".
- Ieu dilaksanakeun karya kalawan objék grafis nu sok lah bakal mangpaat dina mangsa ngembangkeun software.
- Buka menu pop-up "Pakakas". Aya aya hiji loading template, nyimpen HTML-file jeung generator téks.
- Ngundeur proyek dina file tunggal.
- Mun rék tetep proyek Anjeun, pre-pendaptaran kudu ngalaman prosedur dina layanan online.
Ayeuna anjeun terang kumaha carana ngedit kode dina situs LiveWeave. Bisa aman nyarankeun ngagunakeun sumberdaya online ieu sabab geus loba fitur sarta parabot ngaoptimalkeun jeung simplify prosés gawé bareng kodeu program.
Ieu cik artikel kami geus réngsé. Dinten, urang ngawanohkeun anjeun dua parentah lengkep ihwal kumaha cara damel jeung kode ngagunakeun ladenan online. Simkuring miharep informasi ieu mangpaat tur mantuan milih sumberdaya Web paling luyu pikeun pakasaban.
Tempo ogé:
Milih lingkungan programming
Program pikeun nyieun aplikasi Android
Milih program pikeun nyieun kaulinan
