أفضل 21 سؤالاً وجواباً للمقابلات الشخصية – سبوتو

قام فريق Google Angular ومجتمع من الأشخاص والشركات بتطوير Angular، وهو إطار عمل مفتوح المصدر لتطبيقات الويب مبني على TypeScript. وبالإضافة إلى HTML وCSS ولغات الترميز الأخرى، يُستخدم Typescript، وهو مجموعة فائقة من جافا سكريبت، لإنشاء تطوير الويب أو تطبيقات الويب.
ثم يتم ترجمة كود Typescript إلى Javascript وتنفيذه في المتصفح. لهذا السبب، يمكن للمطورين تصميم تطبيقات الصفحة الواحدة (SPAs)، والتي توفر للمستخدمين تجربة مستخدم سريعة الاستجابة للغاية. يتم إنجاز ربط البيانات من خلال توسيع HTML في البرنامج وتفسير سماته.
Angular هو إطار عمل جافا سكريبت الشهير للواجهة الأمامية يتم استخدامه لإنشاء التطبيقات. بسبب شعبيته المتزايدة، هناك طلب كبير على مطوري Angular.
كانت تطبيقات الصفحة الواحدة هي السبب في تطوير Angular. يوفر هذا الإطار قابلية استثنائية للتطوير والصيانة بالإضافة إلى الهيكلية والاتساق للتطبيقات عبر الإنترنت.
تم تطوير إطار عمل جافا سكريبت مفتوح المصدر بالكامل في TypeScript. وهو يعبّر عن مكونات برنامجك باستخدام صيغة HTML.
توفر مجموعة فائقة من JavaScript تسمى TypeScript تناسقًا استثنائيًا. يُنصح به بشدة لأنه يضيف بعض السكر النحوي ويجعل قاعدة الشيفرة أسهل في الفهم والصيانة. في النهاية، يتم اختزال شيفرة TypeScript إلى JavaScript، والتي تعمل بفعالية في أي إعداد.
يمكن لأي مستخدم للإنترنت تغيير عناصر صفحة الويب باستخدام متصفح الويب بفضل الظاهرة المعروفة باسم ربط البيانات. لا تحتاج إلى ترميز أو برمجة معقدة لأنها تستخدم لغة HTML ديناميكية. يُستخدم ربط البيانات في مواقع الويب التي تحتوي على عناصر تفاعلية مثل الألعاب والآلات الحاسبة ونماذج الآلة الحاسبة والبرامج التعليمية والبرامج التعليمية. يكون ربط البيانات عمليًا عندما تحتوي الصفحات على كمية كبيرة من البيانات ويتم عرضها بشكل تدريجي.
في Angular، يتم استخدام الربط ثنائي الاتجاه. تعكس حالة النموذج المطابق أي تعديلات يتم إجراؤها على واجهة المستخدم. من ناحية أخرى، أي تعديلات على حالة النموذج تنعكس أيضًا في حالة واجهة المستخدم. يمكّن هذا الإطار من استخدام وحدة التحكم لربط DOM ببيانات النموذج. ومع ذلك، ولأنه يجب تسجيل كل تعديل على DOM، فإن هذه الاستراتيجية لها تأثير على الأداء.
ابحث أيضًا، Angular مقابل React JS أيهما أفضل؟
تطبيقات الويب المعروفة بتطبيقات الصفحة الواحدة تُحمَّل مرة واحدة فقط وتضيف وظائف جديدة فقط إلى واجهة المستخدم. يتم إنتاج محتوى الصفحة الجديدة بشكل ديناميكي بدلاً من تحميل صفحات HTML جديدة. قدرة JavaScript على العمل مع مكونات DOM على الصفحة الحالية نفسها تجعل هذا الأمر ممكنًا. توفر طريقة SPA تجربة مستخدم سلسة لأنها أسرع.
المزخرفات هي دوال أو أنماط تصميم تحدد كيفية عمل الميزات. يتم إجراء تغييرات مسبقة على فئة أو خدمة أو مرشح باستخدامها.
تدعم Angular أربعة أنواع مختلفة من المزخرفات.
يُستخدم HTML لإنشاء قوالب Angular، ويتضمن HTML هذا عناصر وخصائص خاصة بـ Angular. يتم إنشاء هذه القوالب كذلك بالاقتران مع البيانات من النموذج ووحدة التحكم لتزويد المستخدم بعرض ديناميكي.
في Angular، يتم إنشاء مصفوفة التعليقات التوضيحية باستخدام التعليقات التوضيحية. وهي البيانات الوصفية التي تم وضعها على الفئة لتمثيل مكتبة البيانات الوصفية.
في تطبيق Angular، تعمل المكونات كعناصر بناء أساسية لواجهة المستخدم. يحتوي كل مكون على قالب مخصص له وهو عبارة عن مجموعة فرعية من التوجيهات. يتكون تطبيق Angular عمومًا من تطبيق Angular بشكل عام من مكون التطبيق كمكون جذر في أعلى تسلسل هرمي من المكونات الإضافية.
هذه هي خطوط الأنابيب التي تستخدم دوال نقية فقط. لهذا السبب، لا يستخدم الأنبوب النقي أي حالة داخلية ويحافظ على نفس المخرجات طالما لم تتغير المعلمات المعطاة. فقط عندما يلاحظ تغييرًا في المعلمات المعطاة، تستدعي Angular الأنبوب؟ خلال جميع المكونات، يُستخدم مثيل واحد من الأنبوب النقي.
بغض النظر عن التغييرات التي تطرأ على حقول الإدخال، يستدعي Angular أنبوبًا نقيًّا لكل دورة من دورات اكتشاف التغيير. يتم إنشاء العديد من مثيلات الأنابيب لهذه الأنابيب، ويمكنها قبول مدخلات مختلفة.
إذا كان القالب والأنماط المحددة داخل المكون قد تؤثر على التطبيق بأكمله أو لا تعتمد على تغليف العرض.
هناك ثلاث طرق تغليف تقدمها Angular:
المحاكاة: يستقبل المكون التصميم من HTML الرئيسي.
أصلي: لا يرث المكوّن أنماطًا من HTML الرئيسي.
لا شيء: يمكن لجميع المكونات على الصفحة رؤية الأنماط بما أنها تنتقل من المكون إلى HTML الرئيسي.
راجع أيضًا، أسئلة وأجوبة مقابلة HTML و HTML 5
تتم إدارة البيانات في التطبيقات عبر وحدات تحكم AngularJS. كائنات JavaScript العادية هي ما هي عليه. يتم تحديد وحدة تحكم التطبيق عبر توجيه ng-controller.
يتم توصيل HTML، أو طريقة العرض، وجافا سكريبت، أو وحدة التحكم، من خلال النطاق في Angular. وهو كائن له أساليب وسمات يمكن الوصول إليها، كما هو متوقع. يمتلك كل من طريقة العرض ووحدة التحكم إمكانية الوصول إلى النطاق. يُعطى الكائن $scope كمعامل عند إنشاء وحدة تحكم في Angular.
يقوم أسلوب ربط البيانات أحادي الاتجاه يسمى استيفاء السلسلة بإخراج البيانات من شيفرة TypeScript إلى صفحة HTML. يُشار إليها باستخدام قوسين معقوفين. تُعرض البيانات من المكوّن في طريقة العرض بمساعدة تعبير القالب هذا.
قبل أن يقوم المتصفح بتحميل وتشغيل الشيفرة البرمجية الخاصة بك، يقوم تجميع AOT بتحويل الشيفرة البرمجية الخاصة بك أثناء عملية التطوير. يضمن ذلك عرضًا أسرع للمتصفح. قم بتضمين خيار AOT مع الأمر ng builds أو ng serve للإشارة إلى تجميع AOT.
أثناء التنفيذ، أو وقت التشغيل، يمكن تحويل التعليمات البرمجية للكمبيوتر إلى تعليمات برمجية للماكينة باستخدام عملية التحويل البرمجي في الوقت المناسب (JIT). بالإضافة إلى ذلك تسمى التحويل البرمجي الديناميكي. عند استخدام الأوامر CLI ng build أو ng serve، يتم استخدام التحويل البرمجي JIT افتراضيًا.
تستخدم مكونات متعددة الخدمات لإكمال المهام. يمكن أن تتضمن هذه المهام صيانة قاعدة البيانات، والاتصال بالشبكة، واسترجاع البيانات والصور. وهي تنفذ جميع المهام التشغيلية للأجزاء دون الحاجة إلى إعادة كتابة أي شيفرة برمجية. من الممكن إنشاء خدمة مرة واحدة وإدخالها في جميع المكونات التي تحتاج إليها.
في حين أن كلا المفهومين في Angular يتعاملان مع الأحداث غير المتزامنة، فإن الملاحظات تتعامل مع سلسلة من الأحداث على مدار بعض الوقت بينما تتعامل الوعود مع حدث واحد في كل مرة.
مجموعة أدوات قوية هي Bootstrap. لتطوير صفحات الويب والتطبيقات عبر الإنترنت سريعة الاستجابة، وهي مجموعة من أدوات HTML و CSS و JavaScript.
يمكن دمج مكتبة Bootstrap في برنامجك بطريقتين مختلفتين.
شبكات توصيل المحتوى العامة المستندة إلى CDN تعرف شبكات توصيل المحتوى العامة المستندة إلى CDN. وهي تسمح لك بالوصول عن بعد إلى خوادمها وتحميل ملفات CSS وجافا سكريبت.
يعد تثبيت Bootstrap في مجلد المشروع الخاص بك باستخدام NPM خيارًا آخر لتضمينه في مشروع Angular الخاص بك (Node Package Manager).
طريقة تحميل الوحدة النمطية الافتراضية هي التحميل المتلهف. عندما يتم تمكين التحميل المتحمس، يتم تحميل الوحدات النمطية للميزات قبل تشغيل البرنامج. كثيرًا ما تستخدم التطبيقات الصغيرة الحجم هذه الطريقة.
عندما تكون هناك حاجة، يقوم التحميل البطيء بتحميل وحدات الميزة بشكل ديناميكي. يعمل البرنامج بشكل أسرع نتيجة لذلك. يتم استخدامه في التطبيقات الكبيرة حيث لا تكون كل وحدة نمطية ضرورية في البداية.
يتم التعامل مع مستند XML أو HTML بواسطة نموذج كائن المستند (DOM) كبنية شجرية تكون كل عقدة فيها كائنًا يمثل قسمًا من المحتوى.
يُستخدم DOM العادي من قبل Angular. حتى الوصول إلى البيانات الجديدة، يتم تحديث شجرة علامات HTML الكاملة. ولكن تستخدم Angular اكتشاف التغيير للتأكد من عدم تأثر السرعة والأداء.
فيما يلي بعض فوائد استخدام Angular:
يمكنك ممارسة مهنة كمطوّر واجهة أمامية أو مهندس برمجيات أو مطوّر برمجيات وما إلى ذلك من خلال تعلّمها لأنها ستوفر لك فهمًا شاملاً للتطوير الزاوي. سوف تكتسب كل ما يلزم من المعرفة والخبرة والتدريب العملي مع SPOTO.
تحظى Angular بإعجاب كبير من قبل مؤسسات البرمجيات الكبيرة ولها مستقبل واعد، أن تصبح مطور برمجيات مجهزًا هو خيار وظيفي مربح وموسع ومثير.
تُجري SPOTO تدريبًا فرديًا وتدريبًا مؤسسيًا في مجال تكنولوجيا المعلومات لـ Angular و Angular JS، لذا احجز عرضك التجريبي المجاني التالي مع SPOTO!
SPOTO هي مزود معترف به عالميًا لمجموعة واسعة من الخدمات الاحترافية المصممة لتلبية الاحتياجات المتنوعة للمؤسسات في جميع أنحاء العالم. نحن متخصصون في التدريب التقني والتدريب على الأعمال، وتطوير تكنولوجيا المعلومات وحلول البرمجيات، وخدمات اللغات الأجنبية، والتعلم الرقمي، وتوفير الموارد والتوظيف، والاستشارات. يتجلى التزامنا الثابت بالتميز من خلال شهادات الأيزو 9001 و27001 وCMMIDEV/3، التي تؤكد على معاييرنا الاستثنائية. وبفضل سجلنا الحافل بالنجاحات الذي يمتد لأكثر من عقدين من الزمن، فقد قدمنا خدماتنا بفعالية لأكثر من 4000 مؤسسة في جميع أنحاء العالم.