التهيئة الأولية في Angular

Name: التهيئة الأولية في Angular
Author: Michaela Ochnich

ستتعرف على كيفية قيام Angular بعملية بوتستراب لأحد التطبيقات وتشغيله في المتصفح

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ3.

دورة تدريبية: عند الطلب

في هذا الدرس، سأقدم لك عملية التمهيد/بوتستراب لتطبيق Angular التمهيد هو عملية الإطلاق وتحميل التطبيق في المتصفح للمستخدم لدي هنا تطبيق بدائي تم إنشاؤه باستخدام Angular CLI وهو قيد التشغيل حاليًا وفي المتصفح هنا يمكنك أن ترى أن القالب البدائي يتم عرضه وأنا أنقر على فحص يمكنك رؤية جميع عناصر HTML DOM وكل ما يتم تقديمه هنا ولكن إذا عرضت الملف المصدر بدلاً من ذلك سترى أن هذا ملف أقصر بكثير مما بدأت به هذه الصفحة توجد بعض معلومات الرأس الأساسية هنا ثم جذر تطبيق محدد المكون الفردي هذا هذا هو مكون الجذر الخاص بالتطبيق تحتوي معظم تطبيقات Angular على مكون جذر واحد مثل ذلك حيث يحتوي هذا المكون على مكونات متداخلة والتي ستحتوي بعد ذلك على مكونات متداخلة وتبعيات خاصة بهم وهذا كله يبني شجرة مكون هيكل التي تشكل تطبيق Angular الخاص بك يوجد أيضًا خمس ملفات جافا سكريبت هنا هم وقت التشغيل، شيفرات داعمة polyfills الأنماط، البائعين والملف الرئيسي وقت التشغيل هو ملف Webpack وهو برنامج يستخدمه Angular للمساعدة في بناء وحدات وحزمها لتقديمها إلى المتصفح تحتوي الشيفرات الداعمة Polyfills على نصوص لدعم أنواع المستعرضات المختلفة ويتم تصنيف الأنماط العالمية للتطبيق ثم يحتوي البائع على نصوص Angular بالإضافة الي البرامج النصية الأخرى التبعية للمكتبة ويحتوي main.js على رمز تطبيق Angular الخاص بك ويتم تحويل هذا الملف من ملف main.ts في كود المصدر لمشروعك لذا سأنتقل الآن إلى Visual Studio code وافتح ملف main.ts الموجود في المجلد المصدر وفي هذا الملف سترى هذا السطر يستدعي طريقة وحدة بوتستراب هذا السطر هو ما يبدأ التمهيد للتطبيق للمتصفح بدءًا من الوحدة التي تم تمريرها إلى الطريقة هنا هذه الوحدة هي وحدة المسار للتطبيق وهي نقطة البداية لتحميل Angular في جميع الوحدات والتبعيات الأخرى وهذه الوحدة تحتوي على مكون الجذر هذا والذي كان في الملف المصدر ثم ملف index.HTML هو الملف الذي تبحث عنه المتصفحات وتحمله أولاً، عندما ينتقل المستخدم إلى موقعك كان هذا هو الملف المصدر الذي تم عرضه في المتصفح التطبيق الذي تمت له عملية بوتستراب أو التمهيد يتم حقنه في DOM باستخدام نقطة الدخول هنا محدد مكون المسار والى النصوص التي كانت في نهاية الملف المصدر تضاف بواسطة Angular بعد عملية البناء يجب عليه أولاً تحويل جميع أكواد TypeScript في جافا سكريبت قبل تقديمها إلى المتصفح هذا كل ما في هذا الدرس تقديم عملية بوتستراب للتطبيق وتحقق من الدرس التالي لكي تتعلم المزيد عن عملية التمهيد التلقائي (بوتستراب) في Angular

متوسط مقدِّم الخدمة : Michaela Ochnich 3 الدروس · 13m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

سيشرح هذا الجزء كيف يقوم إطار عمل Angular ببدء تشغيل أحد التطبيقات وتشغيله في المتصفح. ستتعرف على كيفية قيام Angular تلقائيًا بتشغيل تطبيق ما بشكل افتراضي، بالإضافة إلى كيفية تنفيذ التمهيد اليدوي (Bootstrapping) لتطبيقك.

ما ستتعلمه

فهم كيفية تمهيد إطار عمل Angular للتطبيق وتشغيله في المتصفح
استكشاف عملية التمهيد الإجمالية في Angular
تعلّم كيفية تمهيد Angular للتطبيق تلقائياً بشكل افتراضي
تنفيذ التمهيد اليدوي لتطبيق Angular

النقاط الرئيسية

يشرح هذا الفصل كيفية تمهيد إطار عمل Angular للتطبيق وتشغيله في المتصفح.
يُمهّد Angular التطبيق تلقائياً بشكل افتراضي.
يمكن تنفيذ التمهيد اليدوي للتحكم في طريقة بدء تشغيل التطبيق.
يتناول الفصل نظرة عامة على عملية التمهيد، إضافة إلى أسلوبَي التمهيد التلقائي واليدوي.