منصةٌ شهيرةٌ أخرى من منصات لغة جافا سكريبت العالمية تأخذ نصيبًا جيدًا من الشهرة بين المطورين لما تتمتع به من ميزاتٍ هامةٍ، حيث تساعد منصة Ember.js على بناء واجهاتٍ احترافيةٍ مميزةٍ، وهنا نقدم نظرةً شاملةً حولها.

ما هي Ember.js

Ember.js هي منصة عملٍ بلغة جافا سكريبت خاصةً بتصميم مواقع الإنترنت أو الجزء الذي يسمى Front-end، وهي مصممةٌ خصيصًا لبناء مواقع إنترنت متقدمة وغنية بالتفاعل، حيث أنها تقدم للمطورين مجموعةً من الأدوات الحديثة لإدارة الصفحات المعقدة، بالإضافة لمجموعةٍ متكاملةٍ من الأدوات والعناصر التي تسمح بالتكرار بنفس الجودة وبسرعةٍ، وهي مجانيةٌ ومفتوحة المصدر.1

لماذا على المطورين استخدامها

الكثير من الشركات الهامة تستخدم إطار العمل Ember.js، الأمر الذي يجعلها ذات مستوى رفيعٍ تستحق التجربة بالإضافة إلى:

  • إطار عملٍ مجانيٍّ مفتوح المصدر تحت ترخيص Massachusetts Institute of Technology – MIT.
  • تستخدم أسلوب كتابةٍ جديدٍ يدعى HTMLBars وهي مجموعةٌ متكاملةٌ غنيةٌ من إصدار محركHanderlbars.
  • لديها محركٌ خاصٌ مهمته زيادة سرعة الإظهار وبالتالي سرعة الموقع من ناحية العميل يسمى Glimmer.
  • تحوي أداة الأوامر الخاصة بها CLI والتي تدمج أنماط Ember.js مع المشروع مما يجعل التركيز على عملية التطوير أكبر من الشكل وعمليات الربط بين المكتبة والمشروع.
  • ربط داخلي للبيانات بشكلٍ قويٍّ يجعل تحديث الخصائص تلقائي عند حدوث تغييرٍ في البيانات.

ميزات Ember.js

بعد معرفة أهمية إطار العمل Ember.js سنتعرف على أهم الميزات عند استخدامها:

  • تستخدم لإنشاء تطبيقات ويب باستخدام جافا سكريبت قابلةً للصيانة وإعادة الاستخدام.
  • تستخدم الـ HTML و الـ CSS في صلب بناء النماذج الخاصة بها.
  • توفر أدواتٍ للمساعدة في عملية التهيئة.
  • لديها نظامٌ خاصٌ لدعم عمليات الانتقال بين الروابط وإدارتها.
  • أداةٌ فعالةٌ لتتبع الأخطاء في تطبيقات Ember.js.
  • تستخدم قوالب لتحديث المحتوى تلقائيًا عند تغير البيانات في النموذج.2

استخدامها للمرة الأولى

عندما تود استخدام Ember.js فهذه الخطوات البسيطة ستساعدك للبدء من الصفر وهي:

  1. في البداية يجب تثبيت Ember.js على جهاز الحاسب الخاص بك ويمكن القيام بذلك عن طريق أداة npm من خلال أمر واحد بسيط وهو:

    npm install -g ember-cli
    وفي حال ليس لديك هذه الأداة قم بتثبيتها أولًا.

  2. بعد التثبيت ستتمكن من استخدام الأمر Ember ومن خلاله يمكن إنشاء مشروعٍ جديدٍ عن طريق الأمر:

    ember new ember-quickstart
    وستكون نتيجة هذا الأمر إنشاء تطبيق ember والذي يحوي سيرفر خاص بعملية التطوير، وقوالب خاصة، ونسخ من لغة جافا سكريبت وملفات CSS، وكافة ميزات ES2015، أي باختصارٍ كل شيءٍ يلزم لتقوم بتطوير تطبيقات الويب بأفضل شكلٍ ممكنٍ سيتوفر لك بأمرٍ واحدٍ.

  3. انتقل إلى المجلد الخاص بالمشروع عن طريق الأمر  cd ember-quickstart، ثم قم بتشغيل السيرفر الخاص به عن طريق الأمر ember serve، وانتظر بعض الوقت إلى أن ترى العبارة:

    Livereload server on http://localhost:7020
    Serving on http://localhost:4200/
    ويمكن إيقاف السيرفر في أي وقتٍ عن طريق ضغط CTRL + C.

  4. افتح الرابط localhost:4200 من أي متصفحٍ ويجب أن تظهر الصفحة الترحيبية لـ Ember.js وستكون قادرًا على بدء البرمجة والتعديلات على النماذج وبناء تطبيق الويب الخاص بك.

    وللمزيد يمكنك زيارة الموقع الرسمي لـ Ember.js وهو emberjs.com والاستفادة من التوثيق الكامل المتوفر لها.3

شركات شهيرة تستخدم Ember.js

بعد ذكر كل تلك الميزات والإيجابيات التي تتمتع بها Ember.js وبعد أن عرفنا أنها الأداة المثالية لإدارة المواقع المعقدة والكبيرة، لا بد لنا من معرفة أهم الشركات والمشاريع التي تستخدمها مما يجعلنا أكثر دراية بأداء إطار العمل هذا ونذكر منها:

  • موقع شركة ميكروسوفت الشهيرة.
  • موقع لينكد إن.
  • موقع نتفليكس.
  • موقع intercom.
  • موقع Zendesk.
  • موقع Skylight.
  • موقع تيد الشهير.
  • وقع ياهو.

وغيرها الكثير من المواقع العالمية الشهيرة تجدونها على الموقع الرسمي لـ Ember.js.4

المراجع

  • 1 ، Ember.js Guides، من موقع: guides.emberjs.com، اطّلع عليه بتاريخ 10-7-2019
  • 2 ، What is Ember.js?، من موقع: www.tutorialspoint.com، اطّلع عليه بتاريخ 10-7-2019
  • 3 ، Quick Start، من موقع: guides.emberjs.com، اطّلع عليه بتاريخ 10-7-2019
  • 4 ، See Who’s Using Ember.js، من موقع: emberjs.com، اطّلع عليه بتاريخ 10-7-2019