كيف تبدو تطبيقات Angular
احصل على جولة مرئية ومفاهيمية في تطبيقات Angular: المكوّنات والقوالب وفكرة تطبيق الصفحة الواحدة، وكل ذلك دون كتابة سطر واحد من التعليمات البرمجية
كيف تبدو تطبيقات Angular درس مجاني في Angular Academy على CoddyKit. هذا هو الدرس 3 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Angular Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Angular Academy 3 دروس في المجموع.
مبني من كتل 🧱
يتكوّن تطبيق Angular من كتل صغيرة تُسمى المكوّنات. كل مكوّن منها جزء صغير من الشاشة.
مكوّنات في كل مكان
رأس الصفحة، وزر، وبطاقة ملف شخصي. كل واحد منها مكوّن مستقل. صِل هذه المكوّنات معًا، فتحصل على تطبيق.
مثل قطع LEGO
فكّر في LEGO. تتحد القطع الصغيرة لتكوين مجسّمات كبيرة. أعد استخدام القطعة في أي وقت وأي مكان، دون إعادة بنائها.
القالب: HTML
يحتوي كل مكوّن على قالب مكتوب بلغة HTML، يصف ما يظهر على الشاشة. إنه الجزء المرئي.
<h1>Hello, {{ name }}!</h1>تلك الأقواس المعقوفة ✨
هل ترى {{ name }}؟ يستبدل Angular ذلك بالبيانات الفعلية. غيّر البيانات، وستتحدث الشاشة تلقائيًا.
العقل: TypeScript
يوجد خلف كل مكوّن كود TypeScript. إنه العقل الذي يحتفظ بالبيانات ويقرر ما يحدث.
القالب + العقل = المكوّن
إذًا، المكوّن عبارة عن صديقين فحسب: HTML الذي تراه، وTypeScript الذي يفكّر. ويكوّنان معًا جزءًا من التطبيق.
النقرات والإجراءات
اضغط على زر، فيتفاعل العقل: ربما يحفظ شيئًا أو يعرض رسالة. وهكذا يبدو التطبيق حيًا.
شجرة من المكوّنات 🌳
التطبيق بأكمله ليس سوى مكوّنات متداخلة داخل مكوّنات أخرى، مثل أغصان الشجرة. أفكار بسيطة تتكرر.
لقد انتهيت! 🏆
أنت تعرف الآن ما هو Angular، وسبب وجوده، وشكل تطبيقاته. هذه قاعدة حقيقية للانطلاق. نحن فخورون بك!
تحقق سريع
السؤال الأخير! ماذا نسمّي وحدات البناء الصغيرة في تطبيق Angular؟
الأسئلة الشائعة
هل درس «كيف تبدو تطبيقات Angular» مجاني؟
نعم — نص درس «كيف تبدو تطبيقات Angular» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Angular Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Angular Academy 3 دروس في المجموع.
ماذا ستتعلم في «كيف تبدو تطبيقات Angular»؟
احصل على جولة مرئية ومفاهيمية في تطبيقات Angular: المكوّنات والقوالب وفكرة تطبيق الصفحة الواحدة، وكل ذلك دون كتابة سطر واحد من التعليمات البرمجية تتمرن على Angular Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Angular Academy؟
لا تُشترط خبرة سابقة. Angular Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 3.
كم من الوقت يستغرق درس «كيف تبدو تطبيقات Angular»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Angular Academy هذا؟
نعم. كل درس في Angular Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما Angular؟
- لماذا وُجدت أطر الواجهة الأمامية
- كيف تبدو تطبيقات Angular