Masukkan Email anda untuk berlangganan Devaradise. Gratis!

7 Source Code Editor Gratis untuk Memudahkan Anda Membuat Web

Jika anda menjadi seorang programmer, anda tidak akan terlepas dari yang namanya software & tool (Alat) untuk membantu anda bekerja. Sama seperti tukang bangunan yang membutuhkan palu, paku, sekop dan lain-lain untuk membangun rumah. Tanpa menggunakan alat-alat itu, apakah sebuah bangunan akan selesai ?.
Begitu pula dengan web programmer. Ketika mengerjakan sebuah proyek website, Seorang web developer membutuhkan banyak bantuan software dan tool agar bekerja lebih mudah, efektif dan efisien. Nah, salah satu jenis software yang dibutuhkan seorang web programmer adalah Source Code editor, yaitu software untuk memudahkan anda mengotak-ngatik kode yang membingungkan. Berikut ini adalah software-software pilihan yang saya rekomendasikan.

1.  Notepad++

Notepad++ adalah evolusi dari editor teks notepad biasa yang sudah ada sebagai software bawaan di OS microsoft windows. Notepad++ dikhususkan sebagai software untuk membantu para programmer dalam mengedit kode dengan membedakan kode-kode tertentu dengan warna. Sofware pengedit kode ini mendukung lebih dari 50 bahasa pemrograman yang ada. Silahkan [klik disini] untuk mendownload softwarenya.

notepad plus plus

2.  Sublime Text


Sublime Text adalah software pengedit skrip yang –menurut saya- paling user friendly, maksudnya mudah digunakan dan membuat anda sangat nyaman ketika mengedit kode. Di Sublime Text, anda juga bisa memilih tema editor dan warna-warna untuk suatu jenis kode/bahasa agar tidak jenuh. Anda juga bisa mengatur agar hanya file dalam sebuah folder saja yang ditampilkan di sidebar untuk diedit. Siapapun akan suka ketika bekerja dengan Sublime Text. Kelemahannya, Sublime Text tidak mendukung bahasa pemrograman sebanyak Notepad++. Untuk Mendownloadnya, silahkan kunjungi situs http://www.sublimetext.com.

Sublime Text Editor

3. Adobe Dreamweaver

Dari segi fitur dan fasilitas, Adobe Dreamweaver lebih lengkap dari semua editor yang saya tulis disini. Adobe Dreamweaver adalah sebuah software milik Adobe yang memang dikhususkan untuk membuat website. Bahkan, dengan software ini anda bisa mendesain sebuah website tanpa harus menyentuh kode HTML dan CSS. Dreamweaver membedakan kode dengan warna-warna terang. Dreamweaver juga mendukung sangat banyak bahasa pemrograman, lebih banyak dari notepad++.
Sebenarnya, Adobe Dreamweaver tidak bisa disebut hanya sekedar editor kode. Adobe Dreamweaver lebih cocok jika kita sebut sebagai software website builder (Software pembuat website). Namun, karena kelengkapan fasilitas itulah, software ini menjadi berat. Tidak cocok untuk komputer dengan spek Processor dan RAM atau memori yang kecil.
Sebenarnya Adobe Dreamweaver tidak digratiskan, tapi sudah ada banyak sekali crack-annya yang tersebar. Silahkan [klik disini]. Jika tidak bisa, silahkan cari di google dengan keyword “Adobe Dreamweaver with full crack”

Adobe Dreamweaver

4. Komodo Edit

Komodo edit adalah software pengedit kode yang mendukung berbagai bahasa pemrograman seperti PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5 dan CSS 3. Komodo edit juga dilengkapi dengan pewarnaan tiap kode yang bisa dirubah-rubah, pengecekan latar belakang kode, dan auto-complete. Komodo edit juga menyediakan versi berbayar untuk fitur yang lebih lengkap. Silahkan [klik disini] untuk download.

Komodo Edit

5.  KompoZer

KompoZer adalah Software pengedit kode yang diberdayakan oleh Mozilla. KompoZer merupakan sebuah sistem autorisasi web lengkap yang menggabungkan manajemen file web dan pengedit halaman web WYSIWYG yang mudah digunakan. KompoZer juga diarahkan untuk pengguna non-teknis yang kurang ahli dalam HTML dan kode web lainnya.
Walaupun tidak selengkap Adobe Dreamweaver, Software ini juga menyediakan fitur mendesain sebuah halaman web secara otomatis. KompoZer mendukung 21 bahasa pemrograman, integrasi manajemen file via FTP, tab pengeditan, Color picker dan dukungan untuk form, table dan template.
Silahkan Klik KompoZer Source Code Editor untuk mendownloadnya.

KompoZer

6.  JEdit

Pengedit kode yang satu ini lebih dikhususkan untuk para programmer yang sudah mapan, alias sudah cukup ahli. Kurang cocok untuk pemula. JEdit menghighlight sampai 130 bahasa pemrograman. JEdit juga menyediakan fitur yang memungkinkan anda mengkostumisasi tampilan toolbar dan statusbar sesuka hati anda.
Anda juga bisa copy dan paste kode dengan clipboard yang tak terbatas. Untuk mendownloadnya silahkan kunjungi http://www.jedit.org/.

pengedit kode jEdit

7.  TouchCode

TouchCode adalah pengedit kode pemrograman yang dikhususkan untuk smartphone. Pengedit kode ini memungkinkan anda bekerja sebagai web programmer kapanpun dan dimanapun. Sekarang, TouchCode baru tersedia hanya untuk Android. Untuk tingkat smartphone editor, TouchCode mempunyai Fitur-fitur keren seperti Highlighting kode, kemampuan untuk menjalankan skrip, integrasi sebuah akun FTP, sinkronisasi file, dan masih banyak lagi.
Untuk mendownloadnya silahkan kunjungi http://www.touchqode.com/.

TouchQode

Itulah alat-alat yang bisa anda gunakan untuk mengedit kode pemrograman, terutama pemrograman web. Selain yang terakhir, Semuanya insyaalah cocok di OS manapun karena sebelum saya tulis, saya cek dulu compability-nya. Silahkan pilih yang lebih anda sukai. Saya pribadi lebih senang menggunakan Sublime Text karena lebih ramah pengguna. Bila anda masih seorang pemula web programmer, saya sarankan untuk menggunakan Adobe Dreamweaver karena fasilitasnya yang lengkap akan sangat membantu anda.
Namun, jika ingin yang lebih cocok dan klop dengan anda, silahkan coba satu persatu. Semoga bermanfaat 🙂

~Muhammad Syakirurohman~

26 thoughts on “7 Source Code Editor Gratis untuk Memudahkan Anda Membuat Web

  • dari beberapa text editor buat web saya hanya baru menggunakan notepad++ mas sama sublime text, kalau yang lain tar dh saya coba. #Rizkyzone.com

  • thanks’

  • […] percobaan pertama, buatlah sebuah file berformat .php(misalnya “nama.php”) menggunakan sebuah source code editor. Buka nama.php menggunakan source code editor itu dan ketikan didalamnya : <?php echo “Ini […]

  • setiap editor punya keuntungan masing-masing, ex kalau sublime itu buat nulis fungsi if langsung otomatis dan untuk css langsung otomatis { } kalau dreamweaver kita bisa liat warna dan buat img src langsung search tapi kalau notepad enak aja di gunakan, tetapi sejauh ini notepad saya lihat tidak ada kelebihan nya hanya saja familiar saja, dan mudah di gunakan 😀

  • Kalau saya suka menggunakan Brackets dari Adobe mas, tampilannya sederhana. 😀

  • Boleh tuh untuk Referensi ..

  • Artikel Tentang CSS ( Cascading Style Sheet ) | rizalshopianartikelcss

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Artikel Tentang CSS | Hendi Efriansah

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Mengenal Apa sih Yang Disebut CSS Dan Bagaimana Cara Menggunakannya - Jonathanotes

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Emang semua app kusus text pasti bisa digunakan untuk buat tempelate web..termasuk notepad itu yang paling mudah bagi pemula..tp trus terang dan terang terus saya mah peke dreamweaver aja..biar langsung edit gambarnya..salam kenal ksemuany gann….

  • Mengenal apa itu CSS dan Cara Penulisannya | Binggi Dwi

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Apa itu CSS ? – .Fafa's Note.

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Muhammad Affan Maulana

    wah mantap nih, saya selama ini pakai dreamweaver. ya betul kalau dreamweaver itu berat, apalagi kalau di laptop dengan spesifikasi yang pas pasan

  • […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Mengenal CSS - SoGraViSc Digital Media

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Mengenal Apa Itu CSS Dan Bagaimana Menggunakannya – Arief R.R

    […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • […] penggunaan CSS, langkah pertama yang harus anda lakukan adalah membuat file  dengan menggunakan Software kode editor seperti Notepad, lalu namai file dengan format ‘.html’. Lalu praktekkanlah cara-cara berikut […]

  • Makasih penjelasannya detail tapi agak membingungkan karena mungkin ini baru buat saya, lanjut berkarya Om…..

  • saya masih pemula gan,, kalau boleh saya tau yang sekarang agan pakai ini apa yah?? dreamweaver kah?

Tinggalkan Balasan