الرئيسية الكورسات برمجة وتطوير المواقع كورس Курс “React JS – путь самурая 1.0”, уроки, практика

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

👤 IT-KAMASUTRA 🎬 101 درس ⏱️ 51 ساعة 27 دقيقة 📶 مبتدئ 🇺🇸 English
01. ReactJS - Путь Самурая - Как смотреть данный к
📋 محتوى الكورس 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
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
14 أغسطس 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
🔒

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

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

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

▶ يُشغَّل الآن
01. ReactJS - Путь Самурая - Как смотреть данный курс?

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

يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ Курс “React JS – путь самурая 1.0”, уроки, практика في مجال برمجة وتطوير المواقع، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه IT-KAMASUTRA باللغة العربية بأسلوب مبسّط ومنظّم.

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

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

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

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

يسير الكورس وفق مسار منطقي متدرّج: JavaScript أولاً → React Basics → Hooks → Redux → Next.js → Deployment

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

JavaScript جيد (Intermediate) — يمكن لأي شخص البدء في هذا الكورس.

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

  • VS Code
  • npm
  • Vite
  • Redux
  • Tailwind CSS
  • Next.js

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

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

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

  • React Developer
  • Frontend Developer
  • Full Stack (MERN)

متوسط رواتب Курс “React JS – путь самурая 1.0”, уроки, практика 2026

  • مصر: 8,000-24,000 ج
  • السعودية: 12,000-32,000 ر
  • أمريكا: $90,000-$150,000

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

  • React Basics: 25-35 ساعة
  • State Management: 20-30 ساعة
  • Next.js: 20-30 ساعة

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

  • Meta React Developer Certificate

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

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

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

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

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

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

سجّل في كورس Курс “React JS – путь самурая 1.0”, уроки, практика الآن، ابدأ رحلتك نحو الاحتراف في برمجة وتطوير المواقع مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.

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

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

01. ReactJS - Путь Самурая - Как смотреть данный курс?
02. Уроки React JS (Зачем NodeJS на фронте)
03. Уроки React JS (Установка NodeJS)
04. Уроки React JS (create-react-app)
05. Уроки React JS (SPA: single page application)
06. Уроки React JS (index.js, App, JSX)
07. Уроки React JS (что такое Компонента)
08. Уроки React JS (import\export - теория)
+ 93 موضوع آخر...

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

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

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

كم عدد دروس الكورس؟ +
يحتوي الكورس على 101 درس بإجمالي مدة 51 ساعة 27 دقيقة.
هل الكورس مجاني بالكامل؟ +
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟ +
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟ +
الكورس مشروح باللغة الإنجليزية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟ +
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟ +
المدة الإجمالية 51 ساعة 27 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟ +
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟ +
الكورس مقدم من IT-KAMASUTRA.
🔐
نسيت كلمة المرور؟
🎓 أكاديمية مصر 24
EG24
EG-24 ACADEMY
EG24
EG-24ACADEMY
— أكاديمية مصر 24 —
CERTIFICATE
OF COMPLETION
THISCERTIFICATE IS PROUDLY PRESENTED TO
اسمك هنا
FOR SUCCESSFULLY COMPLETING THE COURSE
اسم الكورس هنا
ISSUED ON
14 أغسطس 2026
Ahmed Hamdy
AHMED HAMDY
FOUNDER
VERIFY CERTIFICATE
CERTIFICATE ID
PREVIEW
رقم تحقق الشهادة
EG24
ACADEMY
LEARN GROW
أقرب طريق لحلمك — سواء مشروعك الجديد أو وظيفة أحلامك — يبدأ من هنا، بكورسات مجانية 100% للأبد.