رئيس مجلس الإدارة ورئيس التحرير أحمد حمدي

كورس Курс “React JS – путь самурая 1.0”, уроки, практика

👤 IT-KAMASUTRA 🎬 101 درس ⏱️ 51 ساعة 27 دقيقة 📶 مبتدئ 🇺🇸 English
01. ReactJS - Путь Самурая - Как смотреть данный к
🏆أوائل أكاديمية مصر 24اتعلّم كل يوم ونافس على التاج 👑الترتيب ←
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
كورس Курс “React JS – путь самурая 1.0”, уроки, практика
ISSUED ON
09 أكتوبر 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
🔒

شاهد 50% من الكورس واحصل على شهادة إتمام باسمك

🎓 1 طالب أتموا هذا الكورس
✅ تتبع تقدمك في الكورس
🏆 شهادة مجانية عند الإتمام
📊 إحصائياتك محفوظة دائماً
🔖 استكمل من حيث توقفت

إنشاء حساب مجاني يأخذ ثوانٍ فقط

📋 محتوى الكورس 101 درس · 51 ساعة 27 دقيقة
  • 1 01. ReactJS - Путь Самурая - Как смотреть данный курс? 35:16
  • 2 02. Уроки React JS (Зачем NodeJS на фронте) 11:42
  • 3 03. Уроки React JS (Установка NodeJS) 13:08
  • 4 04. Уроки React JS (create-react-app) 18:48
  • 5 05. Уроки React JS (SPA: single page application) 12:21
  • 6 06. Уроки React JS (index.js, App, JSX) 17:03
  • 7 07. Уроки React JS (что такое Компонента) 22:20
  • 8 08. Уроки React JS (import\export - теория) 17:36
  • 9 09. Уроки React JS (import export наших компонент) 11:37
  • 10 10. Уроки React JS (default опасность плагин auto import) 16:43
  • 11 11. Уроки React JS (соц. сеть, шаг 1, вёрстка, grid) 26:05
  • 12 12. Уроки React JS (Разбивка на компоненты) 13:45
  • 13 13. Уроки React JS (git-репозиторий) 21:33
  • 14 14. Уроки React JS (css-модули, css-modules) 39:53
  • 15 15. Уроки React JS (структура папок, новые компоненты, улучшаем css) 26:07
  • 16 16. Уроки React JS (props - важнейшая тема) - react курсы бесплатно 19:41
  • 17 17. Уроки React JS (остановочка "react за час, часть 1") 22:31
  • 18 17.x Уроки React JS (инкубатор - теперь и онлайн) 12:27
  • 19 18. Уроки React JS (страница Dialogs) - react курсы бесплатно 21:43
  • 20 19. Уроки React JS (route, browser-router, маршрутизация) - react курсы бесплатно 22:56
  • 21 20. Уроки React JS (NavLink) - react курсы бесплатно 16:35
  • 22 21. Уроки React JS (Верстаем страницу Диалогов) - react курсы бесплатно 13:57
  • 23 22. Уроки React JS (Route exact) - react курсы бесплатно 13:14
  • 24 23. Уроки React JS (props для Диалогов) - react курсы бесплатно 23:43
  • 25 24. Уроки React JS (UI - BLL, выносим данные в сторону) - react курсы бесплатно 19:14
  • 26 25. Уроки React JS (метод массива - map) - react курсы бесплатно, 2019 29:58
  • 27 26. Уроки React JS (структура проекта, ещё раз про ui - bll) - react курсы бесплатно, 2019 32:45
  • 28 27. Уроки React JS (component vs render, прокидываем props через Route) react курсы бесплатно, 2023 10:58
  • 29 28. Уроки React JS (выносим данные в index.js) - react курсы бесплатно, 2019 26:37
  • 30 29. Уроки React JS (упаковываем данные в state) - react курсы бесплатно, 2019 25:44
  • 31 30. Уроки React JS (остановочка "react за час, часть 2") 29:05
  • 32 31. Уроки React JS - onClick, ref, VirtualDOM 20:45
  • 33 32. Уроки React JS - прокидываем callback через props 23:23
  • 34 33. Уроки React JS - добавление поста на стену (зачатки FLUX-концепции) 24:59
  • 35 34. Уроки React JS - Вынос мозга (FLUX-круговорот на каждый символ) 36:28
  • 36 35. Уроки, Курс React JS - callback, subscribe, observer 19:03
  • 37 36. Уроки, Курс React JS - про ООП поверхностно (зачем нам объекты) 22:46
  • 38 37. Уроки, Курс React JS - store, state, ООП, рефакторинг 27:04
  • 39 38. Уроки, Курс React JS - dispatch и action 34:24
  • 40 39 - Уроки, Курс React JS - action creator, action type 25:37
  • 41 40 - React JS Практика - добавление Сообщения 53:27
  • 42 41 - React JS Практика - reducer (почти redux) 28:25
  • 43 42 - React JS Практика - Redux 29:15
  • 44 43 React JS Практика - container component (контейнерная компонента) 40:42
  • 45 44 - React JS Практика - Context API 43:18
  • 46 45 - React JS практика - connect, mapStateToProps, mapDispatchToProps 29:10
  • 47 46 - React JS практика - копия глубокая vs поверхностная (deep copy vs shallow copy) 21:55
  • 48 47 - React JS практика - Делаем копию состояния в ProfileReducer 20:31
  • 49 48 - React JS практика - Делаем копию состояния в DialogReducer 42:11
  • 50 49 - React JS практика - страница пользователей 1:02:36
  • 51 50 - React JS практика - REST API (краткая теория) 19:35
  • 52 51 - React JS практика - Users API 26:39
  • 53 52 - React JS практика - Side Effect 12:46
  • 54 53 - React JS практика - классовый компонент (extends React.Component) 35:01
  • 55 54 - React JS практика - жизненный цикл, life cycle methods, componentDidMount 16:34
  • 56 55 - React JS практика - pagination, постраничный вывод пользователей 1:02:36
  • 57 56 - React JS практика - Презентационная и Контейнерная компоненты 29:16
  • 58 57 - React JS - пример Preloader, loader-gif, isFetching indication 36:09
  • 59 58 - React JS - mapDispatchToProps лайф-хак 18:23
  • 60 59 - React JS - profile page, ajax, api 43:24
  • 61 60 - React JS - withRouter, props.match.params 30:24
  • 62 61 - React JS - cookie, login в теории, auth/me 38:52
  • 63 62 - React JS - практика, follow-unfollow api 26:57
  • 64 63 - React JS - практика, DAL, axios.create 24:52
  • 65 64 - React JS - практика, button disabled (follow\unfollow) 23:42
  • 66 65 - React JS - урок redux-thunk в деталях (теория) 28:50
  • 67 66 - React JS - урок redux-thunk в деталях (практика) 40:01
  • 68 67 - React JS - урок redux-thunk 2 в деталях (практика) 22:30
  • 69 68 - React JS - Redirect 16:36
  • 70 69 - React JS - High Order Component (hoc) 28:35
  • 71 70 - React JS - функция compose 10:10
  • 72 71 - React JS - setState, local state 35:45
  • 73 72 - React JS - обновляем create-react-app 1:01:32
  • 74 73 - React JS - http put, local state 45:32
  • 75 74 - React JS - componentDidUpdate 17:41
  • 76 75 - React JS - redux-form введение (login) 40:38
  • 77 76 - React JS - redux-form опять про базовые вещи 37:22
  • 78 77 - React JS - redux-form field validation (валидация, ошибки). Осторожно Замыкание! 58:39
  • 79 78 - React JS - login и logout api 40:32
  • 80 79 - React JS - stopSubmit (redux-form) 32:10
  • 81 80 - React JS - инициализация приложения 41:35
  • 82 81 - React JS - селекторы (reselect part 1) 22:23
  • 83 82 - React JS - mapStateToProps (reselect часть 2) 25:52
  • 84 83 - React JS - подключаем reselect (reselect часть 3) 29:35
  • 85 84 - React JS - hook, useState, хуки 38:40
  • 86 85 - React JS - hook, useEffect, хуки 20:30
  • 87 86 - Virtual DOM - React JS 35:22
  • 88 87 - shouldComponentUpdate, PureComponent, memo - React JS 31:58
  • 89 88 - pure function (чистая функция) - React JS 22:18
  • 90 89 - Тесты, jest, tdd, тестируем reducer - React JS 27:59
  • 91 90 - redux-ducks рефакторинг - React JS 1:02:42
  • 92 91 - chrome extensions для react и redux - React JS 23:55
  • 93 92 - тестируем компоненты, тесты, react-test-renderer - React JS 57:39
  • 94 93 - paginator, постраничный вывод - Практика ReactJS 24:08
  • 95 React.lazy и React.Suspense, зачем? #94 - ReactJS 32:42
  • 96 95 - ReactJS + github pages, разворачиваем наш проект deploy 1:05:43
  • 97 96 - ReactJS загрузка изображения, shouldComponentUpdate fix 43:26
  • 98 97 - ReactJS - обновление профиля 1:23:22
  • 99 98 - ReactJS - captcha 32:04
  • 100 99 - ReactJS - try-catch, router switch, classnames 1:06:23
  • 101 100 - Теория ReactJS + Redux за 90 минут 1:26:35
▶ يُشغَّل الآن
01. ReactJS - Путь Самурая - Как смотреть данный курс?

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

يتكوّن الكورس من 101 درسًا من تقديم IT-KAMASUTRA بإجمالي مدة 51 ساعة و27 دقيقة. بمعدل نصف ساعة يوميًا يمكنك إتمام الكورس في 103 أيام. المحتوى موجّه إلى المبتدئين في مجال برمجة وتطوير المواقع. أطول الدروس «Теория ReactJS + Redux за минут» بمدة ساعة و26 دقيقة، ومتوسط مدة الدرس 30 دقيقة. أول ما ستشاهده هو «ReactJS - Путь Самурая - Как смотреть данный курс?»، وآخر محطة في الكورس «Теория ReactJS + Redux за минут».

لماذا تتعلم Курс “React JS – путь самурая 1.0”, уроки, практика؟

  • React من Meta هي المكتبة الأكثر استخداماً لبناء واجهات المستخدم، تستخدمها Facebook وInstagram وAirbnb.
  • مجاني بالكامل — ابدأ الآن دون أي رسوم
  • شهادة إتمام باسمك من أكاديمية مصر ٢٤ — أضفها لـ CV وLinkedIn
  • تعلّم في أي وقت — بالسرعة التي تناسبك
  • Next.js فوق React يضيف SSR وSSG وAPI Routes مما يجعله مثالياً لـ SEO والأداء.

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

يسير الكورس بترتيب متدرّج: ReactJS - Путь Самурая - Как смотреть данный курс? ← Уроки (метод массива - map) - курсы бесплатно ← практика - REST API (краткая теория) ← redux-form введение (login) ← Теория ReactJS + Redux за минут.

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

لا يحتاج الكورس خبرة سابقة في برمجة وتطوير المواقع؛ يبدأ معك من الأساسيات. كل ما تحتاجه: جهاز متصل بالإنترنت، ووقت ثابت للتطبيق بعد كل درس.

أول درس في الكورس: «ReactJS - Путь Самурая - Как смотреть данный курс?».

الأدوات المستخدمة في الكورس

  • Redux
  • React

أدوات أخرى شائعة في مجال برمجة وتطوير المواقع: VS Code، npm، Vite، Tailwind CSS، Next.js.

ما تحتاجه لتطبيق الكورس

  • لابتوب بمعالج Core i5 أو Ryzen 5 أو أحدث
  • رام 8 جيجا على الأقل، و16 جيجا أفضل
  • قرص SSD لتشغيل أدوات التطوير بسرعة

الوظائف المرتبطة بهذا الكورس

  • مطور واجهات أمامية: بناء واجهات المواقع التفاعلية
  • مطور باك إند: بناء الخوادم وقواعد البيانات وواجهات API
  • مبرمج: كتابة الكود وبناء البرامج وحل المشكلات التقنية

متوسط رواتب مطور واجهات أمامية في 2026

  • مصر: 9,520 – 45,997 جنيه شهريًا
  • السعودية: 6,493 – 22,019 ريال شهريًا
  • الإمارات: 12,782 – 33,231 درهم شهريًا

وللمقارنة: مطور باك إند في مصر 10,541 – 50,290 جنيه، ومبرمج في مصر 11,248 – 45,108 جنيه.

أرقام شهرية تقريبية من بيانات Paylab، آخر مراجعة سبتمبر 2026. الراتب الفعلي يختلف حسب الخبرة والمدينة والشركة.

كم من الوقت تحتاج لإتقان Курс “React JS – путь самурая 1.0”, уроки, практика؟

إجمالي مدة الدروس الفعلية: 51 ساعة و27 دقيقة. إذا خصصت 30 دقيقة يوميًا ستنهيه في 103 أيام، وبساعة يوميًا في 52 يومًا. ومع التطبيق العملي وإعادة المشاهدة احسب ضعف المدة تقريبًا، فالإتقان يأتي من التطبيق وليس من المشاهدة وحدها.

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

شهادات دولية مستقلة لا يمنحها هذا الكورس، لكنه خطوة نحوها.

  • Meta Front-End Developer (Coursera)
  • AWS Certified Developer – Associate
  • Oracle Certified Professional: Java SE

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

  • Dashboard
  • Blog
  • E-commerce
  • Social Platform
  • SaaS App

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

بعد إتمام الكورس، يُوصى بالتعمق في: TypeScript، GraphQL، Testing، React Native.

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

  • كلية الحاسبات والمعلومات
  • كلية الهندسة (قسم الحاسبات)
  • المعاهد العليا لنظم المعلومات

ابدأ مصدر دخلك من المجال

تقدر تشتغل عمل حر وتبني مواقع لعملاء على منصات زي مستقل وUpwork.

I
المدرّس / القناة
IT-KAMASUTRA
🎬
عدد الدروس
101 درس
⏱️
المدة الإجمالية
51 ساعة 27 دقيقة
📶
المستوى
مبتدئ
🌍
اللغة
English
🎓
الشهادة
شهادة إتمام باسمك
✅
المتطلبات
لا توجد متطلبات مسبقة
📂
التصنيف
برمجة وتطوير المواقع

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

✓
ReactJS - Путь Самурая - Как смотреть данный курс?
✓
Уроки (Зачем NodeJS на фронте)
✓
Уроки (Установка NodeJS)
✓
Уроки (create-react-app)
✓
Уроки (SPA - single page application)
✓
Уроки (index.js, App, JSX)
✓
Уроки (что такое Компонента)
✓
Уроки (import\export - теория)
✓
+ 92 موضوعًا آخر داخل الكورس

💼 وظائف مرتبطة بهذا الكورس

💼
مطور واجهات أمامية
بناء واجهات المواقع التفاعلية
💰 مصر: 9.5–46 ألف ج.م · السعودية: 6.5–22 ألف ر.س
💼
مطور باك إند
بناء الخوادم وقواعد البيانات وواجهات API
💰 مصر: 11–50 ألف ج.م · السعودية: 5.6–25 ألف ر.س
💼
مبرمج
كتابة الكود وبناء البرامج وحل المشكلات التقنية
💰 مصر: 11–45 ألف ج.م · السعودية: 3.7–18 ألف ر.س

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

كم عدد دروس كورس Курс “React JS – путь самурая 1.0”, уроки, практика؟ +
يضم كورس Курс “React JS – путь самурая 1.0”, уроки, практика 101 درسًا بإجمالي مدة 51 ساعة و27 دقيقة. تتراوح مدة الدرس بين 10 دقائق وساعة و26 دقيقة.
من يقدم كورس Курс “React JS – путь самурая 1.0”, уроки, практика؟ +
يقدمه IT-KAMASUTRA، وتعرض مصر 24 دروسه مرتبة في صفحة واحدة مع حفظ تقدمك درسًا بدرس.
هل الكورس مناسب للمبتدئين؟ +
نعم، الكورس موجّه للمبتدئين ولا يحتاج خبرة سابقة. ويبدأ بدرس «ReactJS - Путь Самурая - Как смотреть данный курс?».
كم يستغرق إتمام الكورس؟ +
إجمالي مدة الدروس 51 ساعة و27 دقيقة. بمعدل 30 دقيقة يوميًا تنهيه في 103 أيام، وبساعة يوميًا في 52 يومًا.
هل أحصل على شهادة بعد الكورس؟ +
نعم، تحصل على شهادة إتمام باسمك من أكاديمية مصر ٢٤، وتُفتح بعد مشاهدة نصف الدروس على الأقل.
هل الكورس مجاني؟ +
نعم، كل الدروس متاحة للمشاهدة دون أي رسوم أو اشتراك.
ما الذي أحتاجه لتطبيق الكورس؟ +
لابتوب بمعالج Core i5 أو Ryzen 5 أو أحدث، ورام 8 جيجا على الأقل، و16 جيجا أفضل، وقرص SSD لتشغيل أدوات التطوير بسرعة.
هل يمكنني تحقيق دخل من هذا المجال؟ +
تقدر تشتغل عمل حر وتبني مواقع لعملاء على منصات زي مستقل وUpwork.
ما الوظائف المرتبطة بهذا الكورس؟ +
من الوظائف المرتبطة: مطور واجهات أمامية (من 9,520 إلى 45,997 جنيه شهريًا في مصر)، ومطور باك إند (من 10,541 إلى 50,290 جنيه شهريًا في مصر)، ومبرمج (من 11,248 إلى 45,108 جنيه شهريًا في مصر). الأرقام تقريبية من بيانات Paylab لعام 2026.
ما لغة الشرح في الكورس؟ +
الشرح باللغة الإنجليزية.
✕
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
09 أكتوبر 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.