React JS | Bashir Shallah

Bashir Shallah

Bashir Shallah

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

Course Details

Course Lessons

  1. 1 | 001 - ReactJS بالعربية - Basics - Intro مقدمة الدورة 00:07:53
  2. 2 | 002 - ReactJS بالعربية - Basics - Hello world 00:06:20
  3. 3 | 003 - ReactJS بالعربية - Basics - JSX 00:06:30
  4. 4 | 004 - ReactJS بالعربية - Basics - Local setup (MPA) 00:10:11
  5. 5 | 005 - ReactJs بالعربية - Basics - create-react-app (SPA Setup) 00:04:52
  6. 6 | 006 - ReactJs بالعربية - Basics - Component basics 00:10:20
  7. 7 | 007 ReactJs بالعربية - Basics - Props 00:04:19
  8. 8 | 008 - ReactJS بالعربية - Basics - State 00:05:12
  9. 9 | 009 - ReactsJs بالعربية - Basics - events & updating the state 00:07:15
  10. 10 | 010 - ReactJS بالعربية - Basics - onChange event 00:07:11
  11. 11 | 011 - ReactJS بالعربية - Basics - Lists & Loops 00:03:56
  12. 12 | 012 - ReactJS بالعربية - Basics - conditions 00:03:33
  13. 13 | 013 - ReactJS بالعربية - Basics - lifeCycle hooks 00:05:10
  14. 14 | 014 - ReactJS بالعربية - Basics - ملاحظات هامة 00:03:33
  15. 15 | 015 ReactJS بالعربية - Conditions & Loop - conditions before template 00:03:46
  16. 16 | 016 - ReactJs بالعربية - Conditions & Loop - print array of objects 00:03:39
  17. 17 | 017 - ReactJS بالعربية - Conditions & Loop - Better performance with components 00:07:41
  18. 18 | 018 ReactJS بالعربية - Todolist app with react بناء تطبيق 00:24:12
  19. 19 | 019 - ReactJS بالعربية - Forms - Controlled components 00:03:51
  20. 20 | 020 - ReactJS بالعربية - Forms - Textarea 00:01:49
  21. 21 | 021 - ReactJS بالعربية - Forms - Select 00:02:56
  22. 22 | 022 - ReacJS بالعربية - Forms - Checkbox 00:03:09
  23. 23 | 023 - ReactJS بالعربية - Forms - Radio 00:04:46
  24. 24 | 024 - ReactJS بالعربية - Forms - Handling Multiple Inputs 00:05:56
  25. 25 | 025 - ReactJS بالعربية - Forms - Fromik تعرف على أهمية 00:03:33
  26. 26 | 026 - ReactJS بالعربية - Formik - First form 00:07:20
  27. 27 | 027 - ReactJS بالعربية - Formik - Field type 00:04:48
  28. 28 | 028 - ReactJS بالعربية - Fromik - Validation & ErrorMessage Component 00:08:34
  29. 29 | 029 - ReactJS بالعربية - Formik - Nested Objects 00:04:00
  30. 30 | 030 - ReactJS بالعربية - Formik - Array of strings 00:10:27
  31. 31 | 031 - ReactJS بالعربية - Formik - FieldArray + Array of Objects 00:08:02
  32. 32 | 032 - ReactJS بالعربية - Styling - add css files 00:04:51
  33. 33 | 033 - ReactJS بالعربية - Styling - Dynamic class name 00:05:19
  34. 34 | 034 - ReactJS بالعربية - Styling - set styles dynamically 00:05:41
  35. 35 | 035 - ReactJS بالعربية - Styling - using JS to set classes dynamically 00:06:04
  36. 36 | 036 - ReactJS بالعربية - Styling - classnames package 00:03:45
  37. 37 | 037 - ReactJS بالعربية - Http Requests - GET Request to fetch data from api 00:08:09
  38. 38 | 038 - ReactJS بالعربية - Http Ajax Requests - View User 00:09:26
  39. 39 | 039 - ReactJS بالعربية - Http Ajax Requests - حذف مستخدم 00:10:12
  40. 40 | 040 - ReactJS بالعربية - Http Ajax Requests - Create UsersForm Component 00:10:01
  41. 41 | 041 - ReactJS بالعربية - Http Ajax Requests - Edit User 00:05:13
  42. 42 | 042 - ReactJS بالعربية - Http Ajax Requests - Add User 00:03:30
  43. 43 | 043 - ReactJS بالعربية - React Router - Basics 00:04:44
  44. 44 | 044 - ReactJS بالعربية - React Router - URL Parameters 00:18:04
  45. 45 | 045 - ReactJS بالعربية - Routing - Redirect 00:06:43
  46. 46 | 046 - ReactJS بالعربية - React Router - Router Switch + Add User Page 00:05:24
  47. 47 | 047 - ReactJS بالعربية - React Router - NavLink 00:05:58
  48. 48 | 048 - ReactJS بالعربية - React Router - No Match 404 00:03:28
  49. 49 | 049 - ReactJS بالعربية - React Router - Preventing Transitions 00:04:09
  50. 50 | 050 - ReactJS بالعربية - React Router - withRouter HOC 00:04:01
  51. 51 | 051- ReactJS بالعربية - Redux تعريف بـ 00:05:46
  52. 52 | 052 - ReatJS بالعربية - Redux - Counter Example مثال عداد 00:17:55
  53. 53 | 053 - ReactJS بالعربية - Redux - شرح المصطلحات 00:16:16
  54. 54 | 054 - ReactJS بالعربية - Redux - Cart Example 00:02:01
  55. 55 | 055 - ReactJS بالعربية - Redux - Cart Project - Setup React Router 00:09:33
  56. 56 | 056 - ReactJS بالعربية - Redux - Cart Project - Prorducts Page 00:04:41
  57. 57 | 057 - ReactJS بالعربية - Redux - Cart Project - Get Data from API 00:10:40
  58. 58 | 058 - ReactJS بالعربية - Redux - Cart Project - Add product page 00:12:10
  59. 59 | 059 - ReactJS بالعربية - Redux - Cart Project - Handle quantity in Product page 00:03:58
  60. 60 | 060 - ReactJS بالعربية - Redux Cart Project - CartIcon 00:06:23
  61. 61 | 061 - ReactJS بالعربية - Redux Cart Project - Cart Page 00:06:49
  62. 62 | 062 - ReactJS بالعربية - Redux Cart Project - add redux 00:10:31
  63. 63 | 063 - ReactJS بالعربية - Redux Cart Project - print cart content in cart page 00:05:57
  64. 64 | 064 - ReactJS - Redux store project - create actions 00:08:53
  65. 65 | 065 - ReactJS - Redux store project - add to cart reducer 00:06:17
  66. 66 | 066 - ReactJS - Redux store project - redux dev tools 00:03:39
  67. 67 | 067 - ReactJS بالعربية - Store Project - Delete Button 00:12:18
  68. 68 | 068 - ReactJS بالعربية - Store Project - إنشاء طلب الشراء 00:05:10
  69. 69 | 069 - ReactJS بالعربية - Store Project - Redux thunk 00:07:20
  70. 70 | 070 - ReactJS بالعربية - Store Project - Sync to local storage 00:11:50
  71. 71 | 071 - ReactJS بالعربية - Store Project - Combine reducers 00:04:42
  72. 72 | React Context API - الشرح الكامل بالعربية 00:31:16
  73. 73 | React Hooks + شرح useState بالعربي 00:14:24
  74. 74 | React Hooks - useEffect شرح بالعربي 00:17:50
  75. 75 | React Hooks - useContext شرح بالعربي 00:17:04
  76. 76 | React Hooks & Context - تطبيق عملي - بناء تسجيل دخول لـ Single page application 00:32:39
  77. 77 | React Hooks - useRef شرح بالعربي 00:14:46
  78. 78 | React Hooks - useReducer شرح بالعربي 00:14:01
  79. 79 | React Hooks - useCallback شرح بالعربي 00:12:33
  80. 80 | React Hooks - useMemo شرح بالعربي 00:09:11
  81. 81 | React Hooks - Custom Hooks شرح بالعربي 00:12:48
    Student Reviews

    ( 4.6 Of 5 )

    15 reviews
    5 Stars
    66.67%
    4 Stars
    20%
    3 Stars
    13.33%
    2 Stars
    0%
    1 Star
    0%
    M
    Mansour

    13-09-2024
    H
    Hebah abdelwhab

    09-06-2024
    G
    Gamal Mohamed

    23-04-2024
    M
    Mohamed hussien

    06-04-2024
    A
    Ahmed Shahin

    07-04-2023
    A
    Abdunaser Algnash

    20-11-2022
    S
    Saud Bin

    27-09-2022
    M
    Mohamed Emad

    23-09-2022
    M
    Mena Boules

    08-09-2022