Belasan atau dua tahun yang lalu, website dibuat menggunakan tangan dan editor teks biasa. Menulis tag html Anda sendiri, sedikit keajaiban menggunakan gaya inline di CSS, dibumbui dengan animasi yang menghibur - dan situs siap digunakan. Saat ini, membuat dan mengembangkan website atau aplikasi merupakan proses yang terstruktur. Anda dapat membuat situs web menggunakan pembuat situs web dalam satu menit, atau Anda dapat menderita selama beberapa bulan. Seiring dengan perubahan pengembangan web, kerangka kerja, plugin, dan aplikasi baru bermunculan untuk menyederhanakan pengkodean. Alat tambahan menyederhanakan lingkungan kerja Anda dan meningkatkan produktivitas. Kami menggunakan sistem kontrol versi untuk manajemen proyek sumber terbuka kolaboratif dan perpustakaan seperti jQuery. Lingkungan pengembangan memainkan peran yang sangat penting dalam proses pembuatan situs web. Memilih pengolah kata yang ideal bisa menjadi tugas yang menantang namun dapat dilakukan dan memerlukan penerapan penelitian empiris. Bagaimana agar tidak tersesat di lautan alat, aplikasi, dan plugin ini? Editor teks mana yang harus Anda pilih untuk pekerjaan sehari-hari, dan yang mana untuk proyek kesayangan? Kami telah menyusun daftar singkat alat paling populer untuk pengembang frontend pemula. Apakah kami lupa menyebutkan editor favorit Anda di artikel? Tinggalkan komentar!
Buku Catatan++
Rilis: 24 November 2003. Editor teks paling sederhana dengan penyorotan sintaksis dan tab. Mendukung banyak bahasa pemrograman dan teknologi. Sempurna untuk pemula yang baru saja melangkah ke lereng licin pengembangan web.
Kemungkinan:
membuat bookmark;
penyalinan otomatis dan penyimpanan file yang dibuat;
dukungan dan konversi pengkodean teks standar;
pengguna dapat secara mandiri menetapkan aturan untuk penyorotan sintaksis;
pemasangan berbagai plugin yang berguna;
mengatur dan mendefinisikan ulang tombol pintas;
pemeriksaan ejaan dan enkripsi teks;
bermain Tetris (jika Anda bosan coding);
dapat mengelola data dalam jumlah besar.
“Fitur” tambahan dari editor ini adalah “telur Paskah” berupa tampilan kutipan dari Bapak Kegelapan – Darth Vader dan bapak “folder kebencian” – Bill Gates.
Lalat dalam salep: antarmuka yang terlalu disederhanakan yang tidak memenuhi standar pengembangan saat ini. Hal ini dapat diibaratkan seperti cahaya senter di siang hari. Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, ReactOS. Versi gratis: ya. Tautan: https://notepad-plus-plus.org/download/v7.5.1.html
Kurung
Dirilis: 4 November 2014. Adobe memiliki banyak sekali produk keren yang disukai oleh para pengembang dan desainer Frontend. Dan Bracket adalah salah satunya. Editor lintas platform gratis dan bersumber terbuka ini didasarkan pada JavaScript, HTML5, dan CSS3, sehingga pekerjaannya difokuskan secara khusus pada keduanya. Jika Anda memiliki pemahaman dasar tentang JavaScript, maka inilah editor yang harus Anda gunakan. Karena dialah yang akan menyediakan semua alat yang diperlukan untuk ekspansi. Editornya memerlukan beberapa perbaikan, tetapi secara umum editor ini dikembangkan dengan cukup aktif dan populer di kalangan pengembang. Selain itu, setiap pengguna dapat membuat perubahannya sendiri dan membuat ekstensi tambahan.
Kemungkinan:
tips mengedit file JS, CSS, dan HTML;
dukungan untuk melihat kode di browser secara real time (Live Preview);
sinkronisasi dengan server FTP;
dukungan dan kompilasi otomatis CSS menjadi lebih sedikit file;
menyediakan pilihan font (dengan kemungkinan untuk menambahkannya) yang dapat Anda gunakan saat bekerja dengan teks;
bekerja dengan sistem kontrol versi – Git.
Versi baru tahun 2017 memperkenalkan kemampuan untuk menelusuri riwayat, mengirim dan menerima file dengan pengkodean berbeda, menavigasi riwayat pengeditan menggunakan tombol pintas, mengaktifkan dan menonaktifkan ekstensi dan menu asli untuk Linux.
Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: macOS, Windows dan Linux. Versi gratis: ya. Tautan: http://brackets.io
Sublim
Rilis: 18 Januari 2008. Editor kode lintas platform dan lingkungan pengembangan terintegrasi (IDE). Kami menyukai editor ini karena kecepatan dan kemudahan penggunaannya, sementara Coda dan TextMate tertinggal dan mengecewakan basis pengguna utama dengan pembaruan yang sangat merepotkan.
Kemungkinan:
navigasi cepat melalui file, simbol, dan bagian kode tertentu (itulah sebabnya banyak pengguna menyukainya);
Fungsi pemeriksaan sintaksis langsung berfungsi saat Anda memasukkan karakter;
optimalisasi dan pengulangan tindakan terkini menggunakan makro;
penyimpanan kode secara otomatis, yang mencegah kehilangannya;
dukungan untuk berbagai tema visual dan bahasa pemrograman;
menyimpan kata kunci dan potongan kode yang sering digunakan;
satu set plugin siap pakai dengan Python;
Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, Mac OS, GNU/Linux. Versi gratis: ya (tanpa batasan fungsional), tetapi setelah meninjau aplikasi, Anda perlu membeli lisensi. Tautan: http://www.sublimetext.com/3
Badai Web
Rilis: 2015. Ini bukan editor teks biasa, tetapi juga lingkungan pengembangan terintegrasi untuk JavaScript, CSS & HTML. Penulisnya adalah JetBrains, perusahaan yang sama yang menciptakan lingkungan IntelliJ IDEA, yang disukai oleh siswa JavaRush. WebStorm adalah salah satu editor paling cerdas dan terpopuler. Mendukung framework utama: AngularJS, React dan Meteor dan digunakan untuk membuat aplikasi di Node.js. WebStorm adalah lingkungan yang cukup kompleks, namun pada saat yang sama sangat bagus bagi mereka yang membutuhkan banyak ekstensi dan fitur.
Kemungkinan:
Bekerja secara efektif dengan proyek dengan ukuran berbeda berkat integrasi dengan sistem kontrol versi Git, GitHub, Mercurial. Hal ini memungkinkan Anda untuk "mengkomit" file, meninjau perubahan, dan menyelesaikan konflik langsung di dalam IDE;
LiveEdit - menampilkan perubahan awal tanpa memuat ulang halaman (berfungsi dengan browser Google Chrome);
analisis kode selama pengeditan;
refactoring dan debugging kode untuk aplikasi Javascript dan Node.js;
dukungan untuk bahasa ECMAScript, TypeScript, CoffeeScript dan Dart;
membuat aplikasi menggunakan template Node.js Express;
meluncurkan dan men-debug dengan kerangka kerja seperti Mocha, Karma, dan Busur Derajat. Anda dapat mengujinya di editor itu sendiri atau di menu pohon yang nyaman, dari mana Anda dapat dengan cepat kembali ke teks;
penataan proyek yang melibatkan banyak perpustakaan Javascript;
dukungan untuk JQuery, YUI, Prototipe, DoJo, MooTools, Qooxdoo dan Bindows;
dukungan awal dan bekerja dengan Angular 2.
Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, Mac OS, GNU/Linux. Versi gratis: Ada versi uji coba selama 30 hari, maka Anda perlu membeli lisensi. Tautan: http://www.jetbrains.com/webstorm/
Atom
Rilis: 26 Februari 2014. Perangkat lunak sumber terbuka gratis yang dibuat oleh penulis Github favorit semua orang . Itu dibangun di atas 50 modul dan ditulis dalam Node JS, CoffeeScript, CSS, HTML dan C++. Anda juga dapat mengembangkan modul Anda sendiri dan mempostingnya di repositori untuk akses terbuka. Lingkungan pengembangan ini cukup mudah digunakan, dan plugin tambahan membantu memperluas kemungkinan untuk bekerja dengannya.
Kemungkinan:
menggunakan GUI untuk konfigurasi, bukan file json;
melihat peta mini kode dan fragmennya;
pencarian cepat berdasarkan proyek dan file;
sidebar dan pohon file yang nyaman;
sejumlah besar paket ekstensi tersedia di Github;
Emmet, Autoprefixer, dukungan Livereload;
melihat file melalui pohon sidebar;
kemampuan untuk menyesuaikan editor dengan preferensi pengguna individu;
kehadiran pengelola file bawaan;
tidak perlu menginstal paket kontrol dengan plugin, cukup menggunakan antarmuka pengguna grafis;
dukungan untuk plugin yang ditulis di Node.js;
pratinjau gambar PNG, JPEG langsung di editor;
menawarkan pekerjaan dengan sistem kontrol versi Git.
Kelemahannya mungkin membutuhkan banyak memori dan tidak mampu menangani file data besar. Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows 7, 8, Mac OS 10.8, Linux. Versi gratis: ya. Tautan: https://atom.io
Vim
Rilis: 2 November 1991. Anda mungkin bertanya: apa yang dilupakan oleh Vim lama dalam daftar editor modern ini? Faktanya, Vim adalah editor teks yang sepenuhnya modern dan kuat, dibuat berdasarkan vi lama, tersedia di sistem operasi UNIX. Dan itu terus berkembang. Pengembang membuat perubahan hampir setiap tahun, menambahkan plugin dan add-on baru. Terakhir kali hal ini terjadi adalah pada tahun 2016, dan jumlah ekstensi serta kecepatannya sungguh luar biasa dan layak untuk dicoba. Vim adalah editor multi-mode. Anda dapat mengerjakan beberapa sekaligus: perintah, sisipkan, atau visual. Namun, perlu diingat bahwa ini cukup rumit untuk pengembang pemula. Meskipun spesialis dengan pengalaman bertahun-tahun tidak mengetahui banyak fungsinya.
Kemungkinan:
dukungan untuk pengkodean teks standar;
Anda dapat bekerja dengan beberapa file secara bersamaan;
pengenalan otomatis dan konversi file;
kompatibilitas dengan bahasa pemrograman Perl, Tcl, Python dan Ruby;
menciptakan pengaturan yang nyaman untuk kebutuhan setiap pengguna;
merekam dan mengimplementasikan makro;
mode visual dapat melakukan banyak fungsi berguna (misalnya, menyorot blok teks);
dukungan untuk bahasa non-standar yang ditulis dari kanan ke kiri (seperti Arab atau Ibrani);
pengaturan nyaman untuk kata pencarian dan riwayat perintah;
Mendukung penggunaan penuh keyboard tanpa mouse;
menunjukkan kinerja luar biasa saat bekerja dengan file besar.
Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, DOS, Linux, BSD dan Mac OS, iOS, Android, AmigaOS, Atari MiNT, BeOS, NextStep, OS/2, OSF, RISC OS, SGI, VMS. Versi gratis: ya. Tautan: https://vim.sourceforge.io/download.php
Netbean
Dirilis: 1997. IDE sumber terbuka dan gratis, disponsori oleh Oracle dan didukung oleh pengembang yang antusias. Itu terus dikembangkan dan dilengkapi dengan berbagai ekstensi untuk kenyamanan dan peningkatan kecepatan. Kemungkinan:
manajemen jendela dan penyimpanan;
perubahan antarmuka dan desain (termasuk menu dan pop-up);
mengatur koneksi dengan server jarak jauh;
Tersedia pemfaktoran ulang kode;
ada add-on, templat, dan pembuat kode;
mendukung banyak bahasa pemrograman;
pemeriksaan dan koreksi sintaksis otomatis;
menyesuaikan editor agar sesuai dengan kebutuhan pengguna;
meluncurkan dan men-debug aplikasi JavaScript dan Node.JS;
dukungan untuk kerangka PHP (Symfony, Zend dan Yii).
Terbang dalam salep: ini menghabiskan banyak memori. Penyorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Microsoft Windows, Linux, FreeBSD, Mac OS X, OpenSolaris dan Solaris. Versi gratis: ya. Hanya itu yang gratis. Tautan: https://netbeans.org
Bonus berat: Notepad, alias “Notepad”
Rilis: 1985, bersama dengan Windows 1.0. Ya, ya, Notepad yang sama yang diinstal secara default di semua komputer Windows Anda. “Apa yang dilupakan oleh zaman kuno ini, apa hubungannya dengan pembangunan?” Anda bertanya. Faktanya, kami memahami bahwa saat ini tidak mungkin ada orang yang akan membuat sesuatu yang serius di Notepad klasik. Namun, dalam program inilah banyak pengembang pemula menghabiskan 15-20 tahun terakhir “menyusun” situs web pertama mereka dan menulis program pertama mereka.
Maksud kami adalah jika Anda ingin belajar, tidak ada yang bisa menghentikan Anda. Bagi seorang pengembang sejati (dan seseorang yang ingin menjadi pengembang sejati), Notepad bukanlah halangan. Fitur: hanya teks hitam, hanya hardcore.
Seperti inilah tampilan Notepad pertama
Terbang dalam salep: tidak ada lalat dalam salep: “Notepad” sempurna dalam gaya minimalisnya! Penyorotan sintaks: tidak. Latih ingatan Anda! Deteksi tag otomatis: wow! Versi gratis: Notepad hanya segratis Windows Anda.
GO TO FULL VERSION