7 Situs Online Untuk Coding Playground

7 Situs Online Untuk Coding Playground

7 Situs Online Untuk Coding PlaygroundJika Anda sedang mempelajari cara membuat blog ataupun lainnya dengan kode html, css, javascript, maupun php dari berbagai web tutorial yang ada di internet, agar lebih cepat mengerti cara kerja dari kode-kode yang sedang kita pelajari maka sebaiknya kita mencobanya sendiri atau langsung mempraktekannya.

Ada beberapa situs yang khusus menyediakan tempat untuk mempraktekan cara membuat web atau elemen-elemen lain pendukung web dengan kode-kode html, css, maupun javascript. Dengan begitu kita akan lebih mudah bereksperimen dengan koding karena bisa langsung melihat hasilnya.

Kita bisa langsung menuliskan kode-kode css, html, dan javascript pada kolom-kolom yang disediakan kemudian hasilnya akan langsung ditampilkan di kolom hasil/result. Kode-kodenya pun memiliki pewarnaan seperti halnya kode editor yang biasa kita jumpai sehingga kita akan lebih nyaman dalam menuliskan kodenya. Kode css, html, ataupun javascript memiliki kolom masing-masing sehingga kita akan lebih fokus dalam penulisan kodenya.

Nah bagi Anda yang sedang melatih keterampilan dalam penulisan kode css, html, maupun javascript, kini saya share 7 buah situs online untuk coding playground yang bisa Anda coba.

1. JSFiddle

JSFiddle

2. Codepen

Codepen

3. Liveweave

Liveweave

4. Jsbin

Jsbin

5. Cssdeck

Cssdeck

6. Dabblet

Dabblet

7. OpenGL

OpenGL
Dari ketujuh code playground di atas, tentunya masing-masing memiliki kelebihan dan kekurangan. Silahkan Anda eksplore semua fitur-fiturnya agar kita bisa menentukan situs mana yang nyaman kita gunakan untuk belajar mempraktekan kode-kode yang sedang kita pelajari.

Author: Adhy Suryadi

I am just an ordinary people who are interested in code. Trying to share experiences while studying blogging, hopefully useful. Other Blogs: Kompi Ajaib | MyInfo.web.id | Adhy Suryadi Follow me on: Facebook | Twitter | Google+

Share this:

Loading...

Leave a Reply

Your email address will not be published. Required fields are marked *