منذ أكثر من اثني عشر أو عامين، تم إنشاء مواقع الويب باستخدام الأيدي ومحرر النصوص العادي. كتابة علامات HTML الخاصة بك، القليل من السحر باستخدام الأنماط المضمنة في CSS، مع الرسوم المتحركة المسلية - والموقع جاهز للاستخدام. في الوقت الحاضر، يعد إنشاء موقع ويب أو تطبيق وتطويره عملية منظمة. يمكنك إنشاء موقع ويب باستخدام أداة إنشاء مواقع الويب في دقيقة واحدة، أو يمكنك أن تعاني منه لعدة أشهر. مع تغير تطوير الويب، تظهر أطر عمل ومكونات إضافية وتطبيقات جديدة لتبسيط عملية البرمجة. تعمل الأدوات الإضافية على تبسيط بيئة العمل لديك وزيادة الإنتاجية. نحن نستخدم أنظمة التحكم في الإصدار لإدارة المشاريع التعاونية مفتوحة المصدر والمكتبات مثل jQuery. تلعب بيئة التطوير دورًا مهمًا جدًا في عملية إنشاء موقع الويب. يمكن أن يكون اختيار معالج النصوص المثالي مهمة صعبة ولكنها قابلة للتنفيذ وتتطلب تطبيق البحث التجريبي. كيف لا تضيع في هذا المحيط من الأدوات والتطبيقات والمكونات الإضافية؟ أي محرر نصوص يجب أن تختاره للعمل اليومي، وأي محرر لمشاريع الحيوانات الأليفة؟ لقد قمنا بتجميع قائمة قصيرة من الأدوات الأكثر شعبية لمطوري الواجهة الأمامية المبتدئين. هل نسينا أن نذكر محررك المفضل في المقال؟ ترك تعليقات!
المفكرة ++
الإصدار: 24 نوفمبر 2003. أبسط محرر نصوص مع تمييز بناء الجملة وعلامات التبويب. يدعم العديد من لغات وتقنيات البرمجة. مثالية للمبتدئين الذين خطوا للتو على المنحدر الزلق لتطوير الويب.
الاحتمالات:
إنشاء الإشارات المرجعية؛
النسخ التلقائي وحفظ الملفات التي تم إنشاؤها؛
دعم وتحويل ترميزات النص القياسية؛
يمكن للمستخدمين تعيين قواعد لتسليط الضوء على بناء الجملة بشكل مستقل؛
تثبيت العديد من المكونات الإضافية المفيدة؛
إعداد وإعادة تعريف مفاتيح التشغيل السريع؛
التدقيق الإملائي وتشفير النص؛
ولعب تتريس (في حالة سئمك من البرمجة)؛
يمكن إدارة كميات كبيرة من البيانات.
"ميزة" إضافية لهذا المحرر تعتبر "بيضة عيد الفصح" في شكل عرض اقتباسات من الأب المظلم - دارث فيدر وأب "مجلد الكراهية" - بيل جيتس.
الذبابة في المرهم: واجهة مبسطة للغاية ولا تلبي معايير التطوير الحالية. يمكن مقارنتها بضوء المصباح أثناء النهار. تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: Windows، ReactOS. نسخة مجانية: نعم. الرابط: https://notepad-plus-plus.org/download/v7.5.1.html
اقواس
الإصدار: 4 نوفمبر 2014. لدى Adobe الكثير من المنتجات الرائعة التي يحبها مطورو ومصممو الواجهة الأمامية. وبين قوسين هو واحد منهم. يعتمد هذا المحرر المجاني مفتوح المصدر ومتعدد المنصات على JavaScript وHTML5 وCSS3، لذلك يركز عمله عليها بشكل خاص. إذا كان لديك فهم أساسي لجافا سكريبت، فهذا هو المحرر الذي يجب أن تبدأ العمل معه. لأنه هو الذي سيوفر جميع الأدوات اللازمة للتوسع. يحتاج المحرر إلى بعض التحسينات، ولكن بشكل عام يتم تطويره بنشاط كبير ويحظى بشعبية كبيرة بين المطورين. علاوة على ذلك، يمكن لكل مستخدم إجراء التغييرات الخاصة به وإنشاء ملحقات إضافية.
الاحتمالات:
نصائح لتحرير ملفات JS وCSS وHTML؛
دعم عرض التعليمات البرمجية في المتصفح في الوقت الحقيقي (معاينة مباشرة)؛
المزامنة مع خادم FTP؛
الدعم والتجميع التلقائي لـ CSS في ملفات أقل؛
يوفر مجموعة مختارة من الخطوط (مع إمكانية إضافتها) التي يمكنك استخدامها عند العمل مع النص؛
العمل مع نظام التحكم بالإصدار – Git.
قدم الإصدار الجديد لعام 2017 القدرة على البحث عبر السجل، وإرسال واستقبال الملفات بتشفيرات مختلفة، والتنقل عبر سجل التحرير باستخدام مفاتيح التشغيل السريع، وتمكين وتعطيل الامتدادات والقائمة الأصلية لنظام التشغيل Linux.
تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: macOS وWindows وLinux. نسخة مجانية: نعم. الرابط: http://brackets.io
سامية
الإصدار: 18 يناير 2008. محرر التعليمات البرمجية عبر الأنظمة الأساسية وبيئة التطوير المتكاملة (IDE). لقد أحببنا هذا المحرر لسرعته وسهولة استخدامه، بينما سقط Coda و TextMate على جانب الطريق وخيبا أمل قاعدة المستخدمين الرئيسية بتحديثات غير مريحة للغاية.
الاحتمالات:
التنقل السريع عبر الملفات والرموز وأقسام معينة من التعليمات البرمجية (ولهذا السبب فهو محبوب لدى العديد من المستخدمين)؛
تعمل وظيفة التحقق من بناء الجملة فورًا عند إدخال الأحرف؛
تحسين وتكرار الإجراءات الأخيرة باستخدام وحدات الماكرو؛
الحفظ التلقائي للكود، مما يمنع فقدانه؛
دعم مختلف المواضيع البصرية ولغات البرمجة؛
حفظ الكلمات الرئيسية وأجزاء التعليمات البرمجية المستخدمة بشكل متكرر؛
مجموعة من الإضافات الجاهزة في لغة بايثون؛
تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: Windows وMac OS وGNU/Linux. نسخة مجانية: نعم (بدون قيود وظيفية)، ولكن بعد مراجعة التطبيق، تحتاج إلى شراء ترخيص. الرابط: http://www.sublimetext.com/3
عاصفة الويب
الإصدار: 2015. هذا ليس محرر نصوص عادي، ولكنه أيضًا بيئة تطوير متكاملة لـ JavaScript وCSS وHTML. مؤلفوها هم JetBrains، وهي نفس الشركة التي أنشأت بيئة IntelliJ IDEA، المحبوبة من قبل طلاب JavaRush. يعد WebStorm أحد أذكى المحررين وأكثرهم شعبية. يدعم الأطر الرئيسية: AngularJS وReact وMeteor ويستخدم لإنشاء تطبيق على Node.js. تعد WebStorm بيئة معقدة للغاية، ولكنها في نفس الوقت رائعة لأولئك الذين يحتاجون إلى الكثير من الإضافات والميزات.
الاحتمالات:
يعمل بفعالية مع المشاريع ذات الأحجام المختلفة بفضل التكامل مع أنظمة التحكم في الإصدار Git وGitHub وMercurial. يتيح لك هذا "تثبيت" الملفات ومراجعة التغييرات وحل التعارضات مباشرة داخل IDE؛
LiveEdit - يعرض التغييرات الأولية دون إعادة تحميل الصفحة (يعمل مع متصفح Google Chrome)؛
تحليل الكود أثناء التحرير؛
إعادة بناء التعليمات البرمجية وتصحيح الأخطاء لتطبيقات Javascript وNode.js؛
دعم لغات ECMAScript وTypeScript وCoffeeScript وDart؛
إنشاء التطبيقات باستخدام قالب Node.js Express؛
التشغيل وتصحيح الأخطاء باستخدام أطر عمل مثل Mocha وKarma وProtractor. يمكنك اختباره في المحرر نفسه أو في قائمة شجرة مناسبة يمكنك من خلالها العودة بسرعة إلى النص؛
يتم دعم المعالجات الأولية LESS وSass وSCSS وStylus بشكل كامل؛
بحث سريع في النافذة الطرفية؛
هيكلة المشاريع التي تتضمن مكتبات جافا سكريبت متعددة؛
دعم JQuery، YUI، Prototype، DoJo، MooTools، Qooxdoo وBindows؛
الدعم الأولي والعمل مع Angular 2.
تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: Windows وMac OS وGNU/Linux. النسخة المجانية: هناك نسخة تجريبية لمدة 30 يوما، ثم تحتاج إلى شراء ترخيص. الرابط : http://www.jetbrains.com/webstorm/
ذرة
الإصدار: 26 فبراير 2014. برنامج مجاني مفتوح المصدر أنشأه مؤلفو موقع Github المفضل لدى الجميع . إنه مبني على 50 وحدة ومكتوب بلغات Node JS وCoffeeScript وCSS وHTML وC++. يمكنك أيضًا تطوير الوحدات النمطية الخاصة بك ونشرها في مستودع للوصول المفتوح. بيئة التطوير هذه سهلة الاستخدام للغاية، وتساعد المكونات الإضافية الإضافية على توسيع إمكانيات العمل معها.
الاحتمالات:
يستخدم واجهة المستخدم الرسومية للتكوين بدلاً من ملفات json؛
عرض خريطة مصغرة للكود وأجزائه؛
البحث السريع عن طريق المشاريع والملفات.
شريط جانبي مناسب وشجرة ملفات؛
عدد كبير من حزم الملحقات المتوفرة على Github؛
Emmet، Autoprefixer، دعم Livereload؛
عرض ملف من خلال شجرة الشريط الجانبي؛
القدرة على تخصيص المحرر لتفضيلات المستخدم الفردية؛
وجود مدير ملفات مدمج؛
ليست هناك حاجة لتثبيت حزمة تحكم مع المكونات الإضافية، يكفي استخدام واجهة المستخدم الرسومية؛
دعم المكونات الإضافية المكتوبة في Node.js؛
معاينة صور PNG وJPEG مباشرة في المحرر؛
يقدم العمل مع نظام التحكم في إصدار Git.
قد تكون المشكلة في المرهم هي أنه يتطلب قدرًا كبيرًا من الذاكرة وغير قادر على التعامل مع ملفات البيانات الكبيرة. تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: Windows 7، 8، Mac OS 10.8، Linux. نسخة مجانية: نعم. الرابط: https://atom.io
همة
الإصدار: 2 نوفمبر 1991. قد تتساءل: ما الذي نسيه فيم القديم في قائمة المحررين المعاصرين؟ في الواقع، Vim هو محرر نصوص حديث وقوي تمامًا، تم إنشاؤه على أساس الإصدار السادس القديم، وهو متاح على أنظمة التشغيل UNIX. وهي تتطور باستمرار. يقوم المطورون بإجراء تغييرات كل عام تقريبًا، ويضيفون مكونات إضافية ووظائف إضافية جديدة. آخر مرة حدث فيها هذا كانت في عام 2016، وعدد الامتدادات والسرعة مذهل حقًا ويستحق التحقق منه. Vim هو محرر متعدد الأوضاع. يمكنك العمل في عدة مجالات في وقت واحد: أمر أو إدراج أو مرئي. ومع ذلك، يجدر النظر في أنه معقد للغاية بالنسبة للمطور المبتدئ. على الرغم من أن المتخصصين الذين يتمتعون بسنوات عديدة من الخبرة لا يعرفون الكثير عن وظائفها.
الاحتمالات:
دعم ترميزات النص القياسية؛
يمكنك العمل مع عدة ملفات في نفس الوقت؛
التعرف التلقائي على الملفات وتحويلها؛
التوافق مع لغات البرمجة Perl وTcl وPython وRuby؛
إنشاء إعدادات مريحة لاحتياجات كل مستخدم؛
تسجيل وتنفيذ وحدات الماكرو.
يمكن للوضع المرئي أداء العديد من الوظائف المفيدة (على سبيل المثال، تسليط الضوء على كتل النص)؛
دعم اللغات غير القياسية المكتوبة من اليمين إلى اليسار (مثل العربية أو العبرية)؛
إعدادات ملائمة لكلمات البحث وسجل الأوامر؛
يدعم الاستخدام الكامل للوحة المفاتيح بدون الماوس؛
يُظهر أداءً مذهلاً عند العمل مع الملفات الكبيرة.
تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: Windows وDOS وLinux وBSD وMac OS وiOS وAndroid وAmigaOS وAtari MiNT وBeOS وNextStep وOS/2 وOSF وRISC OS وSGI وVMS. نسخة مجانية: نعم. الرابط: https://vim.sourceforge.io/download.php
نتبيانز
تم الإصدار: 1997. بيئة تطوير متكاملة (IDE) مجانية ومفتوحة المصدر، برعاية شركة Oracle وبدعم من المطورين المتحمسين. يتم تطويره باستمرار وتكميله بامتدادات مختلفة لتحسين الراحة والسرعة. الاحتمالات:
إدارة النوافذ والتخزين؛
تغييرات الواجهة والتصميم (بما في ذلك القوائم والنوافذ المنبثقة)؛
إعداد اتصال مع خادم بعيد؛
إعادة هيكلة التعليمات البرمجية متاحة؛
هناك إضافات وقوالب ومولدات الأكواد؛
يدعم العديد من لغات البرمجة؛
فحص وتصحيح بناء الجملة التلقائي؛
تخصيص المحرر ليناسب احتياجات المستخدم؛
إطلاق وتصحيح تطبيقات JavaScript وNode.JS؛
دعم أطر عمل PHP (Symfony وZend وYii).
تطير في المرهم: فهو يستهلك الكثير من الذاكرة. تسليط الضوء على بناء الجملة: + الكشف التلقائي عن العلامات: + توافق نظام التشغيل: Microsoft Windows وLinux وFreeBSD وMac OS X وOpenSolaris وSolaris. نسخة مجانية: نعم. فقط هو مجاني. الرابط: https://netbeans.org
مكافأة المتشددين: المفكرة، والمعروفة أيضًا باسم "المفكرة"
الإصدار: 1985، مع Windows 1.0. نعم، نعم، نفس برنامج "المفكرة" المثبت افتراضيًا على كافة أجهزة الكمبيوتر التي تعمل بنظام Windows. "ما الذي نسيه هذا العصور القديمة هنا؟ ما علاقة هذا بالتنمية؟ "تتساءل. في الواقع، نحن نفهم أنه من غير المرجح أن يقوم أي شخص اليوم بإنشاء أي شيء خطير في المفكرة الكلاسيكية. ومع ذلك، في هذا البرنامج أمضى الكثير من المطورين المبتدئين آخر 15 إلى 20 عامًا في "تجميع" مواقعهم الإلكترونية الأولى وكتابة برامجهم الأولى.
ما نعنيه هو أنه إذا كنت تريد أن تتعلم، فلا شيء يجب أن يمنعك. بالنسبة للمطور الحقيقي (والشخص الذي يريد أن يصبح كذلك)، فإن برنامج "المفكرة" ليس عائقًا. الميزات: النص الأسود فقط، المتشددين فقط.
هذا ما بدا عليه المفكرة الأولى
ذبابة في المرهم: لا ذبابة في المرهم: "المفكرة" مثالية في بساطتها! تسليط الضوء على بناء الجملة: لا. تدريب الذاكرة الخاصة بك! الكشف التلقائي عن العلامات: رائع! نسخة مجانية: برنامج Notepad مجاني تمامًا مثل Windows الخاص بك.
GO TO FULL VERSION