Untuk pemula yang ingin belajar, dan untuk profesional berpengalaman, ada beberapa situs web yang memungkinkan Anda untuk mencoba baris kode dan melihat hasilnya dalam pratinjau dan hampir secara real time. Ini adalah aplikasi nyata dengan layar terbagi dua, di mana di satu sisi Anda menulis kode yang dapat berupa HTML, CSS, PHP, Javascript atau lainnya, sementara di sisi lain, setelah menekan tombol untuk menjalankan, Anda benar-benar melihat seperti apa kode itu di dalam sebuah situs web.
Ini bukan editor kode sederhana, tetapi tempat di mana Anda dapat menguji pemrograman Anda tanpa khawatir membuat kesalahan dan dengan cepat mencari tahu di mana kesalahannya. Codepen dan JSFiddle adalah dua situs paling populer dalam kategori ini, tetapi ada juga banyak alternatif.
BACA JUGA: Bahasa pemrograman utama yang digunakan untuk aplikasi dan situs web
1) CodePen
CodePen adalah situs paling populer dan digunakan oleh programmer karena gratis, intuitif dan mudah digunakan. Setelah menjadi standar dalam dunia programmer, cukup cari di Google untuk menemukan halaman yang sudah dikompilasi oleh Codepen dan lihat segera apakah itu yang Anda cari. Jendela tampilan yang fleksibel dan eksekusi langsung kode tertulis membuatnya cukup sempurna untuk mencoba animasi javascript dan CSS, selain itu dapat dengan mudah terhubung ke skrip eksternal (Bereaksi, Vue, dan apa pun yang tersedia melalui CDN).
CodePen pantas mendapat tempat pertama dalam kategori ini, namun beberapa fitur dibayar, seperti pengkodean kolaboratif dan tampilan langsung satu halaman penuh (live view parsial gratis).
2) JSFiddle
Di tempat kedua (meskipun secara kronologis itu adalah salah satu yang tertua) di dunia situs untuk menulis dan mencoba kode pemrograman adalah JSFiddle, terutama berorientasi pada pembuatan dan pengujian JavaScript. Itu juga dapat digunakan untuk HTML dan CSS dan karena mendukung tips penyelesaian kode dan mungkin juga lebih disukai daripada CodePen untuk yang kurang berpengalaman.
Poin utama yang mendukung JSFiddle adalah ia menawarkan mode kolaborasi gratis (termasuk obrolan suara dan teks), sehingga Anda dapat mengerjakan kode secara bersamaan dengan orang lain.
3) Kesalahan
Banyak situs kode memungkinkan Anda untuk menyandikan HTML / CSS / JS dan menghasilkan halaman Web statis, sementara Glitch menawarkan ruang penyimpanan kecil gratis untuk menyimpan proyek dan membuatnya mudah untuk mengeksekusi kode sisi server Node.js. Anda dapat secara kolaboratif memprogram tentang Glitch,
Ini juga dilengkapi dengan sejumlah fitur fantastis lainnya: pengkodean kolaboratif, kontrol versi, banyak sumber belajar, integrasi yang baik dengan GitHub, penyematan mudah, komunitas untuk meminta saran, proyek yang sudah dibuat yang dapat Anda modifikasi atau gunakan secara bebas dan Integrasi Visual Studio. Ini adalah cara yang hebat, cepat dan mudah untuk memulai aplikasi web (atau belajar bagaimana melakukannya).
4) CodeSandbox
CodeSandbox mirip dengan Glitch tetapi sedikit lebih kompleks dan lengkap. CodeSandbox memiliki antarmuka yang lebih fleksibel dan dapat dikustomisasi, memungkinkan Anda untuk mendistribusikan aplikasi web yang lengkap, memiliki ruang untuk menyimpan file dan melakukan sebagian besar pekerjaan dasar yang membuat programmer hanya tugas menulis.
5) Repl.it
Repl.it adalah lingkungan pengembangan untuk menguji berbagai jenis bahasa pemrograman seperti Python dengan dukungan kode front-end dan back-end, memungkinkan Anda untuk mendistribusikan situs dan aplikasi, memiliki integrasi dengan GitHub dan antarmuka yang intuitif. Mungkin agak terlalu sulit bagi siapa saja yang hanya mencoba mendesain halaman web, tetapi untuk programmer yang sudah berpengalaman, ini adalah sumber yang perlu dipertimbangkan. jika Anda hanya merencanakan front-end atau jika Anda baru dalam kode, tetapi jika Anda merencanakan semuanya secara teratur, perlu ditelusuri.
6) Liveweave adalah editor web yang sangat mirip dengan JSFiddle, yang dapat digunakan untuk menulis dan mencoba kode untuk digunakan di situs web, dengan fungsi pratinjau langsung, petunjuk kode untuk HTML5, CSS3, JavaScript, dan jQuery dan yang memungkinkan Anda mengunduh proyek sebagai file zip. Anda juga dapat menambahkan perpustakaan eksternal seperti jQuery, AndgularJS, Bootstrap dengan mudah.
7) CodeSandbox adalah ruang online gratis tempat Anda dapat memulai proyek aplikasi web menggunakan kerangka kerja yang berbeda, seperti React, Vue, Angular, dan banyak lagi.
8) StackBlitz adalah editor aplikasi javascript yang sangat baik, yang mendukung berbagai kerangka kerja seperti Vue dan React.
9) Flem, situs minimalis, sempurna untuk membuat tes cepat.
10) JSBin, versi JSFiddle yang lebih minimalis, untuk menulis kode halaman web dan melihat tampilannya.
11) CSSDeck adalah situs sederhana untuk menguji beberapa ide dasar HTML / CSS dan JS.
12) ICECoder, lingkungan online lain untuk kode pengujian, yang mengharuskan Anda untuk mengunduh program yang berjalan di browser dan juga dapat digunakan secara offline.
13) Plunker, alat front-end yang memungkinkan Anda untuk menulis kode, file dan halaman web dan menyimpannya di Github.
14) Scrimba adalah kombinasi inovatif dari editor video dan kode yang merupakan lingkungan belajar yang sempurna bagi siswa dan mereka yang ingin belajar.
15) WebMaker, pembuat aplikasi web dengan fungsionalitas offline dan integrasi dengan CodePen.
16) Dabblet, untuk mencoba dan menulis kode HTML / CSS / JS dengan grafik yang bagus dan korektor otomatis untuk kode CSS.
17) PlayCode juga merupakan lingkungan untuk pengujian real-time kode HTML / CSS / JS dasar.
19) JSItor adalah alternatif lain untuk Codepen dan JSFiddle, di mana Anda dapat menulis kode dengan menggabungkan HTML, CSS dan Javascript dan segera melihat hasilnya.
BACA JUGA: Situs untuk belajar pemrograman dengan bermain dengan kursus dan tantangan interaktif
Ini bukan editor kode sederhana, tetapi tempat di mana Anda dapat menguji pemrograman Anda tanpa khawatir membuat kesalahan dan dengan cepat mencari tahu di mana kesalahannya. Codepen dan JSFiddle adalah dua situs paling populer dalam kategori ini, tetapi ada juga banyak alternatif.
BACA JUGA: Bahasa pemrograman utama yang digunakan untuk aplikasi dan situs web
Situs untuk menguji kode online
1) CodePen
CodePen adalah situs paling populer dan digunakan oleh programmer karena gratis, intuitif dan mudah digunakan. Setelah menjadi standar dalam dunia programmer, cukup cari di Google untuk menemukan halaman yang sudah dikompilasi oleh Codepen dan lihat segera apakah itu yang Anda cari. Jendela tampilan yang fleksibel dan eksekusi langsung kode tertulis membuatnya cukup sempurna untuk mencoba animasi javascript dan CSS, selain itu dapat dengan mudah terhubung ke skrip eksternal (Bereaksi, Vue, dan apa pun yang tersedia melalui CDN).
CodePen pantas mendapat tempat pertama dalam kategori ini, namun beberapa fitur dibayar, seperti pengkodean kolaboratif dan tampilan langsung satu halaman penuh (live view parsial gratis).
2) JSFiddle
Di tempat kedua (meskipun secara kronologis itu adalah salah satu yang tertua) di dunia situs untuk menulis dan mencoba kode pemrograman adalah JSFiddle, terutama berorientasi pada pembuatan dan pengujian JavaScript. Itu juga dapat digunakan untuk HTML dan CSS dan karena mendukung tips penyelesaian kode dan mungkin juga lebih disukai daripada CodePen untuk yang kurang berpengalaman.
Poin utama yang mendukung JSFiddle adalah ia menawarkan mode kolaborasi gratis (termasuk obrolan suara dan teks), sehingga Anda dapat mengerjakan kode secara bersamaan dengan orang lain.
3) Kesalahan
Banyak situs kode memungkinkan Anda untuk menyandikan HTML / CSS / JS dan menghasilkan halaman Web statis, sementara Glitch menawarkan ruang penyimpanan kecil gratis untuk menyimpan proyek dan membuatnya mudah untuk mengeksekusi kode sisi server Node.js. Anda dapat secara kolaboratif memprogram tentang Glitch,
Ini juga dilengkapi dengan sejumlah fitur fantastis lainnya: pengkodean kolaboratif, kontrol versi, banyak sumber belajar, integrasi yang baik dengan GitHub, penyematan mudah, komunitas untuk meminta saran, proyek yang sudah dibuat yang dapat Anda modifikasi atau gunakan secara bebas dan Integrasi Visual Studio. Ini adalah cara yang hebat, cepat dan mudah untuk memulai aplikasi web (atau belajar bagaimana melakukannya).
4) CodeSandbox
CodeSandbox mirip dengan Glitch tetapi sedikit lebih kompleks dan lengkap. CodeSandbox memiliki antarmuka yang lebih fleksibel dan dapat dikustomisasi, memungkinkan Anda untuk mendistribusikan aplikasi web yang lengkap, memiliki ruang untuk menyimpan file dan melakukan sebagian besar pekerjaan dasar yang membuat programmer hanya tugas menulis.
5) Repl.it
Repl.it adalah lingkungan pengembangan untuk menguji berbagai jenis bahasa pemrograman seperti Python dengan dukungan kode front-end dan back-end, memungkinkan Anda untuk mendistribusikan situs dan aplikasi, memiliki integrasi dengan GitHub dan antarmuka yang intuitif. Mungkin agak terlalu sulit bagi siapa saja yang hanya mencoba mendesain halaman web, tetapi untuk programmer yang sudah berpengalaman, ini adalah sumber yang perlu dipertimbangkan. jika Anda hanya merencanakan front-end atau jika Anda baru dalam kode, tetapi jika Anda merencanakan semuanya secara teratur, perlu ditelusuri.
6) Liveweave adalah editor web yang sangat mirip dengan JSFiddle, yang dapat digunakan untuk menulis dan mencoba kode untuk digunakan di situs web, dengan fungsi pratinjau langsung, petunjuk kode untuk HTML5, CSS3, JavaScript, dan jQuery dan yang memungkinkan Anda mengunduh proyek sebagai file zip. Anda juga dapat menambahkan perpustakaan eksternal seperti jQuery, AndgularJS, Bootstrap dengan mudah.
7) CodeSandbox adalah ruang online gratis tempat Anda dapat memulai proyek aplikasi web menggunakan kerangka kerja yang berbeda, seperti React, Vue, Angular, dan banyak lagi.
8) StackBlitz adalah editor aplikasi javascript yang sangat baik, yang mendukung berbagai kerangka kerja seperti Vue dan React.
9) Flem, situs minimalis, sempurna untuk membuat tes cepat.
10) JSBin, versi JSFiddle yang lebih minimalis, untuk menulis kode halaman web dan melihat tampilannya.
11) CSSDeck adalah situs sederhana untuk menguji beberapa ide dasar HTML / CSS dan JS.
12) ICECoder, lingkungan online lain untuk kode pengujian, yang mengharuskan Anda untuk mengunduh program yang berjalan di browser dan juga dapat digunakan secara offline.
13) Plunker, alat front-end yang memungkinkan Anda untuk menulis kode, file dan halaman web dan menyimpannya di Github.
14) Scrimba adalah kombinasi inovatif dari editor video dan kode yang merupakan lingkungan belajar yang sempurna bagi siswa dan mereka yang ingin belajar.
15) WebMaker, pembuat aplikasi web dengan fungsionalitas offline dan integrasi dengan CodePen.
16) Dabblet, untuk mencoba dan menulis kode HTML / CSS / JS dengan grafik yang bagus dan korektor otomatis untuk kode CSS.
17) PlayCode juga merupakan lingkungan untuk pengujian real-time kode HTML / CSS / JS dasar.
19) JSItor adalah alternatif lain untuk Codepen dan JSFiddle, di mana Anda dapat menulis kode dengan menggabungkan HTML, CSS dan Javascript dan segera melihat hasilnya.
BACA JUGA: Situs untuk belajar pemrograman dengan bermain dengan kursus dan tantangan interaktif
