Editor Kode Online

Tidak selalu, programmer memiliki perangkat lunak khusus di mana ia bekerja dengan kode. Jika itu terjadi bahwa perlu untuk mengedit kode, dan perangkat lunak yang sesuai tidak ada, Anda dapat menggunakan layanan online gratis. Selanjutnya, kita akan berbicara tentang dua situs dan detail seperti itu secara rinci prinsip kerja di dalamnya.

Edit kode program online

Karena ada sejumlah besar editor serupa dan semuanya sederhana untuk tidak dipertimbangkan, kami memutuskan untuk berkonsentrasi hanya pada dua sumber daya Internet yang paling populer dan mewakili set utama alat yang diperlukan.

Di atas, kami meninjau fungsi dasar Layanan Online Codepen. Seperti yang Anda lihat, itu tidak buruk karena tidak hanya untuk mengedit kode, tetapi juga menulisnya dari awal, dan kemudian berbagi dengan pengguna lain. Satu-satunya kelemahan dari situs ini adalah batasan dalam versi gratis.

Metode 2: Liveweave

Sekarang saya ingin tetap di Liveweave Web Web. Ini tidak hanya memiliki editor kode bawaan, tetapi juga alat lain yang akan kami bicarakan di bawah ini. Pekerjaan dimulai dengan situs seperti ini:

Pergi ke situs web Liveweave

1. Ikuti tautan di atas untuk sampai ke halaman Editor. Di sini Anda segera melihat empat jendela. Menulis kode pertama dalam HTML5, di kedua - Javascript, di ketiga - CSS, dan hasil kompilasi ditunjukkan pada yang keempat.



2. Salah satu fitur dari situs ini dapat dianggap sebagai tips pop-up saat mengetik tag, mereka memungkinkan Anda untuk meningkatkan kecepatan set dan menghindari kesalahan secara tertulis.



3. Secara default, kompilasi terjadi dalam mode langsung, yaitu, diproses segera setelah melakukan perubahan.



4. Jika Anda ingin menonaktifkan fitur ini, Anda harus memindahkan slider di seberang item yang diperlukan.



5. Terdekat tersedia di dan dari mode malam.



6. Anda dapat melanjutkan bekerja dengan pengontrol CSS dengan mengklik tombol yang sesuai di panel kiri.



7. Dalam menu yang terbuka, prasasti diedit dengan memindahkan slider dan mengubah nilai-nilai tertentu.



8. Selanjutnya, kami sarankan memperhatikan penentu warna.



9. Anda memberikan palet yang luas di mana Anda dapat memilih warna apa pun, dan kodenya akan muncul di bagian atas, yang kemudian digunakan saat menulis program dengan antarmuka.



10. Pindahkan ke menu "Editor Vektor".



11. Ini bekerja dengan objek grafis, yang juga akan berguna pada saat pengembangan perangkat lunak.



12. Buka menu pop-up Alat. Berikut ini tersedia template loading, simpan file HTML dan generator teks.



13. Sebuah proyek diunduh dalam bentuk satu file.



14. Jika Anda ingin menyimpan pekerjaan, Anda pertama-tama harus melalui prosedur pendaftaran dalam layanan online ini.

Sekarang Anda tahu bagaimana kode diedit di situs web LiveWeave. Kami dapat dengan aman merekomendasikan menggunakan sumber daya Internet ini, karena memiliki banyak fitur dan alat yang memungkinkan Anda untuk mengoptimalkan dan menyederhanakan proses bekerja dengan kode program.

Pada hal ini, artikel kami selesai. Hari ini kami telah memperkenalkan Anda dua instruksi terperinci untuk bekerja dengan kode menggunakan layanan online. Kami berharap informasi ini bermanfaat dan membantu memutuskan pilihan sumber daya web yang paling cocok untuk bekerja.

Lihat juga:

Pilih Lingkungan Pemrograman

Program untuk Membuat Aplikasi Android

Memilih program untuk membuat game