On iki il əvvəl veb saytlar əllər və adi mətn redaktoru ilə hazırlanırdı. Öz html teqlərinizi yazaraq, CSS-də sətirli üslublardan istifadə edərək bir az sehrli, əyləncəli animasiya ilə zənginləşdirin - və sayt istifadəyə hazırdır. Hal-hazırda veb-sayt və ya proqram yaratmaq və inkişaf etdirmək strukturlaşdırılmış bir prosesdir. Bir dəqiqə ərzində veb sayt qurucusundan istifadə edərək veb sayt yarada bilərsiniz və ya bir neçə ay ərzində bunun üzərində əziyyət çəkə bilərsiniz. Veb inkişafı dəyişdikcə kodlaşdırmanı asanlaşdırmaq üçün yeni çərçivələr, plaginlər və proqramlar ortaya çıxır. Əlavə alətlər iş mühitinizi sadələşdirir və məhsuldarlığı artırır. Biz birgə açıq mənbəli layihələrin idarə edilməsi və jQuery kimi kitabxanalar üçün versiyaya nəzarət sistemlərindən istifadə edirik. Veb saytın yaradılması prosesində inkişaf mühiti çox mühüm rol oynayır. İdeal söz prosessorunun seçilməsi empirik tədqiqatın tətbiqini tələb edən çətin, lakin yerinə yetirilə bilən bir iş ola bilər. Bu alətlər, proqramlar və plaginlər okeanında necə itməmək olar? Gündəlik iş üçün hansı mətn redaktorunu, hansını isə ev heyvanları layihələri üçün seçməlisiniz? Başlanğıc frontend tərtibatçıları üçün ən populyar vasitələrin qısa siyahısını tərtib etdik. Məqalədə sevimli redaktorunuzu qeyd etməyi unutmuşuq? Şərhlər buraxın!
Notepad++
Buraxılış: 24 noyabr 2003-cü il. Sintaksisi vurğulayan və nişanları olan ən sadə mətn redaktoru. Bir çox proqramlaşdırma dilini və texnologiyasını dəstəkləyir. Veb inkişafının sürüşkən yamacına yenicə qədəm qoyan yeni başlayanlar üçün mükəmməldir.
İmkanlar:
əlfəcinlər yaratmaq;
yaradılmış faylların avtomatik surətinin çıxarılması və saxlanması;
standart mətn kodlaşdırmalarının dəstəklənməsi və çevrilməsi;
istifadəçilər müstəqil olaraq sintaksisin vurğulanması üçün qaydalar təyin edə bilərlər;
müxtəlif faydalı plaginlərin quraşdırılması;
isti düymələrin qurulması və yenidən təyin edilməsi;
orfoqrafiya yoxlaması və mətn şifrələməsi;
Tetris oynamaq (kodlaşdırmadan bezdiyiniz halda);
böyük həcmli məlumatları idarə edə bilir.
Bu redaktorun əlavə "xüsusiyyəti" Qaranlıq Ata Darth Vader və "nifrət qovluğunun" atası Bill Qeytsdən sitatların nümayişi şəklində "Pasxa yumurtası" hesab olunur.
Məlhəmdə milçək: bugünkü inkişaf standartlarına cavab verməyən həddən artıq sadələşdirilmiş interfeys. Onu gün ərzində fənərin işığı ilə müqayisə etmək olar. Sintaksis vurğulanması: + Avtomatik etiket aşkarlanması: + ƏS uyğunluğu: Windows, ReactOS. Pulsuz versiya: bəli. Link: https://notepad-plus-plus.org/download/v7.5.1.html
Mötərizələr
Buraxılış: 4 noyabr 2014-cü il. Adobe Frontend tərtibatçıları və dizaynerləri tərəfindən sevilən bir çox gözəl məhsullara malikdir. Mötərizələr də onlardan biridir. Bu pulsuz, açıq mənbəli, çarpaz platforma redaktoru JavaScript, HTML5 və CSS3-ə əsaslanır, ona görə də onun işi xüsusi olaraq onlara yönəlib. Əgər JavaScript haqqında əsas anlayışınız varsa, bu, işləməyə başlamalı olduğunuz redaktordur. Çünki genişlənmə üçün bütün lazımi vasitələri təmin edən odur. Redaktorun bəzi təkmilləşdirmələrə ehtiyacı var, lakin ümumilikdə o, kifayət qədər fəal şəkildə hazırlanır və tərtibatçılar arasında populyardır. Üstəlik, hər bir istifadəçi öz dəyişikliklərini edə və əlavə genişləndirmələr yarada bilər.
İmkanlar:
JS, CSS və HTML fayllarını redaktə etmək üçün məsləhətlər;
real vaxt rejimində brauzerdə koda baxmaq üçün dəstək (Live Preview);
FTP serveri ilə sinxronizasiya;
dəstək və daha az fayllara CSS-nin avtomatik tərtibi;
mətnlə işləyərkən istifadə edə biləcəyiniz şriftlərin seçimini (onları əlavə etmək imkanı ilə) təmin edir;
versiyaya nəzarət sistemi - Git ilə işləmək.
2017-ci ilin yeni versiyası tarixdə axtarış etmək, müxtəlif kodlaşdırmalı faylları göndərmək və qəbul etmək, isti düymələrdən istifadə edərək redaktə tarixçəsində naviqasiya etmək, genişləndirmələri və Linux üçün yerli menyunu aktivləşdirmək və söndürmək imkanı təqdim edib.
Sintaksis vurğulanması: + Avtomatik etiket aşkarlanması: + ƏS uyğunluğu: macOS, Windows və Linux. Pulsuz versiya: bəli. Link: http://brackets.io
Uca
Buraxılış: 18 yanvar 2008-ci il. Çarpaz platforma kod redaktoru və inteqrasiya olunmuş inkişaf mühiti (IDE). Biz bu redaktoru sürətinə və istifadə rahatlığına görə sevdik, Coda və TextMate isə yol kənarına düşdü və əsas istifadəçi bazasını çox əlverişsiz yeniləmələrlə məyus etdi.
İmkanlar:
fayllar, simvollar və kodun müəyyən bölmələri arasında sürətli naviqasiya (buna görə də bir çox istifadəçi tərəfindən sevilir);
Sintaksis yoxlama funksiyası simvol daxil etdiyiniz zaman dərhal işləyir;
makrolardan istifadə edərək son hərəkətlərin optimallaşdırılması və təkrarlanması;
kodun avtomatik saxlanması, onun itirilməsinin qarşısını alır;
müxtəlif vizual mövzular və proqramlaşdırma dilləri üçün dəstək;
tez-tez istifadə olunan açar sözləri və kod fraqmentlərini saxlamaq;
Python-da hazır plaginlər dəsti;
Sintaksis vurğulanması: + Avtomatik etiket aşkarlanması: + ƏS uyğunluğu: Windows, Mac OS, GNU/Linux. Pulsuz versiya: bəli (funksional məhdudiyyətlər olmadan), lakin tətbiqi nəzərdən keçirdikdən sonra lisenziya almaq lazımdır. Link: http://www.sublimetext.com/3
WebStorm
Buraxılış: 2015. Bu adi mətn redaktoru deyil, həm də JavaScript, CSS və HTML üçün inteqrasiya olunmuş inkişaf mühitidir. Onun müəllifləri JavaRush tələbələri tərəfindən sevilən IntelliJ IDEA mühitini yaradan eyni şirkət olan JetBrains-dir. WebStorm ən ağıllı və ən populyar redaktorlardan biridir. Əsas çərçivələri dəstəkləyir: AngularJS, React və Meteor və Node.js-də proqram yaratmaq üçün istifadə olunur. WebStorm olduqca mürəkkəb bir mühitdir, lakin eyni zamanda çoxlu genişləndirmə və xüsusiyyətlərə ehtiyacı olanlar üçün əladır.
İmkanlar:
Git, GitHub, Mercurial versiya idarəetmə sistemləri ilə inteqrasiya sayəsində müxtəlif ölçülü layihələrlə effektiv işləyir. Bu, birbaşa IDE daxilində faylları "təhsil etməyə", dəyişiklikləri nəzərdən keçirməyə və münaqişələri həll etməyə imkan verir;
LiveEdit - səhifəni yenidən yükləmədən ilkin dəyişiklikləri göstərir (Google Chrome brauzeri ilə işləyir);
redaktə zamanı kodun təhlili;
Javascript və Node.js proqramları üçün refaktorinq və sazlama kodu;
ECMAScript, TypeScript, CoffeeScript və Dart dilləri üçün dəstək;
Node.js Express şablonundan istifadə edərək proqramların yaradılması;
Mocha, Karma və Protractor kimi çərçivələrlə işə salma və sazlama. Siz onu redaktorun özündə və ya mətnə tez qayıda biləcəyiniz rahat ağac menyusunda sınaqdan keçirə bilərsiniz;
LESS, Sass, SCSS, Stylus preprosessorları tam dəstəklənir;
terminal pəncərəsində sürətli axtarış;
çoxsaylı Javascript kitabxanalarını əhatə edən layihələrin strukturlaşdırılması;
jQuery, YUI, Prototype, DoJo, MooTools, Qooxdoo və Bindows üçün dəstək;
ilkin dəstək və Angular 2 ilə işləmək.
Sintaksis vurğulanması: + Avtomatik etiket aşkarlanması: + ƏS uyğunluğu: Windows, Mac OS, GNU/Linux. Pulsuz versiya: 30 günlük sınaq versiyası var, sonra lisenziya almaq lazımdır. Link: http://www.jetbrains.com/webstorm/
Atom
Buraxılış: 26 fevral 2014. Pulsuz açıq mənbə proqram təminatı hər kəsin sevimli Github müəllifləri tərəfindən yaradılmışdır . O, 50 modul üzərində qurulub və Node JS, CoffeeScript, CSS, HTML və C++ dillərində yazılıb. Siz həmçinin öz modullarınızı inkişaf etdirə və onları açıq giriş üçün depoda yerləşdirə bilərsiniz. Bu inkişaf mühitindən istifadə etmək olduqca asandır və əlavə plaginlər onunla işləmək imkanlarını genişləndirməyə kömək edir.
İmkanlar:
json faylları əvəzinə konfiqurasiya üçün GUI istifadə edir;
kodun mini xəritəsinə və onun fraqmentlərinə baxmaq;
layihələr və fayllar üzrə sürətli axtarış;
rahat yan panel və fayl ağacı;
Github-da çoxlu sayda genişləndirmə paketi;
Emmet, Autoprefixer, Livereload dəstəyi;
yan panel ağacı vasitəsilə fayla baxmaq;
redaktoru fərdi istifadəçi seçimlərinə uyğunlaşdırmaq imkanı;
daxili fayl menecerinin olması;
plaginləri olan nəzarət paketini quraşdırmağa ehtiyac yoxdur, qrafik istifadəçi interfeysindən istifadə etmək kifayətdir;
Node.js-də yazılmış plaginlərə dəstək;
PNG, JPEG şəkillərini birbaşa redaktorda önizləyin;
Git versiyasına nəzarət sistemi ilə işləməyi təklif edir.
Məlhəmdəki milçək, çox yaddaş tələb etməsi və böyük məlumat fayllarını idarə edə bilməməsi ola bilər. Sintaksis vurğulanması: + Avtomatik etiket aşkarlanması: + ƏS uyğunluğu: Windows 7, 8, Mac OS 10.8, Linux. Pulsuz versiya: bəli. Link: https://atom.io
Vim
Buraxılış: 2 noyabr 1991-ci il. Siz soruşa bilərsiniz: qoca Vim bu müasir redaktorlar siyahısında nəyi unutdu? Əslində Vim UNIX əməliyyat sistemlərində mövcud olan köhnə vi əsasında yaradılmış tamamilə müasir və güclü mətn redaktorudur. Və daim inkişaf edir. Tərtibatçılar demək olar ki, hər il yeni plaginlər və əlavələr əlavə edərək dəyişikliklər edirlər. Sonuncu dəfə bu, 2016-cı ildə baş vermişdi və genişləndirmələrin sayı və sürəti həqiqətən heyrətamizdir və yoxlanılmağa dəyər. Vim çox rejimli redaktordur. Bir anda bir neçə işləyə bilərsiniz: əmr, əlavə və ya vizual. Bununla belə, bunun təcrübəsiz bir tərtibatçı üçün olduqca mürəkkəb olduğunu nəzərə almağa dəyər. Baxmayaraq ki, uzun illər təcrübəsi olan mütəxəssislər onun bir çox funksiyalarından xəbərsizdirlər.
İmkanlar:
standart mətn kodlaşdırmalarına dəstək;
eyni anda bir neçə faylla işləyə bilərsiniz;
faylların avtomatik tanınması və çevrilməsi;
Perl, Tcl, Python və Ruby proqramlaşdırma dilləri ilə uyğunluq;
hər bir istifadəçinin ehtiyacları üçün rahat parametrlər yaratmaq;
makroların qeydə alınması və həyata keçirilməsi;
vizual rejim bir çox faydalı funksiyaları yerinə yetirə bilər (məsələn, mətn bloklarını vurğulamaq);
sağdan sola yazılmış qeyri-standart dillərə dəstək (ərəb və ya ivrit kimi);
axtarış sözləri və əmr tarixçəsi üçün rahat parametrlər;
Siçan olmadan klaviaturadan tam istifadəni dəstəkləyir;
böyük fayllarla işləyərkən heyrətamiz performans nümayiş etdirir.
Buraxılış: 1997. Pulsuz, açıq mənbə IDE, Oracle tərəfindən sponsorluq edilir və həvəsli tərtibatçılar tərəfindən dəstəklənir. Rahatlıq və sürəti artırmaq üçün daim inkişaf etdirilir və müxtəlif əlavələrlə tamamlanır. İmkanlar:
pəncərə və saxlama idarəsi;
interfeys və dizayn dəyişiklikləri (menyular və pop-uplar daxil olmaqla);
uzaq server ilə əlaqə qurmaq;
Kod refaktorinqi mövcuddur;
əlavələr, şablonlar və kod generatorları var;
bir çox proqramlaşdırma dillərini dəstəkləyir;
avtomatik sintaksis yoxlanılması və korreksiyası;
redaktoru istifadəçinin ehtiyaclarına uyğunlaşdırmaq;
JavaScript və Node.JS proqramlarının işə salınması və sazlanması;
PHP çərçivələri üçün dəstək (Symfony, Zend və Yii).
Məlhəmdə uçun: çox yaddaş sərf edir. Sintaksis vurğulanması: + Avtomatik etiket aşkarlanması: + ƏS uyğunluğu: Microsoft Windows, Linux, FreeBSD, Mac OS X, OpenSolaris və Solaris. Pulsuz versiya: bəli. Yalnız pulsuzdur. Link: https://netbeans.org
Hardkor bonusu: Notepad, aka "Notepad"
Buraxılış: 1985, Windows 1.0 ilə birlikdə. Bəli, bəli, bütün Windows kompüterlərinizdə standart olaraq quraşdırılmış eyni Notepad. "Bu qədimlik burada nəyi unudub? BUNUN inkişafla nə əlaqəsi var?" deyə soruşursunuz. Əslində, başa düşürük ki, bu gün kiminsə klassik Notepad-də ciddi bir şey yaratması ehtimalı azdır. Bununla belə, bu proqramda bir çox təcrübəsiz tərtibatçılar son 15-20 il ərzində ilk veb-saytlarını "birləşdirmək" və ilk proqramlarını yazmaq üçün sərf etdilər.
Demək istədiyimiz odur ki, əgər öyrənmək istəyirsinizsə, heç bir şey sizə mane olmamalıdır. Əsl tərtibatçı (və biri olmaq istəyən) üçün Notepad heç bir maneə deyil. Xüsusiyyətlər: yalnız qara mətn, yalnız hardcore.
İlk Notepad belə görünürdü
Məlhəmdə uçun: məlhəmdə milçək yoxdur: “Notepad” minimalizmi ilə mükəmməldir! Sintaksis vurğulanması: yox. Yaddaşınızı məşq edin! Avtomatik etiket aşkarlanması: vay! Pulsuz versiya: Notepad yalnız Windows-unuz qədər pulsuzdur.
GO TO FULL VERSION