الرئيسية الكورسات برمجة وتطوير المواقع كورس ReactJS Tutorial for Beginners باللغة العربية

كورس ReactJS Tutorial for Beginners باللغة العربية

👤 Codevolution 🎬 120 درس ⏱️ 15 ساعة 18 دقيقة 📶 مبتدئ 🇪🇬 عربي
ReactJS Tutorial - 1 - Introduction
📋 محتوى الكورس 120 درس · 15 ساعة 18 دقيقة
  • 1 ReactJS Tutorial - 1 - Introduction 9:34
  • 2 ReactJS Tutorial - 2 - Hello World 4:54
  • 3 ReactJS Tutorial - 3 - Folder Structure 5:35
  • 4 ReactJS Tutorial - 4 - Components 4:59
  • 5 ReactJS Tutorial - 5 - Functional Components 6:33
  • 6 ReactJS Tutorial - 6 - Class Components 6:22
  • 7 ReactJS Tutorial - 7 - Hooks Update 3:54
  • 8 ReactJS Tutorial - 8 - JSX 11:25
  • 9 ReactJS Tutorial - 9 - Props 11:37
  • 10 ReactJS Tutorial - 10 - State 10:35
  • 11 ReactJS Tutorial - 11 - setState 14:30
  • 12 ReactJS Tutorial - 12 - Destructuring props and state 4:45
  • 13 ReactJS Tutorial - 13 - Event Handling 7:36
  • 14 ReactJS Tutorial - 14 - Binding Event Handlers 11:56
  • 15 ReactJS Tutorial - 15 - Methods as props 8:45
  • 16 ReactJS Tutorial - 16 - Conditional Rendering 11:46
  • 17 ReactJS Tutorial - 17 - List Rendering 11:57
  • 18 ReactJS Tutorial - 18 - Lists and Keys 7:32
  • 19 ReactJS Tutorial - 19 - Index as Key Anti-pattern 11:00
  • 20 ReactJS Tutorial - 20 - Styling and CSS Basics 11:40
  • 21 ReactJS Tutorial - 21 - Basics of Form Handling 13:49
  • 22 ReactJS Tutorial - 22 - Component Lifecycle Methods 2:39
  • 23 ReactJS Tutorial - 23 - Component Mounting Lifecycle Methods 10:37
  • 24 ReactJS Tutorial - 24 - Component Updating Lifecycle Methods 10:35
  • 25 ReactJS Tutorial - 25 - Fragments 9:43
  • 26 ReactJS Tutorial - 26 - Pure Components 12:45
  • 27 ReactJS Tutorial - 27 - memo 4:21
  • 28 ReactJS Tutorial - 28 - Refs 9:33
  • 29 ReactJS Tutorial - 29 - Refs with Class Components 5:41
  • 30 ReactJS Tutorial - 30 - Forwarding Refs 7:27
  • 31 ReactJS Tutorial - 31 - Portals 9:19
  • 32 ReactJS Tutorial - 32 - Error Boundary 10:53
  • 33 ReactJS Tutorial - 33 - Higher Order Components (Part 1) 6:50
  • 34 ReactJS Tutorial - 34 - Higher Order Components (Part 2) 12:39
  • 35 ReactJS Tutorial - 35 - Higher Order Components (Part 3) 3:42
  • 36 ReactJS Tutorial - 36 - Render Props (Part 1) 4:57
  • 37 ReactJS Tutorial - 37 - Render Props (Part 2) 11:10
  • 38 ReactJS Tutorial - 38 - Context (Part 1) 3:25
  • 39 ReactJS Tutorial - 39 - Context (Part 2) 7:25
  • 40 ReactJS Tutorial - 40 - Context (Part 3) 4:44
  • 41 ReactJS Tutorial - 41 - HTTP and React 3:17
  • 42 ReactJS Tutorial - 42 - HTTP GET Request 7:46
  • 43 ReactJS Tutorial - 43 - HTTP Post Request 7:15
  • 44 React Hooks Tutorial - 1 - Introduction 7:56
  • 45 React Hooks Tutorial - 2 - useState Hook 10:45
  • 46 React Hooks Tutorial - 3 - useState with previous state 6:21
  • 47 React Hooks Tutorial - 4 - useState with object 7:19
  • 48 React Hooks Tutorial - 5 - useState with array 5:55
  • 49 React Hooks Tutorial - 6 - useEffect Hook 3:47
  • 50 React Hooks Tutorial - 7 - useEffect after render 7:24
  • 51 React Hooks Tutorial - 8 - Conditionally run effects 7:39
  • 52 React Hooks Tutorial - 9 - Run effects only once 5:25
  • 53 React Hooks Tutorial - 10 - useEffect with cleanup 5:54
  • 54 React Hooks Tutorial - 11 - useEffect with incorrect dependency 10:25
  • 55 React Hooks Tutorial - 12 - Fetching data with useEffect Part 1 5:38
  • 56 React Hooks Tutorial - 13 - Fetching data with useEffect Part 2 4:45
  • 57 React Hooks Tutorial - 14 - Fetching data with useEffect Part 3 2:58
  • 58 React Hooks Tutorial - 15 - useContext Hook Part 1 3:43
  • 59 React Hooks Tutorial - 16 - useContext Hook Part 2 6:09
  • 60 React Hooks Tutorial - 17 - useContext Hook Part 3 3:02
  • 61 React Hooks Tutorial - 18 - useReducer Hook 8:43
  • 62 React Hooks Tutorial - 19 - useReducer (simple state & action) 9:49
  • 63 React Hooks Tutorial - 20 - useReducer (complex state & action) 8:34
  • 64 React Hooks Tutorial - 21 - Multiple useReducers 3:09
  • 65 React Hooks Tutorial - 22 - useReducer with useContext 12:11
  • 66 React Hooks Tutorial - 23 - Fetching data with useReducer Part 1 7:03
  • 67 React Hooks Tutorial - 24 - Fetching data with useReducer Part 2 7:09
  • 68 React Hooks Tutorial - 25 - useState vs useReducer 4:19
  • 69 React Hooks Tutorial - 26 - useCallback Hook 15:26
  • 70 React Hooks Tutorial - 27 - useMemo Hook 10:41
  • 71 React Hooks Tutorial - 28 - useRef Hook Part 1 4:18
  • 72 React Hooks Tutorial - 29 - useRef Hook Part 2 9:46
  • 73 React Hooks Tutorial - 30 - Custom Hooks 1:49
  • 74 React Hooks Tutorial - 31 - useDocumentTitle Custom Hook 8:59
  • 75 React Hooks Tutorial - 32 - useCounter Custom Hook 7:47
  • 76 React Hooks Tutorial - 33 - useInput Custom Hook 9:46
  • 77 How To Debug React Apps 17:45
  • 78 React Render Tutorial - 1 - Introduction 2:44
  • 79 React Render Tutorial - 2 - Rendering 5:44
  • 80 React Render Tutorial - 3 - useState 12:41
  • 81 React Render Tutorial - 4 - useReducer 9:25
  • 82 React Render Tutorial - 5 - State Immutability 11:18
  • 83 React Render Tutorial - 6 - Parent and Child 11:03
  • 84 React Render Tutorial - 7 - Same Element Reference 12:42
  • 85 React Render Tutorial - 8 - React memo 8:24
  • 86 React Render Tutorial - 9 - Questions on Optimization 5:42
  • 87 React Render Tutorial - 10 - Incorrect memo with children 6:11
  • 88 React Render Tutorial - 11 - Incorrect memo with Impure Component 5:07
  • 89 React Render Tutorial - 12 - Incorrect memo with props Reference 7:27
  • 90 React Render Tutorial - 13 - useMemo and useCallback 4:23
  • 91 React Render Tutorial - 14 - Context 11:14
  • 92 React Render Tutorial - 15 - Context and memo 4:12
  • 93 React - 16 - Context and Same Element Reference 3:39
  • 94 React TypeScript Tutorial - 1 - Introduction 3:25
  • 95 React TypeScript Tutorial - 2 - Getting Started 4:41
  • 96 React TypeScript Tutorial - 3 - Typing Props 5:49
  • 97 React TypeScript Tutorial - 4 - Basic Props 8:16
  • 98 React TypeScript Tutorial - 5 - Advanced Props 9:48
  • 99 React TypeScript Tutorial - 6 - Event Props 7:26
  • 100 React TypeScript Tutorial - 7 - Style Props 3:39
  • 101 React TypeScript Tutorial - 8 - Prop Types and Tips 4:21
  • 102 React TypeScript Tutorial - 9 - useState Hook 4:36
  • 103 React TypeScript Tutorial - 10 - useState Future Value 6:21
  • 104 React TypeScript Tutorial - 11 - useState Type Assertion 2:26
  • 105 React TypeScript Tutorial - 12 - useReducer Hook 6:36
  • 106 React TypeScript Tutorial - 13 - useReducer Strict Action Types 5:41
  • 107 React TypeScript Tutorial - 14 - useContext Hook 7:21
  • 108 React TypeScript Tutorial - 15 - useContext Future Value 11:43
  • 109 React TypeScript Tutorial - 16 - useRef Hook 6:31
  • 110 React TypeScript Tutorial - 17 - Class Component 3:56
  • 111 React TypeScript Tutorial - 18 - Component Prop 5:22
  • 112 React TypeScript Tutorial - 19 - Generic Props 8:43
  • 113 React TypeScript Tutorial - 20 - Restricting Props 5:46
  • 114 React TypeScript Tutorial - 21 - Template Literals and Exclude 6:23
  • 115 React TypeScript Tutorial - 22 - Wrapping HTML Elements 7:41
  • 116 React TypeScript Tutorial - 23 - Extracting a Components Prop Types 3:11
  • 117 React TypeScript Tutorial - 24 - Polymorphic Components 10:11
  • 118 React TypeScript Tutorial - 25 - Wrapping up 2:26
  • 119 React Interview Questions | A Preparation Guide 8:29
  • 120 Learn react-admin in 30 minutes 26:05
▶ يُشغَّل الآن
ReactJS Tutorial - 1 - Introduction

📘 نظرة عامة على الكورس

يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ ReactJS Tutorial for Beginners باللغة العربية في مجال برمجة وتطوير المواقع، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه Codevolution باللغة العربية بأسلوب مبسّط ومنظّم.

يضم الكورس 120 درساً بمدة إجمالية 15 ساعة 18 دقيقة، تأخذك من الصفر حتى الاحتراف خطوةً بخطوة.

لماذا تتعلم ReactJS Tutorial for Beginners باللغة العربية؟

  • JavaScript هي اللغة الوحيدة التي تعمل على المتصفح، وأصبحت مع Node.js تشمل كل أجزاء تطوير الويب.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام معتمدة — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • يُستخدم JavaScript في: تطوير الواجهات (React/Vue/Angular)، الخلفية (Node.js)، تطبيقات الموبايل (React Native).

مسار التعلم في هذا الكورس

يسير الكورس وفق مسار منطقي متدرّج: أساسيات JS → DOM → Async/Await → Frameworks → Node.js

المتطلبات السابقة

أساسيات HTML و CSS — يمكن لأي شخص البدء في هذا الكورس.

الأدوات والبرامج المستخدمة

  • VS Code
  • Node.js
  • npm
  • Browser DevTools
  • Postman

متطلبات الجهاز

  • RAM 4GB (يُوصى 8GB)
  • أي معالج حديث

الوظائف المتاحة بعد إتمام الكورس

  • Frontend Developer
  • Full Stack Developer
  • Node.js Developer
  • React Developer

متوسط رواتب ReactJS Tutorial for Beginners باللغة العربية 2026

  • مصر: 7,000-22,000 ج
  • السعودية: 10,000-28,000 ر
  • الإمارات: 12,000-32,000 د
  • أمريكا: $85,000-$140,000

كم من الوقت تحتاج لإتقان ReactJS Tutorial for Beginners باللغة العربية؟

  • أساسيات: 25-35 ساعة
  • React/Vue: 30-50 ساعة
  • Full Stack: 100-150 ساعة

الشهادات المعتمدة في مجال برمجة وتطوير المواقع

  • Meta Front-End Developer
  • JavaScript Algorithms (freeCodeCamp)

مشاريع عملية ستتمكن من بناؤها

  • Landing Page
  • Todo App
  • Weather App
  • E-commerce Frontend
  • REST API

ماذا بعد هذا الكورس؟

بعد إتمام الكورس، يُوصى بالتعمق في: React، Next.js، TypeScript، Node.js.

الأقسام الجامعية ذات الصلة

يُناسب هذا الكورس طلاب: كلية حاسبات ومعلومات، كلية هندسة.

سجّل في كورس ReactJS Tutorial for Beginners باللغة العربية الآن، ابدأ رحلتك نحو الاحتراف في برمجة وتطوير المواقع مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.

C
المدرّس / القناة
Codevolution
🎬
عدد الدروس
120 درس
⏱️
المدة الإجمالية
15 ساعة 18 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
العربية
🎓
الشهادة
مجانية عند الإكمال
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
برمجة وتطوير المواقع

🎯 ماذا ستتعلم في هذا الكورس

ReactJS Tutorial - 1 - Introduction
ReactJS Tutorial - 2 - Hello World
ReactJS Tutorial - 3 - Folder Structure
ReactJS Tutorial - 4 - Components
ReactJS Tutorial - 5 - Functional Components
ReactJS Tutorial - 6 - Class Components
ReactJS Tutorial - 7 - Hooks Update
ReactJS Tutorial - 8 - JSX
+ 112 موضوع آخر...

💼 الوظائف التي يؤهلك لها الكورس

💼
مطور ويب
بناء مواقع احترافية
💰 8000-25000 ج.م
💼
فريلانسر
العمل الحر من المنزل
💰 يتفاوت

❓ أسئلة شائعة عن الكورس

كم عدد دروس الكورس؟ +
يحتوي الكورس على 120 درس بإجمالي مدة 15 ساعة 18 دقيقة.
هل الكورس مجاني بالكامل؟ +
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟ +
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟ +
الكورس مشروح باللغة العربية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟ +
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟ +
المدة الإجمالية 15 ساعة 18 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟ +
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟ +
الكورس مقدم من Codevolution.
مواقيت الصلاة Au سعر الذهب سعر الدولار درجة الحرارة
🔐
نسيت كلمة المرور؟