Never stop talking " STOP the Gaza Genocide "

React JS | Algorithm Academy

Algorithm Academy

Algorithm Academy

قناة عربية تقدم دورات و دروس ( نظرية / تطبيقية ) في مجال البرمجة ( الويب / الموبايل قريبا ).

Course Details

Course Lessons

  1. 1 | #01 - مقدمة الدورة 00:05:14
  2. 2 | #02 - ما هو الـ virtual DOM 00:06:54
  3. 3 | #03 - ما هو الـ components & JSX 00:04:43
  4. 4 | #04 - ما هو الـ SPA 00:01:53
  5. 5 | #05 - إنشاء اول تطبيق بإستخدام الـ react.js 00:06:06
  6. 6 | #06 - شرح الـ ES6 let & const 00:06:18
  7. 7 | #07 - شرح الـ ES6 arrow functions 00:07:50
  8. 8 | #08 - شرح الـ ES6 exports & imports 00:02:49
  9. 9 | #09 - شرح الـ ES6 Classes 00:02:56
  10. 10 | #10 - شرح الـ ES6 spread & rest operators 00:05:39
  11. 11 | #11 - شرح الـ ES6 Destructing 00:04:20
  12. 12 | #12 - شرح الـ React Build Workflow 00:02:21
  13. 13 | #13 - إنشاء تطبيق رياكت بإستخدام اداة create-react-app (الطريقة الموصى بها) 00:03:57
  14. 14 | #14 - شرح بنية التطبيق App Structure 00:05:16
  15. 15 | #15 - فهم أساسيات المكونات understanding component basics 00:11:08
  16. 16 | #16 - فهم الـ JSX و بعض القواعد الخاصة بها understanding JSX 00:03:37
  17. 17 | #17 - شرح الـ props و طريقة إنشاء مكونات ديناميكية Props & dynamic components 00:09:41
  18. 18 | #18 - شرح الـ state 00:06:32
  19. 19 | #19 - مقارنة بين الـ state و الـ props 00:04:34
  20. 20 | #20 - معالجة الاحداث handling events 00:07:33
  21. 21 | #21 - تعديل الـ state 00:04:42
  22. 22 | #22 - تمرير الدوال كـ props 00:05:17
  23. 23 | #23 - مقارنة بين الـ stateful component و الـ stateless component 00:03:42
  24. 24 | #24 - تنسيق مكونات الـ react (الطريقة الأولى) stylesheets files 00:04:02
  25. 25 | #25 - تنسيق مكونات الـ react (الطريقة الثانية) inline styles 00:03:20
  26. 26 | #26 - التعامل مع الشرط (condition) في رياكت الجزء اﻷول 00:03:43
  27. 27 | #27 - التعامل مع الشرط (condition) في رياكت الجزء الثاني 00:06:56
  28. 28 | #28 - طرق أخرى لكتابة الشرط (condition) 00:04:13
  29. 29 | #29 - التعامل مع القوائم Lists & keys 00:12:28
  30. 30 | #30 - تنسيق المكونات في رياكت - inline styling 00:03:03
  31. 31 | #31 - تنسيق المكونات في رياكت - css stylesheets 00:04:35
  32. 32 | #32 - تنسيق المكونات في رياكت - css modules 00:03:52
  33. 33 | #33 - تنسيق المكونات في رياكت - styled-components 00:03:55
  34. 34 | #34 - تصحيح الأخطاء - Debugging الجزء الأول 00:05:27
  35. 35 | #35 - تصحيح الأخطاء - Debugging الجزء الثاني 00:07:12
  36. 36 | #36 - أداة React Developer Tools 00:05:36
  37. 37 | #37 - دورة حياة المكون في رياكت - life-cycle of component 00:02:51
  38. 38 | #38 - دورة حياة المكون في رياكت - constructor 00:13:48
  39. 39 | #39 - دورة حياة المكون في رياكت - render 00:04:38
  40. 40 | #40 - دورة حياة المكون في رياكت - componentDidMount 00:03:37
  41. 41 | #41 - دورة حياة المكون في رياكت - componentWillUnmount 00:05:40
  42. 42 | #42 - دورة حياة المكون في رياكت - componentDidUpdate & ShouldComponentUpdate 00:07:41
  43. 43 | #43 - دورة حياة المكون في رياكت - getDerivedStateFromProps 00:04:15
  44. 44 | #44 - شرح الـ Rendering Adjacent JSX 00:04:15
  45. 45 | #45 - شرح الـ Fragment 00:04:15
  46. 46 | #46 - شرح الـ HOC Higher Order Component 00:22:34
  47. 47 | #47 - شرح التحقق من نوع الـ props 00:04:10
  48. 48 | #48 - شرح الـ Refs 00:04:08
  49. 49 | #49 - شرح الـنماذج في رياكت Forms in react 00:15:08
  50. 50 | #50 - مقدمة إلى الـ Formik 00:03:12
  51. 51 | #51 - التعامل مع مكتبة الـ Formik 00:11:42
  52. 52 | #52 - التعامل مع الـ axios لتنفيذ طلبات أجاكس 00:11:47
    Student Reviews

    ( 5 Of 5 )

    1 review
    5 Stars
    100%
    4 Stars
    0%
    3 Stars
    0%
    2 Stars
    0%
    1 Star
    0%
    Y
    Youtube

    29-07-2024
    دورة تعلم react.js

    دورة عربية لتغطية و شرح إطار عمل جافاسكربت React.js