هناك طريقة جيدة لتعلم AngularJS هي المرور عبر هذا البرنامج التعليمي خطوة بخطوة ، والذي سيمشي بك من خلال بناء تطبيق ويب AngularJS كامل. تطبيق الويب هو قائمة دليل أجهزة Android ، يمكنك تصفية القائمة لعرض الجهاز الذي تهتم به ، ثم عرض تفاصيل الجهاز.
سيوضح لك هذا البرنامج التعليمي كيف يجعل AngularJS تطبيقات الويب أكثر ذكاءً وأكثر مرونة ، دون الحاجة إلى امتدادات مختلفة أو مكونات إضافية. من خلال هذا البرنامج التعليمي ، سوف:
1. اقرأ المثال لمعرفة كيفية استخدام إمكانات ربط بيانات عميل AngularJS وحقن التبعية لإنشاء عرض بيانات ديناميكي يمكنه الاستجابة على الفور لإجراءات المستخدم.
2. تعلم كيفية إنشاء مستمعين للبيانات باستخدام AngularJS بدون عمليات DOM.
3. تعلم طريقة أفضل وأسهل لاختبار تطبيق الويب الخاص بك.
4. تعلم كيفية استخدام AngularJS لإنشاء مهام الويب الشائعة ، مثل إدخال البيانات بشكل أكثر ملاءمة في التطبيقات.
ويمكن تنفيذ كل هذا في أي متصفح دون تكوين المتصفح!
عند إكمال هذا البرنامج التعليمي ، سوف تتعلم:
1. إنشاء تطبيق ديناميكي يعمل في أي متصفح.
2. فهم الفرق بين AngularJS وأطر أخرى من JavaScript.
3. فهم كيف ينفذ AngularJS ربط البيانات.
4. استخدم مشروع Seed AngularJS لإنشاء مشروعك الخاص بسرعة.
5. إنشاء وتشغيل الاختبارات.
6. معرفة المزيد من موارد تحديد AngularJS (API).
سوف يرشدك هذا البرنامج التعليمي من خلال عملية إنشاء تطبيق بسيطة ، بما في ذلك اختبارات وحدة الكتابة وتشغيلها واختبار التطبيقات باستمرار. توفر لك كل خطوة من خطوات البرنامج التعليمي اقتراحات لمعرفة المزيد حول AngularJS وتطبيقات الويب التي تنشئها. يمكنك قراءة هذا البرنامج التعليمي بسرعة في وقت قصير ، أو قد تحتاج إلى قضاء الكثير من الوقت في الخوض فيه. إذا كنت ترغب في رؤية وثيقة مقدمة AngularJS موجزة ، فيرجى التحقق من المستند [Quick Legns] [بدء].
بناء بيئة تعليمية
سواء في بيئة Mac أو Linux أو Windows ، يمكنك متابعة هذا البرنامج التعليمي لتعلم البرمجة. يمكنك استخدام نظام التحكم في إصدار التعليمات البرمجية المصدر GIT للحصول على ملفات التعليمات البرمجية المصدر لهذا المشروع التعليمي ، أو تنزيل حزمة ضغط أرشيف Mirror لملفات التعليمات البرمجية المصدر لهذا المشروع التعليمي مباشرة من الإنترنت.
1. تحتاج إلى تثبيت node.js و testacular لتشغيل هذا المشروع. يرجى تنزيل وتثبيت أحدث إصدار على موقع Node.js الرسمي ، ثم إضافة مسار البرنامج القابل للتنفيذ العقدة إلى مسار متغير بيئة النظام. بعد الانتهاء ، قم بتشغيل الأمر على سطر الأوامر لمعرفة ما إذا كان التثبيت ناجحًا:
نسخة الكود كما يلي:
العقدة -عين
ثم قم بتثبيت برنامج اختبار وحدة Testacular ، يرجى تشغيل الأمر التالي:
نسخة الكود كما يلي:
تثبيت NPM -G testacular
2. قم بتثبيت أداة GIT ، ثم استخدم الأمر التالي لنسخ ملف رمز المصدر لهذا المشروع التعليمي من Github:
نسخة الكود كما يلي:
git clone git: //github.com/angular/angular-phonecat.git
يمكنك أيضًا تنزيل حزمة ضغط أرشيف Mirror من الكود المصدري لهذا المشروع التعليمي مباشرة من الإنترنت. ينشئ هذا الأمر مجلد جديد Angular-Phonecat في مجلدك الحالي.
3. آخر شيء تفعله هو التأكد من أن جهاز الكمبيوتر الخاص بك يحتوي على متصفح ويب ومحرر نصوص مثبت.
4.
نسخة الكود كما يلي:
CD Angular-Phonecat
نود البرامج النصية/الويب server.js