محاور الجافا سكريبت

01

القسم الأول

أساسيات ومفاهيم الجافا سكريبت العميقة

مقدمة وبيئة العمل — ما هي الجافاسكربت وأين تُستخدم، إعداد الأدوات.

الأساسيات — المتغيرات، الأنواع، العمليات، التعليقات.

التحكم في التدفق — الجمل الشرطية والحلقات.

الدوال — التعريف، الدوال السهمية، البراميترات، higher-order.

النطاق والكلوزر — scope، closures.

الكائنات — الخصائص، الطرق، prototype.

المصفوفات — التعامل مع العناصر وطرق مثل map وfilter وreduce.

this وCall/Apply/Bind — فهم السياق والتحكم به.

ميزات ES6+ — let/const، destructuring، classes، modules.

الوحدات (Modules) — import/export وتنظيم الكود.

DOM — التعديل على العناصر والسمات.

الأحداث — التعامل مع Event Listeners وdelegation.

واجهات المتصفح — LocalStorage، Fetch API، Geolocation.

التواصل الشبكي — AJAX، Fetch، WebSockets.

البرمجة غير المتزامنة — callbacks، promises، async/await.

إدارة الحزم — npm، scripts، Babel.

الأداء — تحسين السرعة واستخدام Web Workers.

الوصولية والتدويل — مبادئ A11y ودعم اللغات.

Node.js — بناء خوادم والتعامل مع الملفات.

مشاريع عملية — تطبيقات مثل ToDo أو متجر صغير.

02

القسم الثاني

احتراف مكتبة React.js

مقدمة إلى React — مفهوم الـ component-based UI، Virtual DOM، لماذا نستخدم React ومتى تكون مناسبة.

البيئة والأدوات — Node/npm، إنشاء المشاريع، React DevTools.

JSX — كتابة JSX، الفروقات عن HTML، className وchildren.

المكونات (Components) — الوظيفية والكلاس، تركيب وإعادة الاستخدام.

Props وState — تمرير البيانات، إدارة الحالة، رفع الحالة.

دورة حياة المكونات — lifecycle و useEffect.

الأحداث والـ DOM — event handlers، النماذج، refs.

القوائم والمفاتيح (Lists & Keys) — القوائم الديناميكية وأهمية الـ key.

النماذج والتحقق — controlled components، Formik, React Hook Form.

Refs والـ Imperative Code — useRef، forwardRef.

الـ Hooks الأساسية — useState، useEffect، useRef، useContext.

الـ Hooks المتقدمة — useMemo، useCallback، useReducer.

الـ Custom Hooks — كتابة دوال قابلة لإعادة الاستخدام.

Context API — توفير البيانات بدون prop-drilling.

إدارة الحالة المتقدمة — Redux / Zustand / Recoil.

جلب البيانات — React Query أو SWR.

Suspense للبيانات — مفاهيم التزامن المتقدمة.

تقسيم الكود (Code Splitting) — التحميل الكسول للواجهات.

التوجيه (Routing) — react-router، حماية المسارات (protected routes).

التعامل مع الأخطاء — Error Boundaries.

الأداء Optimization — تقليل إعادة التصيير.

الاختبار (Testing) — Unit tests, Cypress.

الستايلينغ وCSS — CSS Modules, Tailwind.

العمل مع TypeScript — Components Typed.

مشاريع عملية مقترحة — ToDo مع CRUD، مدونة، لوحة تحكم، تطبيق دردشة.

03

القسم الثالث

شرح إطار العمل Next.js الشامل

مقدمة إلى Next.js — ما هو ولماذا يُستخدم؟ مميزات SSR, SSG.

إعداد البيئة — التثبيت، وهيكل المشروع الافتراضي.

الصفحات (Pages) — ديناميكية وثابتة.

التوجيه (Routing) — التوجيه التلقائي الديناميكي والمتداخل.

جلب البيانات — getStaticProps، getServerSideProps، getStaticPaths.

التصيير (Rendering) — الفرق بين SSR, SSG, ISR.

الصور (Image Optimization) — next/image للتحميل الذكي للصور.

API Routes — إنشاء واجهات برمجية داخل المشروع.

المصادقة (Authentication) — NextAuth.js و JWTs.

الوسيطات (Middleware) — التحكم بالطلبات المركزية.

التدويل (i18n) — دعم اللغات المتعددة.

SEO — تحسين محركات البحث مع Next.js.

Next.js 13+ (App Router) — نظام المجلدات الجديد والمكونات المحسنة.

React Server Components — الفوارق عن المكونات العادية.

Streaming وSuspense — التصيير الجزئي.

النشر (Deployment) — على منصات سحابية مثل Vercel.

04

القسم الرابع

قواعد بيانات الـ NoSQL عبر MongoDB

مقدمة إلى MongoDB — مفهوم NoSQL والمميزات.

تثبيت وإعداد البيئة — MongoDB Atlas و Compass.

المفاهيم الأساسية — قواعد، مجموعات، ووثائق.

أنواع البيانات — هيكلة الوثائق الداخلية.

الأوامر الأساسية والاستعلامات — CRUD وعوامل التصفية.

الفهارس (Indexes) — تحسين الأداء.

التجميع (Aggregation) — معالجة خطوط الإنتاج.

العلاقات بين البيانات — التضمين أو الإشارة (Embedding vs Referencing).

النسخ المتماثل والمجزأ — Replication و Sharding.

التكامل عبر Mongoose — ربط قواعد البيانات و Node.js.

التكامل مع Next.js — بناء API Routes مع MongoDB.

05

القسم الخامس

تطوير واجهات خلفية سريعة مع Strapi

مقدمة إلى Strapi — ما هو الـ Headless CMS ومميزاته.

إعداد البيئة — التثبيت وهيكلة المشاريع.

إنشاء Content Types — واجهات الحقول والعلاقات.

REST API & GraphQL API — التصفية، الترتيب، واستهلاك الواجهات.

المصادقة والصلاحيات — JWT، تكامل OAuth وإدارة الأدوار.

رفع الملفات — إدارة الوسائط عبر الأنظمة السحابية الداعمة.

التخصيص (Customization) — تعديل الـ Controllers و Middleware.

النشر السحابي — Vercel، Heroku و DigitalOcean.

التكامل مع Frontend — مشاريع مدونة ومتجر مع Strapi و Next.js.