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