تطوير React و Next.js
-
React.js
-
Next.js
-
JavaScript
-
Git
-
AI Tools
- 1
- 4
hours in Accelarated Training A full weekend sprint to a finished project.
- 4
- 8
hours in Continued Training 3 months / 12 weeks for intensive full covered training.
Our students are getting hired by top freelnacing companies. We can help you too.
حول هذا التدريب
React هي مكتبة الواجهات الأمامية الأكثر استخدامًا في العالم، و Next.js هو الإطار الذي يحوّل React إلى مواقع جاهزة للإنتاج — مع التوجيه وعرض الخادم وأداء عالٍ جاهز مباشرة. معًا يشكّلان واحدة من أكثر المهارات طلبًا وأعلاها أجرًا في تطوير الويب. في هذا التدريب ستتعلّمهما عبر بناء تطبيقات حقيقية. هذا التدريب العملي على React و Next.js في تطوان تطبيقي بالكامل، ضمن مجموعة صغيرة من 16 طالبًا كحد أقصى.
هذا التدريب عملي 100%. تبني وتنشر مشاريع حقيقية. سواء اخترت الصيغة المكثّفة (14 ساعة خلال عطلة الأسبوع) أو الصيغة المستمرة (حوالي 48 ساعة على 3 أشهر)، ستصبح قادرًا على بناء ونشر تطبيقات ويب حديثة.
اختر صيغتك
الصيغتان عمليّتان 100% — الفرق هو العمق ووقت الممارسة:
- المكثّفة (سبرينت عطلة الأسبوع، 14 ساعة): أساسيات React بسرعة — المكوّنات و JSX و props و hooks وأول واجهة تفاعلية لك.
- المستمرة (3 أشهر، حوالي 48 ساعة): المنظومة الحديثة كاملة — توجيه Next.js و SSR/SSG و API routes والتنسيق ونشر تطبيقات حقيقية على الإنترنت.
ما الذي ستتعلّمه
- التفكير بالمكوّنات: JSX و props وتكوين واجهات قابلة لإعادة الاستخدام
- الحالة والتفاعل عبر hooks الخاصة بـ React (
useStateوuseEffectوغيرها) - التعامل مع النماذج والأحداث والقوائم والعرض الشرطي
- جلب البيانات وعرضها من واجهات API
- التوجيه في Next.js: الصفحات والـ layouts والمسارات الديناميكية
- استراتيجيات العرض: عرض الخادم (SSR) والتوليد الثابت (SSG)
- الـ API routes في Next.js وربط الواجهة الأمامية ببيانات حقيقية
- أساليب التنسيق ومكوّنات متجاوبة وسهلة الوصول
- نشر تطبيق Next.js على الإنترنت
ابنِ وأعِد الهيكلة أسرع مع الذكاء الاصطناعي
ستستخدم أدوات الذكاء الاصطناعي مثل ChatGPT و Claude كشريك برمجة — لبناء المكوّنات، وشرح الـ hooks، وإعادة هيكلة الكود الفوضوي، وإصلاح الأخطاء أسرع. ستتعلّم صياغة أوامر دقيقة ومراجعة ما ينتجه الذكاء الاصطناعي، ليُسرّع فهمك الحقيقي بدل أن يحلّ محلّه.
ما الذي ستحصل عليه
- تطبيق React + Next.js حقيقي منشور بنيتَه بنفسك
- مجموعة مهارات حديثة ومطلوبة للعمل الحر والوظائف
- كود ومصادر مشروعك للاحتفاظ بها
- شهادة إتمام من Freelancers Web Academy (بعد مشروع فردي)
جديد على JavaScript؟ ابدأ بـتدريب JavaScript. ثم أضف واجهة خلفية مع Node.js.
جاهز للبدء؟ اختر موعدًا أدناه أو راسلنا على واتساب.
المتطلّبات المسبقة
يجب أن تكون مرتاحًا مع أساسيات JavaScript (المتغيّرات والدوال والمصفوفات والكائنات وأساسيات الـ DOM). إن لم تكن كذلك بعد، فابدأ بتدريب JavaScript أولًا. تُفترض معرفة أساسية بـ HTML و CSS. تحتاج فقط إلى حاسوب محمول.