Programming Microsoft SQL Server
العمل مع SQL Server ولغة T-SQL: الإصدارات والأدوات وقواعد البيانات، الأنواع و NVARCHAR والترتيب العربي، الاستعلام وخصائص T-SQL، الإجراءات المخزنة والدوال ومعالجة…
Eng. Abdelmaksoud
React
ابنِ واجهات من مكونات: JSX والخصائص والقوائم، الحالة والأحداث، إدارة الحالة بالرفع و useReducer و Context، المؤثرات والمراجع والـ hooks المخصصة، جلب البيانات والنماذج و Actions في React 19، التوجيه والأداء والنشر — وصولًا إلى تطبيق مكتبة متكامل متاح وثنائي الاتجاه.
Build interfaces from components: JSX, props and lists; state and events; managing state by lifting, reducers and context; effects, refs and custom hooks; data fetching, forms and React 19 Actions; routing, performance and deployment — ending in a complete, accessible, bidirectional library app.
- Eng. Abdelmaksoud Badr
- No reviews yet
- IntermediateBest if you know the basics
- 36 hTotal content time
- In ArabicWith technical terms in English
About this course
الدورة تتبع ترتيب قسم «Learn» في توثيق React الرسمي، وتبني مشروعًا واحدًا يكبر من وحدة لأخرى. كل مثال قصير ويعمل في مشروع Vite، مع تركيز على التفكير بالحالة وتجنب الأخطاء الشائعة (تعديل الحالة مباشرة، المؤثرات غير الضرورية، المفاتيح الخاطئة).
Estimated duration: 36 hours (8 modules, 32 lessons + 2 assignments + capstone)
تفاصيل الكورس (بالإنجليزية)
What you will learn
- Create a React project with a build tool, write components in JSX, import/export them and embed JavaScript in markup
- Describe UIs with props, conditional rendering and keyed lists, keeping components pure
- Add interactivity with event handlers and state, explain render/commit and state as a snapshot, queue updates and update objects and arrays immutably
- Structure and share state: minimal state, lifting state up, preserving and resetting state with keys, reducers and context
- Use escape hatches correctly: refs, effects with cleanup, avoiding unnecessary effects, and custom hooks
- Fetch data with loading/error states and race-safe effects, build controlled and action-based forms, and keep UIs accessible in RTL and LTR
- Add client-side routing, reason about performance (memoisation and the React Compiler), use developer tools, and build and deploy safely
- Apply "Thinking in React" to plan, build and publish a complete app
Who it is for: learners who can build an interactive page in plain JavaScript and want to build component-based apps
Prerequisites: CRS-GEN-JAVASCRIPT (functions, arrays and objects, destructuring and spread, modules, promises and fetch)
محتوى من إعداد أكاديمية بدر. / Academy-authored content.
Build interfaces from components: JSX, props and lists; state and events; managing state by lifting, reducers and context; effects, refs and custom hooks; data fetching, forms and React 19 Actions; routing, performance and deployment — ending in a complete, accessible, bidirectional library app.
What you will learn
- Create a React project with a build tool, write components in JSX, import/export them and embed JavaScript in markup
- Describe UIs with props, conditional rendering and keyed lists, keeping components pure
- Add interactivity with event handlers and state, explain render/commit and state as a snapshot, queue updates and update objects and arrays immutably
- Structure and share state: minimal state, lifting state up, preserving and resetting state with keys, reducers and context
- Use escape hatches correctly: refs, effects with cleanup, avoiding unnecessary effects, and custom hooks
- Fetch data with loading/error states and race-safe effects, build controlled and action-based forms, and keep UIs accessible in RTL and LTR
- Add client-side routing, reason about performance (memoisation and the React Compiler), use developer tools, and build and deploy safely
- Apply "Thinking in React" to plan, build and publish a complete app
Who it is for: learners who can build an interactive page in plain JavaScript and want to build component-based apps
Prerequisites: CRS-GEN-JAVASCRIPT (functions, arrays and objects, destructuring and spread, modules, promises and fetch)
Academy-authored content.
The practical result
What you’ll build
ابنِ واجهات من مكونات: JSX والخصائص والقوائم، الحالة والأحداث، إدارة الحالة بالرفع و useReducer و Context، المؤثرات والمراجع والـ hooks المخصصة، جلب البيانات والنماذج و Actions في React 19، التوجيه والأداء والنشر — وصولًا إلى تطبيق مكتبة متكامل متاح وثنائي الاتجاه.
Course content
The whole outline is shown here with the length of each session; sessions open once you have the course and it is activated in your account.
- 9units
- 32sessions
M1 — البداية مع React4 sessions
- 1.1 لماذا React؟ وإنشاء مشروع بـ Vite Introduction video coming soon
- 1.2 أول مكون والاستيراد والتصدير
- 1.3 JSX وقواعده
- 1.4 JavaScript داخل JSX
M2 — وصف الواجهة4 sessions
- 2.1 الخصائص (props)
- 2.2 العرض الشرطي
- 2.3 عرض القوائم والمفتاح key
- 2.4 المكونات النقية وشجرة الواجهة
M3 — إضافة التفاعل5 sessions
- 3.1 الاستجابة للأحداث
- 3.2 الحالة useState
- 3.3 الرسم والتثبيت والحالة كلقطة
- 3.4 طابور التحديثات
- 3.5 تحديث الكائنات والمصفوفات
M4 — إدارة الحالة5 sessions
- 4.1 التفكير بالحالة واختيار بنيتها
- 4.2 رفع الحالة ومشاركتها
- 4.3 الحفاظ على الحالة وإعادة ضبطها
- 4.4 useReducer
- 4.5 Context
M5 — منافذ الهروب4 sessions
- 5.1 المراجع useRef والتعامل مع DOM
- 5.2 المؤثرات useEffect والتنظيف
- 5.3 قد لا تحتاج مؤثرًا
- 5.4 الـ hooks المخصصة
M6 — البيانات والنماذج والإتاحة4 sessions
- 6.1 جلب البيانات وحالات التحميل والخطأ
- 6.2 النماذج المتحكم بها
- 6.3 Actions في React 19
- 6.4 الإتاحة و RTL في React
M7 — التوجيه والأداء والنشر4 sessions
- 7.1 التوجيه في جهة العميل
- 7.2 الأداء: memo و useMemo و React Compiler
- 7.3 أدوات المطور و StrictMode وقواعد الـ hooks
- 7.4 البناء والنشر والأمان
M8 — التفكير بأسلوب React والمشروع2 sessions
- 8.1 التفكير بأسلوب React
- 8.2 المشروع: تطبيق «مكتبتي»
المشاريع والواجبات / Projects and assignments0 sessions
- A1 — «رف الكتب»
- A2 — «إدارة الاستعارات»
- Capstone — «مكتبتي»
The lecturer
Ratings and reviews
No written reviews yet
Written reviews come from enrolled students after studying. We don’t display reviews that real students didn’t write.
Discussion (0)
Commenting is for signed-in members. Comments from people not enrolled in the course are reviewed by the lecturer or the academy before they appear.
No comments yet – be the first to join in.
Your next step
This course is part of the trackProgrammingFrom your first line of code to a project you build yourself. 20 coursesCourses close to this one
Programming Eng. Abdelmaksoud
Programming PostgreSQL
PostgreSQL عمليًا: التثبيت و psql والمخططات، الأنواع الغنية (هوية، نصوص، تواريخ بمناطق زمنية، JSONB، مصفوفات، ENUM)، الاستعلام المتقدم والعودة بالنتائج والإدراج مع…
Eng. Abdelmaksoud
Programming Laravel
بناء تطبيقات ويب كاملة بإطار Laravel: التوجيه والمتحكمات وقوالب Blade، الترحيلات و Eloquent والعلاقات، النماذج والتحقق والحماية، المصادقة والصلاحيات، واجهات API مع…
Eng. Abdelmaksoud
Programming أساسيات SQL
SQL Fundamentals
لغة الاستعلام عن قواعد البيانات: الجداول والمفاتيح، SELECT والتصفية والترتيب، القيم الفارغة، التجميع و GROUP BY و HAVING، الربط بين الجداول، الاستعلامات…
Eng. Abdelmaksoud
Programming البرمجة بلغة Python
Python Programming
تعلّم البرمجة من الصفر بلغة Python: المتغيرات والقرارات والتكرار والقوائم والدوال والملفات، وصولًا إلى مشروع تطبيقي كامل.
Eng. Abdelmaksoud
Programming البرمجة بلغة PHP
PHP Programming
برمجة الخادم بلغة PHP: المتغيرات والأنواع والنصوص، الشروط و match والحلقات والدوال، المصفوفات و JSON، النماذج والتحقق والهروب من HTML والجلسات، البرمجة…
Eng. Abdelmaksoud
Programming MySQL
العمل مع MySQL عمليًا: التثبيت والأدوات والاتصال، الأنواع وترميز utf8mb4 للعربية ومحرك InnoDB، الاستعلام والتعديل بخصائص MySQL، الفهارس و EXPLAIN، المستخدمون والصلاحيات…
Eng. Abdelmaksoud
Programming تطوير الويب للأطفال
Web Development for Kids
يصنع الطفل صفحات ويب حقيقية بنفسه: العناوين والفقرات والصور والروابط والقوائم بلغة HTML، ثم الألوان والخطوط والصناديق والتخطيط بلغة CSS، ولمسة تفاعل…
Eng. Abdelmaksoud