Ember.js



ember

Ember.js

مرحبًا بك في دليل Ember.js! سوف يأخذك هذا المستند من المبتدئ إلى خبير Ember.

ما هو العنبر؟

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

بعض هذه الميزات التي ستتعرف عليها في الأدلة هي:

  • Ember CLI - مجموعة أدوات تطوير قوية لإنشاء وتطوير وبناء تطبيقات Ember. عندما ترى تعليمات $ ember <command> جميع أنحاء الأدلة ، وهذا هو Ember CLI!
  • Routing - الجزء المركزي من تطبيق Ember. يتيح للمطورين قيادة حالة التطبيق من عنوان URL.
  • محرك Templating - استخدام بناء جملة Handlebars لكتابة قوالب التطبيق الخاص بك
  • طبقة البيانات - توفر Ember Data طريقة متسقة للتواصل مع واجهات برمجة التطبيقات الخارجية وإدارة حالة التطبيق
  • Ember Inspector - امتداد المستعرض - أو أحد إضافات المتصفح ، لفحص تطبيقك مباشرةً. من المفيد أيضًا اكتشاف تطبيقات Ember في البرية ومحاولة تثبيتها وفتح موقع NASA !

منظمة

على الجانب الأيسر من كل صفحة "أدلة" ، يوجد جدول محتويات ، يتم تنظيمه في أقسام يمكن توسيعها لعرض الموضوعات التي تغطيها. يتم طلب كل من الأقسام والمواضيع داخل كل قسم من المفاهيم الأساسية إلى المتقدمة.

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

تبدأ الأدلة مع شرح لكيفية البدء مع Ember ، يتبعها برنامج تعليمي حول كيفية إنشاء تطبيق Ember الأول. إذا كنت جديدًا في Ember ، فنوصيك بالبدء عن طريق المتابعة مع هذين القسمين الأول من الأدلة.

الافتراضات

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

لتحقيق أقصى استفادة من الأدلة ، يجب أن يكون لديك معرفة عملية عن:

  • HTML ، CSS ، جافا سكريبت - اللبنات الأساسية لصفحات الويب. يمكنك العثور على وثائق كل من هذه التقنيات في شبكة مطوري موزيلا .
  • وعود - الطريقة المحلية للتعامل مع asynchrony في شفرة جافا سكريبت الخاص بك. راجع قسم شبكة مطوري برامج Mozilla ذات الصلة.
  • وحدات ES2015 - سوف تفهم بشكل أفضل هيكل مشروع Ember CLI ومسارات الاستيراد إذا كنت مرتاحًا مع وحدات JavaScript .
  • بنية ES2015 - تأتي Ember CLI مع Babel.js بشكل افتراضي حتى يمكنك الاستفادة من ميزات اللغة الأحدث مثل وظائف الأسهم ، سلاسل القوالب ، التدمير ، وأكثر من ذلك. يمكنك مراجعة وثائق Babel.js أو قراءة فهم ECMAScript 6 على الإنترنت.

ملاحظة حول الأداء المحمول

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

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

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

باختصار:

  1. اختبر دائمًا أجهزة جوال حقيقية تمثيلية.
  2. يمكنك قياس الأداء من البداية ، والاستمرار في الاختبار مع تطور تطبيقك.

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

الإبلاغ عن مشكلة

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

بعض الطرق الأكثر شيوعًا للإبلاغ عن مشكلة في الأدلة هي:

  • استخدام رمز القلم الرصاص في أعلى يمين كل صفحة دليل
  • فتح مشكلة أو سحب الطلب إلى مستودع GitHub

سيؤدي النقر فوق رمز القلم الرصاص إلى نقلك إلى محرر GitHub الخاص بهذا الدليل حتى يمكنك تحريره فورًا باستخدام لغة تمييز Markdown. هذه هي أسرع طريقة لتصحيح خطأ مطبعي أو كلمة مفقودة أو خطأ في نموذج التعليمات البرمجية.

إذا كنت ترغب في تقديم مساهمة أكثر أهمية ، فاحرص على مراجعة أداة تعقب المشكلات لمعرفة ما إذا كانت مشكلتك قد تمت معالجتها بالفعل. إذا لم تعثر على مشكلة نشطة ، فافتح مشكلة جديدة.

إذا كان لديك أي أسئلة حول التصميم أو العملية المساهمة ، يمكنك الاطلاع على دليل المساهمة . إذا استمر سؤالك ، #-team-learning بنا على #-team-learning في مجموعة Slack .

حظا طيبا وفقك الله!