Loading...

نبذة عن ReactJs

ReactJs هي مكتبه مبنية على لغة الجافا سكريبت من انتاج شركة الفيسبوك (Meta)، تعمل على تبسيط إمكانيات لغه الجافا سكربت فى التعامل مع واجهة صفحات الويب (UI) ويعتبر من أكثر المنافسين لإطار عمل Angular Js المُنتج من قبل شركة جوجل وتتميز React Js بخفتها وسهولة استخدامها مقارنة بالانجلر ويتم استخدامها بشكل واسع من طرف مطوري واجهات صفحات الويب (Frontend Developers) واكثر في برمجة تطبيقات الموبايل باستخدام React Native.

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

يمكنك مذاكرة الدروس بعد التسجيل فى الكورس

دروس كورس ReactJs

  • 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:23
  • 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

محاضر كورس ReactJs

Bashir Pro
Bashir Pro

تقييمات الطلاب

4.9 / 5

( 6 )

  • 83.33%
  • 16.67%
  • 0%
  • 0%
  • 0%

بعض التقييمات
creator

Mena Boules

Mohamed Emad

Saud Bin

Abdunaser Algnash

أحمد العابد