برنامج AngularJS التعليمي للمبتدئين: تعلم AngularJS خطوة بخطوة

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


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

ما هو AngularJS؟

AngularJS هو إطار عمل جافا سكريبت لبناء تطبيقات الويب المستندة إلى 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 للمبتدئين، ستتعلم أساسيات AngularJS مثل ما هو AngularJS، وحدة التحكم، النطاق، ng-model، ng-view، تعبيرات AngularJS، الوحدات، الأحداث، الجدول، النموذج، وما إلى ذلك والمتقدمة concepts مثل اختبار وحدة AngularJS، واختبار المنقلة، وإصدارات AngularJS، وأسئلة مقابلة AngularJS، وما إلى ذلك.

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

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

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

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

مميزات AngularJS

فولوwing هي الملامح الرئيسية لAngular JS:

  • وهو إطار عمل JavaScript 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..!!