11 أفضل IDEs لتطوير الويب

11 Best Ides Web Development



أعرف كيف يشعر المرء كبرنامج أو مطور ويب. إنها متعة عظيمة. لا يهم إذا كنت مطور ويب محترفًا أو مبتدئًا ، ففي تطوير الويب تجد دائمًا شيئًا جديدًا لتتعلمه مع التطورات الجديدة في تقنيات الويب بين الحين والآخر. بفضل الطفرة في عدد مستخدمي الإنترنت ، يتم إنشاء بعض الشركات الجديدة والفريدة من نوعها لتقديم المنتجات والخدمات مباشرة على شاشة كمبيوتر العملاء.

نتيجة لذلك ، هناك طلب كبير على مطوري الويب ومطوري التطبيقات ولمساعدتهم ، هناك بالفعل بيئات تطوير متكاملة حديثة ومتطورة متاحة لجميع أنظمة التشغيل الرئيسية في السوق. في هذه المقالة ، سنلقي نظرة على 11 من أفضل IDEs التي يمكنك استخدامها لتطوير الويب ، ليس فقط لتطوير الويب ولكن يمكن أيضًا استخدام IDEs لتطوير التطبيقات أيضًا.







يمكن أن تكون IDEs المدرجة هنا مفيدة لكل من المطورين المحترفين والجدد حيث تأتي IDEs مع بعض الميزات الفريدة التي تجعل مهمة البرمجة سهلة وسريعة إلى حد ما.



1. PhpStorm

PhpStorm هي بيئة تطوير متكاملة ومتعددة المنصات ومغلقة المصدر مصممة خصيصًا للترميز بلغات PHP و HTML و JavaScript. تم تصميم PhpStorm على منصة IntelliJ IDEA الخاصة بـ JetBrains ، وهي واحدة من أحدث IDEs المتاحة لتطوير الويب على Ubuntu. يأتي PhpStorm مزودًا بجميع ميزات WebStorm مع دعم كامل لـ PHP وقواعد البيانات / SQl. سنعرف المزيد عن WebStorm لاحقًا في هذه المقالة.







يتمتع PhpStorm بواجهة مستخدم جذابة للغاية وبسيطة حيث تم تصميم واجهته الأمامية بأحدث التقنيات المتطورة ، مثل HTML5 و CSS و Saas و CoffeeScript وما إلى ذلك. يمكنك تخصيص IDE هذا مع دعم السمات والإضافات لتحسين ميزاته. إنه يوفر واحدة من أفضل بيئات التشفير لمطوري الويب بميزات مثل الإكمال التلقائي للكود ، وتسليط الضوء على الأخطاء ، ودعم الأطر الرئيسية مثل WordPress و Joomla! و Yii و Symfony وما إلى ذلك.

يأتي أيضًا مع أدوات PHP التي تقدم جميع ميزات لغة PHP لتطوير الويب الحديث ، وأدوات المطورين المضمنة مثل النشر عن بُعد ، وقواعد البيانات / SQL ، وأدوات سطر الأوامر ، وما إلى ذلك ، وملاح الكود الذكي ، وإعادة التهيئة وتصحيح الأخطاء بالإضافة إلى أدوات الاختبار.



يتوفر PhpStorm كحزمة snap على Ubuntu 16.04 أو أعلى ويتم تنزيل الكابينة وتثبيته عن طريق تشغيل الأمر التالي في Terminal.

$سودويفرقع، ينفجرتثبيتphpstorm –classic

2. كود الاستوديو المرئي

تم تطوير Visual Studio Code بواسطة Microsoft لأنظمة Windows و Linux و macOS ، وهو عبارة عن IDE لتحرير الكود ستجده مشابهًا جدًا لـ Atom Text Editor و Sublime Text. يمكن أن يكون Visual Studio Code مفيدًا جدًا لأولئك الجدد في البرمجة حيث يمكن استخدامه كأداة تعليمية ممتازة تشرح لك كل شيء بدءًا من علامة HTML البسيطة إلى بناء الجملة ومعالجة الأخطاء في البرمجة.

يأتي IDE هذا مع تكامل Git خارج الصندوق ويقدم ميزات مثل الإكمال التلقائي للكود وإبراز بناء الجملة وإعادة البناء والمقتطفات واختصارات لوحة المفاتيح ودعمًا لمختلف لغات البرمجة والبرمجة خارج الصندوق مثل C و C ++ و CoffeeScript و CSS و HTML و JSON و F # و Perl و PHP و Ruby و Swift وغيرها الكثير.

يعد Visual Studio Code IDE قابلاً للتخصيص بالكامل حيث يمكنك تغيير السمات وتثبيت ملحقات إضافية لإضافة لغات برمجة جديدة ومصححات أخطاء والعديد من الخدمات الإضافية الأخرى التي يمكن أن تكون مفيدة جدًا في التطوير.

يتوفر Visual Studio Code للتنزيل والتثبيت في Ubuntu Software Center أو يمكنك تنزيل ملف .deb من هنا وتثبيته باستخدام Software Center.

3. نص سامي

يعد Sublime Text أحد أفضل برامج تحرير التعليمات البرمجية عبر الأنظمة الأساسية التي ستجدها على الإطلاق للبرمجة في بيئة سطح مكتب Ubuntu. إنه محرر كود خفيف الوزن يدعم الترميز في لغات البرمجة والترميز المختلفة مثل Python و C و HTML و JavaScript و CSS والعديد من اللغات والتقنيات الشائعة الأخرى المستخدمة لتطوير الويب.

يأتي Sublime Text مع مجموعة فريدة من الميزات مثل

  • اذهب إلى أي شيء

لفتح الملفات بنقرات قليلة والانتقال إلى الرموز أو الخطوط أو الكلمات.

  • تعريف GoTo

تظهر نافذة منبثقة عند المرور فوق رمز.

تتضمن الميزات الأخرى في Sublime Text IDE تحديدات متعددة ولوحة أوامر وواجهة برمجة تطبيقات Python قوية وتحرير مقسم وتبديل فوري للمشروع وغير ذلك الكثير.

بصرف النظر عن هذه الميزات ، يعد Sublime Text بيئة تطوير متكاملة قابلة للتخصيص بدرجة كبيرة مع ملفات JSON بسيطة. يمكنك تخصيص روابط المفاتيح والقوائم والمقتطفات ووحدات الماكرو بشكل منفصل لملفات ومشاريع مختلفة.

$سودويفرقع، ينفجرتثبيتنص سامي
أو
$wget–q0 - https://download.sublimetext.com/sublimehq-pub.gpg| سودو إضافة مفتاح apt-
$رما - طرد - قذفديب https://download.sublimetext.com/ملائم/مستقر/ | سودوقمزة/إلخ/ملائم/مصادر.
القائمة د/سامية-text.list
$سودو تحديث apt-get
$سودو تثبيت apt-getنص سامي

4. أتوم

Atom هو محرر كود مجاني ومفتوح المصدر تم تطويره بواسطة GitHub لنظام التشغيل Windows و macOS والعديد من توزيعات Linux بما في ذلك Ubuntu. لدى Atom IDE واحدة من أفضل واجهات المستخدم والتي يمكن تخصيصها بالكامل مع التغييرات في السمات والتصميم.

استنادًا إلى إطار عمل Electron ، يأتي Atom مع دعم للغات البرمجة المختلفة مثل C و C ++ و C # و CoffeeScript و HTML و JavaScript و PHP و CSS و Python و Perl والعديد من اللغات وتقنيات الويب الأخرى المستخدمة على نطاق واسع.

يدعي مطورو Atom أنه محرر نصوص يمكن اختراقه لـ 21شارعمئة عام. يأتي مزودًا بميزات IDE بالإضافة إلى تكامل Git و GitHub.

واحدة من أفضل الميزات في محرر Atom هي Teletype

تتيح لك هذه الميزة التعاون مع المطورين الآخرين مباشرة من المحرر الخاص بك من أجل مشاركة المعرفة وتعليمها مما يؤدي في النهاية إلى إنشاء برنامج أو تطبيق ويب أفضل.

يقدم Atom أيضًا بعض ميزات IDE مثل التحرير عبر الأنظمة الأساسية ، ومدير الحزم المدمج ، والإكمال التلقائي الذكي ، والبحث والاستبدال ، ومتصفح نظام الملفات والأجزاء المتعددة. Atom عبارة عن IDE قابل للتخصيص بالكامل مع آلاف الحزم مفتوحة المصدر المتاحة للتثبيت والتي يمكن استخدامها لتحسين الميزات والوظائف.

$سودوadd-apt-repository ppa: webupd8team/ذرة
$سودو تحديث apt-get
$سودو تثبيت apt-getذرة

5. عاصفة الويب

WebStorm هو IDE آخر لتطوير الويب في قائمتنا تم تطويره بواسطة JetBrains. مثل PhpStorm ، WebStorm هو أيضًا IDE لتطوير الويب مغلق المصدر وهو متاح لنظام التشغيل Windows و macOS والعديد من توزيعات Linux بما في ذلك Ubuntu.

يحتوي WebStorm على واجهة مستخدم حديثة جدًا وبراقة ويقدم ميزات مثل التي ستجدها في أي IDEs حديثة مثل إكمال الكود الذكي ، واكتشاف الأخطاء ، والتنقل القوي أيضًا ، وإعادة بناء لغات JavaScript ، و TypeScript ، ولغات ورقة الأنماط.

يأتي أيضًا مع مصحح أخطاء يمكنك استخدامه لتصحيح أخطاء تطبيقات Node.js بسهولة من IDE واختبار الوحدة مع Karma و Mocha و Protractor و Jest. كما يأتي WebStorm مدمجًا مع Git و GitHub و Mercurial خارج الصندوق.

$سودويفرقع، ينفجرتثبيتwebstorm –classic

6. الأقواس

Brackets هو تطبيق لتطوير الويب عبر الأنظمة الأساسية تم تطويره بواسطة Adobe Systems. تحتوي Brackets على جميع الميزات التي يمكن أن تتوقعها في أي IDE حديث ولها واجهة مستخدم ممتازة يسهل التنقل فيها. هذا هو أفضل IDE لتطوير الويب لأنه يوفر وظائف ترميز وتحرير HTML و CSS و JavaScript والتي يمكن أن تكون مفيدة للغاية أثناء تطوير الويب.

Brackets هو IDE خفيف الوزن ولكنه قوي لتطوير الويب والذي يوفر ميزات مثل المحررين المضمنين والمعاينة المباشرة والعرض المنفصل ودعم JSLint و LESS. كما أنه يوفر تكاملاً مع ثيسيوس وهو مصحح أخطاء جافا سكريبت مفتوح المصدر يمكن استخدامه لتعيين نقاط الفاصل والخطوة عبر الكود والفحص المتغير في الوقت الفعلي.

تدعم Brackets البرمجة وتطوير الويب بلغات مختلفة مثل Perl و Ruby و HTML و Python و Java و JavaScript وغيرها الكثير. يأتي أيضًا مزودًا بمدير الامتدادات المدمج والذي يمكن استخدامه لتنزيل ملحقات إضافية وتثبيتها من أجل تحسين الوظائف.

$سودوapt-get-repository ppa: webupd8team/اقواس
$سودو تحديث apt-get
$سودو تثبيت apt-getاقواس

7. جئت

Vim هو واحد من أفضل IDE المفضل لدي لبرمجة البرامج وتطوير تطبيقات الويب. Vim هو محرر كود قائم على المحطة الطرفية وهو قابل للتكوين بدرجة كبيرة وستجد صعوبة بعض الشيء في استخدامه ولكن بمجرد التعرف عليه لن تتمكن من استخدام أي IDE آخر.

وهو يدعم جميع لغات البرمجة والترميز الرئيسية مثل Python و C و C ++ و C # و Java و HTML و CSS و JavaScript وغيرها الكثير. يقدم Vim ميزات مثل تمييز بناء الجملة وإيماءات الماوس ودعم DirectX لمستخدمي Microsoft وبصرف النظر عن هؤلاء ، يعد Vim IDE قابل للتخصيص بدرجة كبيرة لأنه يوفر مجموعة واسعة من المكونات الإضافية والإضافات.

لتثبيت Vim على Ubuntu ، قم بتنفيذ الأوامر التالية في Terminal واحدًا تلو الآخر.

$سودوadd-apt-repository ppa: jonathanf/انا قد جئت
$سودو تحديث apt-get
$سودو تثبيت apt-get انا قد جئت

8. كومودو

تم تطوير Komodo بواسطة ActiveState ، وهو IDE مكتوب بلغات C ++ و C و XUL و Perl و Python و JavaScript و CSS. Komodo هو IDE مغلق المصدر ومتعدد المنصات ولديه أيضًا نظيره مفتوح المصدر يسمى Komodo Edit.

يدعم Komodo IDE البرمجة وتطوير الويب بجميع اللغات الرئيسية مثل Python و PHP و Perl و Go و Ruby و Node.js و JavaScript وغيرها الكثير. يوفر ميزات مثل الإكمال التلقائي للكود وإعادة بناء الكود وتصحيح الأخطاء واختبار الوحدة.

يتم شحن Komodo بشكل متكامل مع Git و Mercurial و Subversion و CVS و Perforce و Bazaar خارج الصندوق. كما أنه يدعم العديد من المكونات الإضافية والإضافات التي يمكنك تثبيتها لتحسين الوظائف والأداء.

يمكنك تنزيل أحدث إصدار من Komodo IDE من هنا وتثبيته باستخدام Terminal.

9. جنو إيماكس

GNU Emacs هو محرر كود خفيف الوزن متعدد المنصات تم تطويره في Lisp و C. أساسًا Emacs مصمم خصيصًا للبرمجة في Python ولكنه يدعم تطوير البرامج والويب الأخرى في جميع لغات البرمجة وتقنيات الويب الرئيسية.

يحتوي Emacs على واجهة مستخدم بسيطة لكنها قوية مع دعم تلوين بناء الجملة. على الرغم من كونه IDE خفيف الوزن ، إلا أن Emacs بعض الميزات المفيدة جدًا مثل واجهة المستخدم القابلة للتخصيص بدرجة كبيرة ، ودعم الإضافات والإضافات ، وإبراز بناء الجملة.

يمكن تنزيل GNU Emacs وتثبيته من Ubuntu Software Center.

10. السمكة الزرقاء

Bluefish هي بيئة تطوير متكاملة عبر الأنظمة الأساسية تم تطويرها بواسطة Bluefish Dev Team. وهي متوفرة لأنظمة التشغيل المختلفة بما في ذلك W

indows و macOS و Solaris والعديد من توزيعات Linux. إنه محرر كود خفيف الوزن بواجهة مستخدم بسيطة يمكن أن تكون مفيدة جدًا لمستخدمي Linux الجدد.

يدعم Bluefish التطوير في مجموعة متنوعة من لغات البرمجة مثل HTML و CSS و Google Go و Vala و Perl و SQL و Ruby و Python و PHP و C والعديد من اللغات الرئيسية الأخرى.

Bluefish عبارة عن IDE غني بالميزات مع ميزات مثل تمييز بناء الجملة والإكمال التلقائي للكود والاسترداد التلقائي وطي الكود. لتثبيت Bluefish على Ubuntu ، قم بتشغيل الأوامر التالية في Terminal.

$سودوadd-apt-repository ppa: klaus-formweg/سمكة زرقاء
$سودو تحديث apt-get
$سودو تثبيت apt-getسمكة زرقاء

11. كود :: الكتل

Code :: Blocks هي بيئة تطوير متكاملة مجانية ومفتوحة المصدر تم تطويرها في C و C ++ و Fortran. إنه IDE عبر الأنظمة الأساسية والذي يمكن استخدامه في Windows و Solaris ومختلف توزيعات Linux بما في ذلك Ubuntu.

يدعم Code :: Block البرمجة بجميع لغات البرمجة المستخدمة على نطاق واسع والتي تشمل C و C ++ و PHP و HTML و JavaScript. إنه IDE خفيف الوزن ولكنه غني بالميزات مع ميزات معروضة مثل إعادة بناء التعليمات البرمجية وإبراز بناء الجملة وطي الكود وإكمال الكود تلقائيًا وغيرها الكثير.

يأتي Code :: Blocks مع مترجمين متعددين بما في ذلك GCC و Microsoft Visual C ++ و Digital Mars وغيرها الكثير. إنه أيضًا IDE قابل للتخصيص بدرجة كبيرة مع مكونات إضافية ودعم التمديد. لتثبيت Code :: Blocks في Ubuntu ، قم بتشغيل الأوامر التالية في Terminal واحدًا تلو الآخر.

$سودوadd-apt-repository ppa: damien-moore/كودبلوك مستقرة
$سودو تحديث apt-get
$سودوملائمتثبيتقوالب الكود - مساهمات

هذه هي أفضل 11 IDE لتطوير الويب في Ubuntu اعتبارًا من 2018. تم اختبار جميع IDEs المدرجة هنا على إصدار Ubuntu 18.04 LTS وستعمل جميعها بسلاسة على إصدارات Ubuntu الأقدم أيضًا. هل لديك أسئلة أو اقتراحات؟ لا تتردد في الاتصال بنا على تضمين التغريدة و تضمين التغريدة