Never stop talking " STOP the Gaza Genocide "

React JS | أكاديمية ترميز

أكاديمية ترميز

أكاديمية ترميز

أكاديمية ترميز هي قناة تسعى لتقديم محتوى عربي لتعليم البرمجة و الارتقاء بجودة هذا المحتوى شكلا و مضمونا لتقدم مادة تعليمية بشكل مختلف و جودة مميزة تسهل وصول المعرفة للمتعلمين.

تفاصيل الكورس

دروس الكورس

  1. 1 | كورس رياكت React JS Course Intro 00:05:45
  2. 2 | 1: عن كورس رياكت المتطلبات طريقة التعلم about React course 00:05:30
  3. 3 | 1.5: كيف تحصل على كل أكواد الكورس من github 00:09:45
  4. 4 | 1.6: الحصول على الأكواد و التعامل معها باستخدام git 00:05:41
  5. 5 | 2: ما هو رياكت ؟ What is React JS 00:08:27
  6. 6 | 3: التجربة الأولى ل React 00:09:16
  7. 7 | 4: تجهيز بيئة العمل و إنشاء مشروع React جديد 00:10:50
  8. 8 | 5: فهم هيكلة مشاريع React 00:14:02
  9. 9 | 6: بناء ال component الأول في React 00:17:46
  10. 10 | 7: ما هو ال component في React؟ شرح نظري 00:05:46
  11. 11 | 8: مقدمة إلى ال JSX 00:11:06
  12. 12 | 9: إضافة Style لعناصر ال JSX 00:10:20
  13. 13 | 10: إضافة ال Classes في ال JSX 00:12:00
  14. 14 | 11: تحدي بناء ال Components 00:03:37
  15. 15 | 12: حل تحدي ال Components في React 00:28:41
  16. 16 | 13: إرسال ال props في ال Components 00:19:07
  17. 17 | 14: إرسال ال JSX كـ Props إلى ال Component 00:14:03
  18. 18 | 15: تحدي ال Props 00:01:53
  19. 19 | 16: حل تحدي ال Props 00:10:41
  20. 20 | 17: Conditional Rendering in React 00:12:20
  21. 21 | 18: Rendering List in React 00:15:22
  22. 22 | 19: تحدي ال List Rendering 00:01:53
  23. 23 | 20: حل تحدي ال List Rendering 00:15:40
  24. 24 | 21: مقدمة إلى ال State في رياكت Intro to State in React 00:08:19
  25. 25 | 22: مشكلة تعديل ال State من ال Component 00:06:19
  26. 26 | 23: ما هو ال React DOM و كيف يعمل؟ 00:08:21
  27. 27 | 24: useState Hook in React 00:18:39
  28. 28 | 25: إدارة ال State مع المدخلات Managing State with Input in React 00:13:58
  29. 29 | 26: State with Forms in React 00:17:54
  30. 30 | 27: حل مشكلة ال Object State في ال Form 00:13:59
  31. 31 | 28: Other Form Fields with State 00:16:18
  32. 32 | 29: Select & Radio Inputs with State 00:10:39
  33. 33 | 30: تحدي تحديث ال State Object 00:04:23
  34. 34 | 31: حل تحدي تحديث ال Object State 00:10:27
  35. 35 | 32: Using Arrays as State in the Component in React JS 00:17:22
  36. 36 | 33: التعديل و الحذف في ال Array State في رياكت 00:17:26
  37. 37 | 35: تحدي تحديث ال Array State 00:02:07
  38. 38 | 34: التعديل في ال Array State 00:09:42
  39. 39 | 39: حل تحدي التحديث المتتالي لل State 00:05:22
  40. 40 | 37: التحديث المتكرر لل state في رياكت 00:15:05
  41. 41 | 40: عرض مشروع Loan Application Form 00:06:00
  42. 42 | 36: حل تحدي تحديث ال Array State 00:14:03
  43. 43 | 38: تحدي التحديث المتتالي لل State 00:03:22
  44. 44 | 41: المشروع الأول: بناء الواجهات و ال Components 00:35:07
  45. 45 | 42: المشروع الأول: بناء المنطق البرمجي 00:38:22
  46. 46 | المشروع الأول: إظهار ال Modal و إكمال المشروع 00:28:05
    تقييمات الطلاب

    ( 4.9 من 5 )

    ٤ تقييم
    5 نجوم
    75%
    4 نجوم
    25%
    3 نجوم
    0%
    نجمتين
    0%
    نجمة
    0%
    R
    Rawan Mohamed

    14-10-2024
    M
    Mariam

    12-10-2024
    Y
    Youtube

    29-07-2024
    Y
    Yasmin Ibrahim

    03-08-2024
    كورس رياكت React JS Course

    رياكت هو أحد أشهر أطر عمل الجافاسكريبت في الوقت الحالي و هو من أكثر أطر العمل المطلوبة في سوق العمل، في هذه السلسلة أضع لكل شرحا مفصلا مزودا بأشكال التطبيق المختلفة و بالشروحات النظرية متى ما دعت الحاجة لأضمن وصول المعلومة للمتعلم، .
    حيث يتضمن هذا الكورس كل المفاهيم التي ستحتاجها لبدء مشروع رياكت حقيقي أو الدخول في أي فريق برمجي يستخدم إطار عمل رياكت.
    سنتعلم بناء المكونات و التعامل معها، سنفهم السبب الأساسي و القيمة الحقيقية التي أضافتها أطر العمل. سنفهم مفهوم (الستيت) و طريقة التعامل معها و إداراتها، سنتعلم كذلك طريقة ربط المشاريع بال API.
    و الأهم من هذا كاملا هو معرفة كيف تتعلم و ما هي الطريقة التي تبحث فيها عن المعلومة و تستخرج منها الحل ثم توظفه بالطريقة الصحيحة التي توفر لك الميزة التي تريد بناءها.
    هناك الكثير من المفاهيم في البرمجة عموما و في رياكت تحديدا التي تحتاج إلى إظهار مجموعة من الصور و الرسومات المتحركة لتشرح المعلومة من الجانب النظري مما يسهل على المتعلم استيعابها و تخيلها و معرفة ما الذي يحدث خلف التفاصيل، و هذا من أكثر الأمور التي حرصت على توفيرها في هذه السلسلة خصوصا في المفاهيم التأسيسية أو في الأمور التي تتطلب هذا النوع من الشرح النظري قبل البدء فعليا بالتطبيق العملي.
    كل هذا و أكثر بتحديات و مشاريع و شروحات مفصلة
    أتمنى لك رحلة تعليمية جميلة و ممتعة