Welasan utawa rong taun kepungkur, situs web digawe nggunakake tangan lan editor teks biasa. Nulis tag html dhewe, sihir cilik nggunakake gaya inline ing CSS, dibuwang karo animasi sing nyenengake - lan situs kasebut siap digunakake. Saiki, nggawe lan ngembangake situs web utawa aplikasi minangka proses sing terstruktur. Sampeyan bisa nggawe situs web nggunakake pembangun situs web sajrone sawetara menit, utawa sampeyan bisa nandhang lara sajrone pirang-pirang wulan. Minangka owah-owahan pangembangan web, kerangka kerja, plugin, lan aplikasi anyar muncul kanggo nyepetake coding. Alat tambahan nyederhanakake lingkungan kerja lan nambah produktivitas. Kita nggunakake sistem kontrol versi kanggo manajemen proyek open source kolaborasi lan perpustakaan kaya jQuery. Lingkungan pangembangan nduweni peran penting banget ing proses nggawe situs web. Milih pangolah tembung sing becik bisa dadi tugas sing tantangan nanging bisa ditindakake sing mbutuhake aplikasi riset empiris. Kepiye carane ora ilang ing samudra alat, aplikasi lan plugin iki? Editor teks endi sing kudu sampeyan pilih kanggo kerja saben dina, lan sing endi kanggo proyek kewan? Kita wis nyusun dhaptar singkat alat sing paling populer kanggo pangembang frontend pamula. Apa kita lali nyebutake editor favorit sampeyan ing artikel kasebut? Ninggalake komentar!
Kemungkinan:
Fly in the ointment: antarmuka sing gampang banget sing ora cocog karo standar pangembangan saiki. Bisa dibandhingake karo cahya senter ing wayah awan. Sorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, ReactOS. Versi gratis: ya. Pranala: https://notepad-plus-plus.org/download/v7.5.1.html
Kemungkinan:
Sorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: macOS, Windows lan Linux. Versi gratis: ya. Pranala: http://brackets.io
Kemungkinan:
Sorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, Mac OS, GNU/Linux. Versi gratis: ya (tanpa watesan fungsi), nanging sawise mriksa aplikasi kasebut, sampeyan kudu tuku lisensi. Pranala: http://www.sublimetext.com/3
Kemungkinan:
Sorotan sintaks: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, Mac OS, GNU/Linux. Versi gratis: Ana versi nyoba kanggo 30 dina, banjur sampeyan kudu tuku lisensi. Pranala (link): https://www.maknaa.com/arti-nama/jetbrains
Kemungkinan:
Fly ing ointment bisa uga mbutuhake akeh memori lan ora bisa nangani file data gedhe. Sorotan sintaksis: + Deteksi tag otomatis: + Kompatibilitas OS: Windows 7, 8, Mac OS 10.8, Linux. Versi gratis: ya. Pranala: https://atom.io
Kemungkinan:
Sorotan sintaksis: + Deteksi tag otomatis: + Kompatibilitas OS: Windows, DOS, Linux, BSD lan Mac OS, iOS, Android, AmigaOS, Atari MiNT, BeOS, NextStep, OS/2, OSF, RISC OS, SGI, VMS. Versi gratis: ya. Pranala: https://vim.sourceforge.io/download.php
Maksude yen sampeyan pengin sinau, ora ana sing kudu mandheg. Kanggo pangembang nyata (lan wong sing pengin dadi siji), Notepad ora dadi alangan. Fitur: mung teks ireng, mung hardcore.
Iki katon kaya Notepad sing sepisanan
Fly in the ointment: no fly in the ointment: "Notepad" sampurna ing minimalisme! Sorotan sintaksis: ora. Latih memori sampeyan! Deteksi tag otomatis: wow! Versi gratis: Notepad mung gratis kaya Windows sampeyan.
Notepad++
Rilis: 24 Nopember 2003. Editor teks sing paling gampang kanthi nyorot sintaks lan tab. Ndhukung akeh basa lan teknologi pemrograman. Sampurna kanggo pamula sing lagi wae mlebu ing lereng pangembangan web sing lunyu.- nggawe tetenger;
- nyalin lan nyimpen file sing digawe kanthi otomatis;
- dhukungan lan konversi enkoding teks standar;
- pangguna bisa nyetel aturan kanggo nyorot sintaks kanthi bebas;
- instalasi macem-macem plugin migunani;
- nyetel lan redefining tombol panas;
- mriksa ejaan lan enkripsi teks;
- muter Tetris (yen sampeyan kesel coding);
- bisa ngatur volume gedhe saka data.
kurungan
Rilis: 4 November 2014. Adobe duwe akeh produk keren sing disenengi para pangembang lan desainer Frontend. Lan Brackets minangka salah sawijining. Editor cross-platform gratis, open-source, adhedhasar JavaScript, HTML5 lan CSS3, mula karyane difokusake khusus. Yen sampeyan duwe pangerten dhasar babagan JavaScript, mula iki editor sampeyan kudu miwiti nggarap. Amarga iku kang bakal nyedhiyani kabeh pribadi perlu kanggo expansion. Editor mbutuhake sawetara dandan, nanging umume dikembangake kanthi aktif lan populer ing antarane pangembang. Kajaba iku, saben pangguna bisa nggawe owahan dhewe lan nggawe ekstensi tambahan.- tips kanggo nyunting file JS, CSS, lan HTML;
- Dhukungan kanggo ndeleng kode ing browser ing wektu nyata (Preview Langsung);
- sinkronisasi karo server FTP;
- dhukungan lan kompilasi otomatis CSS dadi kurang file;
- nyedhiyakake pilihan fonts (kanthi kamungkinan nambahake) sing bisa digunakake nalika nggarap teks;
- nggarap sistem kontrol versi - Git.
Luhur
release: 18 Januari 2008. Cross-platform kode editor lan lingkungan pangembangan terpadu (IDE). Kita seneng karo editor iki amarga kacepetan lan gampang digunakake, dene Coda lan TextMate tiba ing pinggir dalan lan nguciwani basis pangguna utama kanthi nganyari sing ora trep.- pandhu arah cepet liwat file, simbol lan bagean tartamtu saka kode (iki kok tresna dening akeh kedhaftar);
- Fungsi mriksa sintaks bisa langsung nalika sampeyan ngetik karakter;
- optimasi lan pengulangan tumindak anyar nggunakake makro;
- nyimpen kode otomatis, sing nyegah mundhut;
- dhukungan kanggo macem-macem tema visual lan basa pamrograman;
- nyimpen tembung kunci lan fragmen kode sing kerep digunakake;
- pesawat saka plugin siap-digawe ing Python;
WebStorm
Rilis: 2015. Iki dudu editor teks biasa, nanging uga lingkungan pangembangan terpadu kanggo JavaScript, CSS & HTML. Penulise yaiku JetBrains, perusahaan sing padha nggawe lingkungan IntelliJ IDEA, sing ditresnani dening siswa JavaRush. WebStorm minangka salah sawijining editor sing paling cerdas lan paling populer. Ndhukung kerangka utama: AngularJS, React lan Meteor lan digunakake kanggo nggawe aplikasi ing Node.js. WebStorm minangka lingkungan sing cukup rumit, nanging ing wektu sing padha apik kanggo sing mbutuhake ekstensi lan fitur akeh.- Bisa dianggo kanthi efektif karo proyek kanthi ukuran sing beda amarga integrasi karo sistem kontrol versi Git, GitHub, Mercurial. Iki ngidini sampeyan "komit" file, mriksa owah-owahan, lan ngrampungake konflik ing IDE;
- LiveEdit - nuduhake owah-owahan awal tanpa ngisi maneh kaca (bisa nganggo browser Google Chrome);
- analisis kode nalika nyunting;
- kode refactoring lan debugging kanggo aplikasi Javascript lan Node.js;
- dhukungan kanggo ECMAScript, TypeScript, CoffeeScript lan basa Dart;
- nggawe aplikasi nggunakake cithakan Node.js Express;
- miwiti lan debugging kanthi kerangka kaya Mocha, Karma lan Protractor. Sampeyan bisa nyoba ing editor dhewe utawa ing menu wit sing trep, saka ngendi sampeyan bisa cepet bali menyang teks;
- LESS, Sass, SCSS, Stylus preprocessors didhukung kanthi lengkap;
- telusuran cepet ing jendhela terminal;
- structuring projects sing ndherek sawetara perpustakaan Javascript;
- dhukungan kanggo JQuery, YUI, Prototype, DoJo, MooTools, Qooxdoo lan Bindows;
- dhukungan awal lan nggarap Angular 2.
Atom
Rilis: 26 Februari 2014. Piranti lunak open source gratis sing digawe dening penulis Github favorit saben wong . Dibangun ing 50 modul lan ditulis ing Node JS, CoffeeScript, CSS, HTML lan C++. Sampeyan uga bisa ngembangake modul dhewe lan ngirim ing repositori kanggo akses mbukak. Lingkungan pangembangan iki cukup gampang digunakake, lan plugin tambahan mbantu ngembangake kemungkinan nggarap.- nggunakake GUI kanggo konfigurasi tinimbang file json;
- ndeleng mini-peta kode lan pecahan;
- telusuran cepet kanthi proyek lan file;
- sidebar trep lan wit file;
- akeh paket ekstensi sing kasedhiya ing Github;
- Emmet, Autoprefixer, dhukungan Livereload;
- ndeleng file liwat wit sidebar;
- kemampuan kanggo ngatur editor kanggo preferensi pangguna individu;
- ngarsane pangatur file sing dibangun;
- ora perlu nginstal paket kontrol kanthi plugin, cukup nggunakake antarmuka pangguna grafis;
- dhukungan kanggo plugin sing ditulis ing Node.js;
- pratinjau PNG, gambar JPEG langsung ing editor;
- nawakake karya karo sistem kontrol versi Git.
Vim
Rilis: 2 November 1991. Sampeyan bisa uga takon: apa sing Vim lawas lali ing dhaptar editor modern iki? Nyatane, Vim minangka editor teks sing modern lan kuat, digawe adhedhasar vi lawas, kasedhiya ing sistem operasi UNIX. Lan terus berkembang. Pangembang nggawe owah-owahan meh saben taun, nambahake plugin anyar lan tambahan. Wektu pungkasan iki kedadeyan ing 2016, lan jumlah ekstensi lan kacepetan pancen apik tenan lan kudu dipriksa. Vim minangka editor multi-mode. Sampeyan bisa nindakake sawetara bebarengan: printah, insert utawa visual. Nanging, kudu dipikirake manawa cukup rumit kanggo pangembang pemula. Sanajan spesialis sing duwe pengalaman pirang-pirang taun ora ngerti babagan fungsine.- dhukungan kanggo enkoding teks standar;
- sampeyan bisa nggarap sawetara file ing wektu sing padha;
- pangenalan otomatis lan konversi file;
- kompatibilitas karo basa pemrograman Perl, Tcl, Python lan Ruby;
- nggawe setelan nyaman kanggo kabutuhan saben pangguna;
- ngrekam lan ngleksanakake makro;
- mode visual bisa nindakake akeh fungsi migunani (contone, nyorot pamblokiran teks);
- dhukungan kanggo basa non-standar sing ditulis saka tengen ngiwa (kayata Arab utawa Ibrani);
- setelan trep kanggo tembung panelusuran lan riwayat printah;
- Ndhukung panggunaan keyboard tanpa mouse;
- nduduhake kinerja apik tenan nalika nggarap file gedhe.
Netbeans
Dirilis: 1997. Gratis, open source IDE, disponsori dening Oracle lan didhukung dening pangembang sing antusias. Iki terus dikembangake lan ditambah karo macem-macem ekstensi kanggo penak lan kacepetan. Kemungkinan:- jendhela lan manajemen panyimpenan;
- owah-owahan antarmuka lan desain (kalebu menu lan pop-up);
- nyetel sambungan karo server remot;
- Kode refactoring kasedhiya;
- ana tambahan, template lan generator kode;
- ndhukung akeh basa pamrograman;
- mriksa sintaks otomatis lan koreksi;
- ngatur editor sing cocog karo kabutuhan pangguna;
- ngluncurake lan debugging aplikasi JavaScript lan Node.JS;
- dhukungan kanggo kerangka PHP (Symfony, Zend lan Yii).
GO TO FULL VERSION