دبلوم JavaScript

احتراف تطوير الواجهات المتقدمة مع React.js و Next.js و TypeScript وبناء تطبيقات ويب حديثة ومتكاملة.

المستوى الثاني React & Next.js TypeScript
4
أقسام رئيسية
60+
درس تفصيلي
5
مشاريع عملية
12+
تقنية وأداة
📖 محاور الدبلوم

من JavaScript الأساسية حتى بناء تطبيقات كاملة بـ React و Next.js.

01

أساسيات JavaScript

لغة البرمجة الأساسية للويب — من الصفر للاحتراف

01مقدمة في JavaScript وكيف تعمل في المتصفح
02المتغيرات وأنواع البيانات (Variables & Data Types)
03الشروط والحلقات (Conditions & Loops)
04الدوال (Functions) والنطاق (Scope)
05المصفوفات والكائنات (Arrays & Objects)
06التعامل مع DOM — تعديل العناصر ديناميكياً
07الأحداث (Events) والتفاعل مع المستخدم
08التخزين المحلي (LocalStorage & SessionStorage)
09البرمجة غير المتزامنة (Async/Await, Promises)
10جلب البيانات من APIs (Fetch API)
11ES6+ — الميزات الحديثة
12مشروع عملي: تطبيق إدارة المهام
02

TypeScript

JavaScript بأمان الأنواع — المعيار الصناعي الحديث

01مقدمة في TypeScript ولماذا نحتاجه
02الأنواع الأساسية (Types & Interfaces)
03Generics و Utility Types
04Enums و Tuples
05Type Guards و Type Narrowing
06إعداد tsconfig.json والبيئة
03

React.js

مكتبة بناء واجهات المستخدم الأكثر طلباً في السوق

01مقدمة في React و JSX
02المكونات (Components) والخصائص (Props)
03الحالة (State) و Hooks الأساسية
04useState, useEffect, useContext, useReducer
05التوجيه بـ React Router
06إدارة الحالة بـ Zustand / Redux
07التعامل مع Forms والتحقق
08Custom Hooks
09الاستعلام عن البيانات بـ React Query
10مشروع: تطبيق متجر إلكتروني بـ React
04

Next.js & MongoDB

إطار العمل الكامل — SSR, SSG, API Routes وقواعد بيانات

01مقدمة في Next.js والفرق عن React
02التوجيه بـ App Router
03Server Components vs Client Components
04Server-Side Rendering (SSR) و Static Generation (SSG)
05API Routes وبناء Backend
06التعامل مع MongoDB و Mongoose
07المصادقة (Authentication) بـ NextAuth
08تحسين الأداء والـ SEO
09النشر على Vercel
10المشروع الختامي: منصة متكاملة بـ Next.js
مميزات الدبلوم
⚛️

React.js كامل

من الأساسيات حتى المشاريع المتقدمة مع Hooks.

🔷

TypeScript

أمان الأنواع — المعيار المطلوب في كل الشركات.

Next.js

إطار العمل الكامل للـ Full-Stack.

🗄️

MongoDB

قاعدة بيانات NoSQL للمشاريع الحديثة.

🚀 بعد إتمام هذا الدبلوم ستكون جاهزاً للعمل كمطور Front-End محترف أو الانتقال لدبلوم PHP للـ Full-Stack!