دورة AngularJS للمبتدئين

من قبل: جيمس هارتمان جيمس هارتمان
Hours تحديث

ملخص البرنامج التعليمي AngularJS

هذا هو برنامج تعليمي AngularJS للمبتدئين، دليل خطوة بخطوة لتعلم AngularJS من الصفر. سيساعدك دليل دروس Angular JS هذا على تعلم أساسيات ومكونات AngularJS مثل التوجيهات والمرشحات والتعبيرات وما إلى ذلك واستكشاف المزيد من جوانب البرمجة الخاصة بـ SPA.

ما هو AngularJS؟

AngularJS هو Javaإطار عمل نصي لبناء تطبيقات ويب تعتمد على MVC. يسمح لك بتقسيم طبقة منطق الأعمال وطبقة البيانات وطبقة العرض. يستخدم HTML كلغة قالب لتوسيع تركيبه النحوي لإنشاء مكونات تطبيق مختلفة. كما يساعد في تقليل الكود من خلال ميزات ربط البيانات وحقن التبعيات.

AngularJS المنهج

أساسيات AngularJS للمبتدئين

؟؟؟؟ الدرس 1 ما هو AngularJS؟ - مقدمة، Archiالبنية والميزات
؟؟؟؟ الدرس 2 AngularJS أهلا بالعالم — برنامجك الأول AngularJS
؟؟؟؟ الدرس 3 البرنامج التعليمي لوحدة تحكم AngularJS - ما هو، كيفية البناء مع المثال

عرض نموذج نطاق AngularJS

؟؟؟؟ الدرس 1 النطاقات الزاوية — ما هو $Scope في AngularJS؟ البرنامج التعليمي مع المثال
؟؟؟؟ الدرس 2 تكرار — AngularJS ng-repeat Directive مع مثال
؟؟؟؟ الدرس 3 نموذج - كيفية استخدام "ng-model" في AngularJS مع أمثلة
؟؟؟؟ الدرس 4 ngView — AngularJS ng-view مع مثال

تعبيرات AngularJS

؟؟؟؟ الدرس 1 تعبيرات AngularJS — المصفوفة، الكائنات، التقييم $، السلاسل [أمثلة]
؟؟؟؟ الدرس 2 مثال على مرشح AngularJS — أحرف صغيرة وأحرف كبيرة وJSON
؟؟؟؟ الدرس 3 AngularJS مرشح مخصص - كيفية إنشاء عوامل تصفية مخصصة في AngularJS مع مثال
؟؟؟؟ الدرس 4 توجيه AngularJS مع مثال - ng-init، ng-repeat، ng-app، ng-model
؟؟؟؟ الدرس 5 التوجيهات المخصصة في AngularJS - كيفية إنشاء توجيه مخصص؟ [أمثلة]

أساسيات AngularJS خطوة بخطوة

؟؟؟؟ الدرس 1 وحدة AngularJS - البرنامج التعليمي لوحدة AngularJS مع مثال
؟؟؟؟ الدرس 2 أحداث AngularJS — ng-click، ng-show، ng-hide التوجيه [مثال]
؟؟؟؟ الدرس 3 توجيه AngularJS مع المعلمات — مثال تطبيق صفحة واحدة
؟؟؟؟ الدرس 4 AngularJS $ الموارد و$http - اتصال AngularJS AJAX باستخدام $resource، $http [مثال]
؟؟؟؟ الدرس 5 جدول AngularJS - الفرز والترتيب حسب وتصفية الأحرف الكبيرة [أمثلة]
؟؟؟؟ الدرس 6 التحقق من صحة نموذج AngularJS عند الإرسال - النموذج مع المثال
؟؟؟؟ الدرس 7 نموذج إرسال AngularJS - كيفية إرسال نموذج باستخدام ng-submit
؟؟؟؟ الدرس 8 ng-تضمين في AngularJS - كيفية تضمين ملف HTML [مثال]
؟؟؟؟ الدرس 9 حقن التبعية AngularJS - ما هي المكونات التي تم حقنها

ذات المواد

AngularJS الاشياء المتقدمة!

؟؟؟؟ الدرس 1 اختبار وحدة AngularJS - كارما ياسمين تعليمي
؟؟؟؟ الدرس 2 البرنامج التعليمي لاختبار المنقلة - إطار أداة الأتمتة
؟؟؟؟ الدرس 3 AngularJS مقابل Angular 2 مقابل Angular 4 - ماهو الفرق؟
؟؟؟؟ الدرس 4 رد فعل مقابل الزاوي - 10 اختلافات مهمة يجب أن تعرفها!

AngularJS أسئلة المقابلة والكتب والبرامج التعليمية PDF

؟؟؟؟ الدرس 1 أسئلة المقابلة AngularJS - أهم 75 أسئلة وأجوبة لمقابلة AngularJS
؟؟؟؟ الدرس 2 كتب AngularJS — أفضل 10 كتب AngularJS للمبتدئين والخبراء
؟؟؟؟ الدرس 3 AngularJS البرنامج التعليمي PDF - قم بتنزيل البرنامج التعليمي AngularJS PDF للمبتدئين

ماذا ستتعلم في هذا البرنامج التعليمي Angular JS؟

في هذا البرنامج التعليمي AngularJS للمبتدئين، ستتعلم أساسيات Angular JS مثل ما هو AngularJS، وحدة التحكم، النطاق، ng-model، ng-view، تعبيرات AngularJS، الوحدات النمطية، الأحداث، الجدول، النموذج، وما إلى ذلك والمفاهيم المتقدمة مثل اختبار وحدة AngularJS، اختبار Protractor، إصدارات AngularJS، أسئلة مقابلة AngularJS، وما إلى ذلك.

لماذا نتعلم AngularJS؟

AngularJS هو إطار عمل مفتوح المصدر يُستخدم على نطاق واسع لإنشاء تطبيقات ويب MVC من جانب العميل. علاوة على ذلك، يتم استخدامه على نطاق واسع في كل صناعة من قبل الأفراد والشركات في جميع أنحاء العالم، لذلك هناك فرص وظيفية ضخمة للمرشحين الذين لديهم معرفة جيدة بـ Angular JS.

المتطلبات الأساسية لتعلم AngularJS

تم تصميم هذا البرنامج التعليمي Angular للمبتدئين. ومع ذلك، إذا كان لديك المعرفة الأساسية بـ HTML وCSS و Javaسيناريو، ستكون مساعدة إضافية.

مميزات AngularJS

فيما يلي الميزات الرئيسية لـ Angular JS:

  • إنه مفتوح المصدر Javaإطار عمل MVW النصي
  • يوسع دعم HTML عن طريق إضافة العلامات والسمات والتعبيرات
  • يتيح سهولة التعامل مع الأحداث
  • يوفر الدعم لربط البيانات
  • يقدم محرك القالب المدمج والتوجيه
  • يوفر التحقق من صحة النموذج والرسوم المتحركة
  • يقدم حقن التبعية

مثال بسيط لبرنامج AngularJS

<!DOCTYPE html>
<html>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<head>
    <meta chrset="UTF 8">
    <title>Basic AngularJS Program</title>
</head>
<body ng-app="">

<h3>This is AngularJS Tutorial for Beginners..!!</h3>

</body>
</html>

الإخراج:

This is AngularJS Tutorial for Beginners..!!

تلخيص هذه التدوينة بـ: