Angular 2

  Copy


More Options: Make a Folding Card




Storyboard Description

This storyboard does not have a description.

Storyboard Text

  • مقدمة حول Angular2
  • angular 2 هي إطار عمل لبناء صفحات أحادية الصفحة على HTML & JavaScript & TypeScript angular2 ليست نسخة حدثة بل تم إعادة كتابتها
  • أيضًا تم كتابة الإطار بواسطة Typescript
  • الفرق بين Angular 1 & 2
  • تعتمد angular1 على MVC (Model view viewModel ) Model: تقوم بحمل البيانات أو تتعامل كبيانات تمر عبر التطبيقات. View:تقوم بعرض الطبقات. viewModel: تقوم بتوفير البيانات لل view
  • تطبيقات angular2 تستخدم the component pattern، Web components : Custom elements: تتيح إنشاء أنواع جديدة من العناصر بدلا عن العناصر الأساسية ل HTM Shadow DOM: توفر أجزاء مخفية على الصفحة للسكربت ( HTML, CSS) بهذه الطريقة لا يمكن أن تؤثر على بقية الصفحة. Templates: يتيح إعادة تكرار اجزاء HTML التي تحتوي على tags يمكن استبداله مع محتوى ديناميكي في اثناء التشغيل بواسطة JavaScript HTML imports : توفر طريقة لتحميل مصادر مثل HTML , CSS , JavaScript في حزمة واحدة
  • • هذا مثال على components في angular2 : عبارة عن تطبيق يتكون من 9 محتويات الأصل (Root) هو المكون application الذي يحتوي على بقية المكونات في التالي نجد المكون from الذي تم بناءه من قبل المكون input و المكون button , المكون tasklist هو وعاء للمكون taskrow , تشمل taskrow على ثلاثة مكونات هي checkbox , label , trash .
  • المنصات المدعومة من قبل Angular2: Ionic , Electron , NativeScript , React Native
  • مميزات angular2 -مزامنة البيانات - دعمRounting - مدعومة من قوقل
Just Created with Storyboard That
Explore Our Articles and Examples

Try Our Other Websites!

Photos for Class – Search for School-Safe, Creative Commons Photos! (It Even Cites for You!)
Quick Rubric – Easily Make and Share Great Looking Rubrics!