• عنوان الدرس:  77.React Hooks & Context - تطبيق عملي - بناء تسجيل دخول لـ Single page application
  • المدة:  32:39
  • الدقة:  1280x720
  • الحجم:  102.57 MB
  • تحميل الفيديو بشكل مباشر :    Download Now 1280x720 [102.57 MB]
01.001 - ReactJS بالعربية - Basics - Intro مقدمة الدورة
7:52
02.002 - ReactJS بالعربية - Basics - Hello world
6:19
03.003 - ReactJS بالعربية - Basics - JSX
6:29
04.004 - ReactJS بالعربية - Basics - Local setup (MPA)
10:10
05.005 - ReactJs بالعربية - Basics - create-react-app (SPA Setup)
4:51
06.006 - ReactJs بالعربية - Basics - Component basics
10:19
07.007 ReactJs بالعربية - Basics - Props
4:18
08.008 - ReactJS بالعربية - Basics - State
5:11
09.009 - ReactsJs بالعربية - Basics - events & updating the state
7:14
10.010 - ReactJS بالعربية - Basics - onChange event
7:10
11.011 - ReactJS بالعربية - Basics - Lists & Loops
3:55
12.012 - ReactJS بالعربية - Basics - conditions
3:32
13.013 - ReactJS بالعربية - Basics - lifeCycle hooks
5:09
14.014 - ReactJS بالعربية - Basics - ملاحظات هامة
3:32
15.015 ReactJS بالعربية - Conditions & Loop - conditions before template
3:45
16.016 - ReactJs بالعربية - Conditions & Loop - print array of objects
3:38
17.017 - ReactJS بالعربية - Conditions & Loop - Better performance with components
7:40
18.018 ReactJS بالعربية - Todolist app with react بناء تطبيق
24:11
19.019 - ReactJS بالعربية - Forms - Controlled components
3:50
20.020 - ReactJS بالعربية - Forms - Textarea
1:48
21.021 - ReactJS بالعربية - Forms - Select
2:55
22.022 - ReacJS بالعربية - Forms - Checkbox
3:08
23.023 - ReactJS بالعربية - Forms - Radio
4:45
24.024 - ReactJS بالعربية - Forms - Handling Multiple Inputs
5:55
25.025 - ReactJS بالعربية - Forms - Fromik تعرف على أهمية
3:32
26.026 - ReactJS بالعربية - Formik - First form
7:19
27.027 - ReactJS بالعربية - Formik - Field type
4:47
28.028 - ReactJS بالعربية - Fromik - Validation & ErrorMessage Component
8:33
29.029 - ReactJS بالعربية - Formik - Nested Objects
3:59
30.030 - ReactJS بالعربية - Formik - Array of strings
10:26
31.031 - ReactJS بالعربية - Formik - FieldArray + Array of Objects
8:01
32.032 - ReactJS بالعربية - Styling - add css files
4:50
33.033 - ReactJS بالعربية - Styling - Dynamic class name
5:18
34.034 - ReactJS بالعربية - Styling - set styles dynamically
5:40
35.035 - ReactJS بالعربية - Styling - using JS to set classes dynamically
6:03
36.036 - ReactJS بالعربية - Styling - classnames package
3:44
37.037 - ReactJS بالعربية - Http Requests - GET Request to fetch data from api
8:08
38.038 - ReactJS بالعربية - Http Ajax Requests - View User
9:25
39.039 - ReactJS بالعربية - Http Ajax Requests - حذف مستخدم
10:11
40.040 - ReactJS بالعربية - Http Ajax Requests - Create UsersForm Component
10:00
41.041 - ReactJS بالعربية - Http Ajax Requests - Edit User
5:12
42.042 - ReactJS بالعربية - Http Ajax Requests - Add User
3:29
43.043 - ReactJS بالعربية - React Router - Basics
4:43
44.044 - ReactJS بالعربية - React Router - URL Parameters
18:03
45.045 - ReactJS بالعربية - Routing - Redirect
6:42
46.046 - ReactJS بالعربية - React Router - Router Switch + Add User Page
5:23
47.047 - ReactJS بالعربية - React Router - NavLink
5:57
48.048 - ReactJS بالعربية - React Router - No Match 404
3:27
49.049 - ReactJS بالعربية - React Router - Preventing Transitions
4:08
50.050 - ReactJS بالعربية - React Router - withRouter HOC
4:00
51.051- ReactJS بالعربية - Redux تعريف بـ
5:45
52.052 - ReatJS بالعربية - Redux - Counter Example مثال عداد
17:54
53.053 - ReactJS بالعربية - Redux - شرح المصطلحات
16:15
54.054 - ReactJS بالعربية - Redux - Cart Example
2:00
55.055 - ReactJS بالعربية - Redux - Cart Project - Setup React Router
9:32
56.056 - ReactJS بالعربية - Redux - Cart Project - Prorducts Page
4:40
57.057 - ReactJS بالعربية - Redux - Cart Project - Get Data from API
10:39
58.058 - ReactJS بالعربية - Redux - Cart Project - Add product page
12:09
59.059 - ReactJS بالعربية - Redux - Cart Project - Handle quantity in Product page
3:57
60.060 - ReactJS بالعربية - Redux Cart Project - CartIcon
6:22
61.061 - ReactJS بالعربية - Redux Cart Project - Cart Page
6:48
62.062 - ReactJS بالعربية - Redux Cart Project - add redux
10:30
63.063 - ReactJS بالعربية - Redux Cart Project - print cart content in cart page
5:56
64.064 - ReactJS - Redux store project - create actions
8:52
65.065 - ReactJS - Redux store project - add to cart reducer
6:16
66.066 - ReactJS - Redux store project - redux dev tools
3:38
67.067 - ReactJS بالعربية - Store Project - Delete Button
12:17
68.068 - ReactJS بالعربية - Store Project - إنشاء طلب الشراء
5:09
69.069 - ReactJS بالعربية - Store Project - Redux thunk
7:19
70.070 - ReactJS بالعربية - Store Project - Sync to local storage 2
11:49
72.071 - ReactJS بالعربية - Store Project - Combine reducers
4:41
73.React Context API - الشرح الكامل بالعربية
31:16
74.React Hooks + شرح useState بالعربي
14:23
75.React Hooks - useEffect شرح بالعربي
17:50
76.React Hooks - useContext شرح بالعربي
17:04
77.React Hooks & Context - تطبيق عملي - بناء تسجيل دخول لـ Single page application
32:39
78.React Hooks - useRef شرح بالعربي
14:45
79.React Hooks - useReducer شرح بالعربي
14:00
80.React Hooks - useCallback شرح بالعربي
12:33
81.React Hooks - useMemo شرح بالعربي
9:11
82.React Hooks - Custom Hooks شرح بالعربي
12:48
ReactJS من الصفر إلى الإحتراف
Video Image

عرض فيديو تمهيدي

  • المحاضر Bashir Pro
  • عدد الدروس 82
  • مدة الكورس 34:01:48
  • اللغة عربي

تحميل الكورس كاملاً

Download Full Course Now

كما يمكنك تحميل كل درس بشكل منفصل من داخل صفحة المشاهدة بشكل مباشر


  • ReactJS من الصفر إلى الإحتراف

مصدر الدورة الرئيسي

فنحن لا ندعي ملكية أي دورة ولهذا نضع المصدر الأصلي لكم

رابط المصدر

شارك الكورس