• رقم الدرس : 46
  • 00:07:12

  • 046 - VueJs Components مقدمة عن الـ

  • تشغيل

دروس الكورس

  1. 1- 001 - VueJs 2 مقدمة الدورة
  2. 2- 002 - VueJs أول تطبيق باستخدام
  3. 3- 003 - VueJs Framework تركيب الـ
  4. 4- 004 - VueJs - vue instance إنشاء تطبيق
  5. 5- 005 - VueJs dev-tools تنصيب الـ
  6. 6- 006 - VueJs في Template كيف يعمل الـ
  7. 7- 007 - VueJs Data binding أساسيات الـ
  8. 8- 008 - VueJs Event Handling أساسيات الـ
  9. 9- 009 - VueJs Event Objectالحصول على الـ
  10. 10- 010 - VueJs Modifiers استخدام الـ
  11. 11- 011 - VueJs Stop Modifier إستخدام الـ
  12. 12- 012 - VueJs Self, capture & once modifires إستخدام الـ
  13. 13- 013 - VueJs Keyboard Event & modifires إستخدام الـ
  14. 14- 014 - VueJs Create Keyboard Shortcuts إنشاء إختصارات لوحة المفاتيح
  15. 15- 015 - VueJs Shorthands v-bind & v-on الصيغة المختصرة لـ
  16. 16- 016 - VueJs v-once تثبيت المحتوى عن طريق
  17. 17- 017 - VueJs Tow way data binding مفهوم الـ
  18. 18- 018 - VueJs Computed attributes إستخدام الـ
  19. 19- 019 VueJs - طريقة إستخدام الـ watch وإنشاء زر لايك كمثال
  20. 20- 020 - VueJs Class Binding إستخدام
  21. 21- 021 - VueJs بالعربية Class Binding with array
  22. 22- 022 - VueJs بالعربية style binding
  23. 23- 023 - VueJs v-text directive إستخدام
  24. 24- 024 VueJs - v-if الجمل الشرطية
  25. 25- 025 - VueJs Groupin v-if with tempalte tag تجميع الجمل الشرطية
  26. 26- 026 VueJs - v-show إظهار وإخفاء العناصر
  27. 27- 027 - VueJs بالعربية Looping with v-for
  28. 28- 028 - VueJS تعديل وحذف عنصر من مصفوفة
  29. 29- 029 - VueJs بالعربية v-for & v-if
  30. 30- 030 - VueJs بالعربية v-for with objects
  31. 31- 031 - VueJs بالعربية nested loops
  32. 32- 032 - VueJs بالعربية v-for & Vue.set
  33. 33- 033 - VueJs v-for key إستخدام
  34. 34- 034 - VueJs فلترة النتائج مع v-for
  35. 35- 035 - VueJs بالعربية v-for range
  36. 36- 036 - VueJs بالعربية v-for range 2
  37. 37- 037 - VueJs أول مشروع عملي
  38. 38- 038 - VueJs - Todo List App بناء تطبيق مهام باستخدام
  39. 39- 039 - VueJs بالعربية Todo App
  40. 40- 040 - VueJs Todo App إضافة مهمة
  41. 41- 041 - VueJs Todo App إضافة الفلاتر
  42. 42- 042 - VueJs بالعربية Todo App
  43. 43- 043 - VueJs بالعربية Todo App
  44. 44- 044 - VueJs بالعربية Todo App خاصية التعديل
  45. 45- 045 - VueJs Todo App: الدرس الاخير تخزين المهام
  46. 46- 046 - VueJs Components مقدمة عن الـ
  47. 47- 047 - 4 أمور يجب الإنتباه إليها عند إنشاء الـ components في الـ VueJs
  48. 48- 048 - VueJs - Template Parsing Caveats in Components
  49. 49- 049 - VueJs - Components Props إنشاء
  50. 50- 050 - VueJs Props Validation التحقق من خصائص المكونات
  51. 51- 051 - VueJs بالعربية Pass Objects to Props
  52. 52- 052 - VueJs Composing Components إستخدام المكونات بشكل متداخل
  53. 53- 053 - VueJs بالعربية One-Way Data Flow
  54. 54- 054 - VueJs بالعربية create button-counter component
  55. 55- 055 - VueJs بالعربية Component Custom Events
  56. 56- 056 - VueJs بالعربية Binding Native Events to Components
  57. 57- 057 - VueJs بالعربية compnents two way data binding & .sync Modifier
  58. 58- 058 VueJs بالعربية - Slots
  59. 59- 059 - VueJs بالعربية - Named Slots
  60. 60- 060 VueJs بالعربية - Dynamic Components
  61. 61- 061 VueJs بالعربية - Dynamic Components keep-alive
  62. 62- 062 - تطبيق عملي عن الـ Components
  63. 63- 063 - أهمية استخدام الـ components في الـ VueJs
  64. 64- 064 - تطبيق عملي عن الـ component - تنفيذ التمبلت اللازم VueJs
  65. 65- 065 - تطبيق عملي عن الكومبوننت - تضمين الفيو وإنشاء التطبيق والكومبوننت
  66. 66- 066 - تطبيق عملي عن الـ component - إستخدام الـ props
  67. 67- 067 - تطبيق عملي عن الـ component - الإستعلام عن الدورات من ملف json
  68. 68- 068 VueJS بالعربية - forms
  69. 69- 069 VueJs بالعربية - Radio Inputs
  70. 70- 070 VueJs بالعربية - Checkbox Inputs
  71. 71- 071 VueJs بالعربية - Select Dropdown
  72. 72- 072 VueJs بالعربية - Form Input Modifiers
  73. 73- 073 VueJs - إستخدام الـ events مع الـ Forms
  74. 74- 074 VueJs - كيف يعمل v-model
  75. 75- 075 - VueJs - طريقة إنشاء custom input
  76. 76- 076 - VueJs بالعربية Lifecycle hooks
  77. 77- 077 - VueJs بالعربية - created hook example & ajax requests with vue-resource
  78. 78- 078 VueJs بالعربية Filters
  79. 79- 079 - VueJs بالعربية Mixins
  80. 80- 080 - VueJs بالعربية Custom Directives
  81. 81- 081 VueJS بالعربية & Single page applications
  82. 82- 082 VueJs VueCli إنشاء مشروع باستخدام
  83. 83- 083 - VueJS بالعربية - Single file component (SFC)
  84. 84- 084 - VueJS بالعربية Vue Router
  85. 85- 085 VueJS بالعربية Vuer Router Links & History Mode
  86. 86- 086 - VueJs بالعربية Style links
  87. 87- 087 VueJs - فصل routes في ملف خاص
  88. 88- 088 - VueJs vue-router تمرير برامترات في الروابط
  89. 89- 089 VueJS بالعربية - Vue Router - Nested Routes
  90. 90- 090 VueJS بالعربية - Vue Router - Programatic Navigation
  91. 91- 091 VueJS بالعربية - Vue Router - Named Routes
  92. 92- 092 VueJS بالعربية - Vue Router - Query Parameters
  93. 93- 093 - VueJS بالعربية - VueRouter - Catch all
  94. 94- 094 - Vuejs بالعربية - VueRouter - Route Guards
  95. 95- 095 - VueJS بالعربية - Vuex تعرف على أهمية
  96. 96- 096 - Vuejs بالعربية - Vuex - البدء باستخدام
  97. 97- 097 - VueJS بالعربية - Vuex - Getters
  98. 98- 098 - VueJS بالعربية - Vuex mutations
  99. 99- 099 - VueJS بالعربية - Vuex - DevTools
  100. 100- 100 - VueJS بالعربية - VueX - Actions
  101. 101- 101 - VueJS بالعربية - VueX - Modules
  102. 102- 102 - VueJS بالعربية - Vuex - Module Locale state & rootState
  103. 103- 103 - VueJS بالعربية - Vuex - Namespaces
  104. 104- 104 - VueJS بالعربية - Vuex - App Structure