تعلم البرمجة خطوة بخطوة
أتقن أكثر من 40 لغة وإطار عمل برمجة بالدروس التفاعلية والأمثلة الواقعية والممارسة العملية. ابدأ رحلتك في البرمجة اليوم!
إتقان هندسة المطالبات للذكاء الاصطناعي
تعلم فن وعلم التواصل الفعال مع أنظمة الذكاء الاصطناعي. أتقن ChatGPT وClaude وأدوات الذكاء الاصطناعي الأخرى لتعزيز إنتاجيتك.
تقنيات المطالبات المتقدمة
سلسلة التفكير، التعلم القليل الأمثلة، واستراتيجيات المطالبات القائمة على الأدوار
التطبيقات الواقعية
إنشاء المحتوى، توليد الكود، تحليل البيانات، وأتمتة الأعمال
الممارسة التفاعلية
تمارين عملية مع نماذج الذكاء الاصطناعي المباشرة والتغذية الراجعة الفورية
AI Assistant
مطالبة المستخدم:
أنشئ دالة Python تحسب أرقام فيبوناتشي مع الشرح
استجابة الذكاء الاصطناعي:
if n <= 1: return n
return fibonacci(n-1) + fibonacci(n-2)
# حساب الرقم النوني لفيبوناتشي
مسارات التعلم الشائعة
اختر مسارك بناءً على أهدافك وابدأ في بناء مشاريع حقيقية
مطور الواجهة الأمامية
أنشئ واجهات مستخدم جميلة وتطبيقات ويب تفاعلية
مطور الواجهة الخلفية
أنشئ تطبيقات خادم قوية وواجهات برمجة تطبيقات
مطور متكامل
أتقن الواجهة الأمامية والخلفية لبناء تطبيقات كاملة
أتقن أكثر من 40 تقنية
من المبتدئ إلى المتقدم، تعلم أكثر لغات وأطر عمل البرمجة طلباً
تطوير الواجهة الأمامية
أنشئ واجهات مستخدم مذهلة وتطبيقات ويب تفاعلية
HTML Tutorial
هيكل الويب
تعلم أساس تطوير الويب بلغة ترميز HTML
CSS Complete Guide
التصميم والأناقة
أتقن التصميم والتخطيطات والحركات والتصميم المتجاوب
JavaScript Fundamentals
التفاعل
أضف السلوك الديناميكي والتفاعل إلى مواقعك
TypeScript Guide
أمان الأنواع
اكتب JavaScript أكثر أماناً مع فحص الأنواع الثابت
React Development
مكتبة واجهة المستخدم
أنشئ واجهات مستخدم حديثة باستخدام مكونات React
Vue.js Framework
تدريجي
أنشئ تطبيقات ويب تدريجية باستخدام Vue.js
Angular Framework
منصة كاملة
أنشئ تطبيقات ويب قابلة للتوسع مع Angular
Tailwind CSS
الأداة أولاً
أنشئ مواقع ويب حديثة بسرعة مع CSS يركز على الأدوات
تطوير الواجهة الخلفية
أنشئ تطبيقات خادم قوية وواجهات برمجة تطبيقات
Python Tutorial
لغة متعددة الاستخدامات
تعلم أشهر لغة برمجة للويب والذكاء الاصطناعي وعلم البيانات
Django Framework
إطار عمل الويب
أنشئ تطبيقات ويب قوية مع إطار عمل Django الكامل
Node.js Tutorial
بيئة تشغيل JavaScript
JavaScript من جانب الخادم لبناء تطبيقات شبكة قابلة للتوسع
Express.js Framework
إطار عمل الويب
إطار عمل ويب سريع ومحايد لـ Node.js
Java Programming
جاهز للمؤسسات
أنشئ تطبيقات مؤسسية مع النظام البيئي القوي لـ Java
Spring Boot
إطار عمل Java
أنشئ تطبيقات جاهزة للإنتاج مع Spring Boot
PHP Programming
برمجة الخادم
أنشئ مواقع ويب وتطبيقات ويب ديناميكية مع PHP
Laravel Framework
إطار عمل PHP
إطار عمل PHP لفناني الويب بصيغة أنيقة
تقنيات قواعد البيانات
احفظ وأدر واسترجع البيانات بكفاءة
SQL Tutorial
لغة الاستعلام
أتقن استعلامات قاعدة البيانات ومعالجة البيانات مع SQL
MySQL Tutorial
قاعدة بيانات علائقية
أشهر قاعدة بيانات علائقية مفتوحة المصدر في العالم
PostgreSQL Tutorial
SQL متقدم
قاعدة بيانات علائقية مفتوحة المصدر متقدمة مع دعم JSON
MongoDB Tutorial
مستند NoSQL
قاعدة بيانات NoSQL مرنة للتطبيقات الحديثة
تطوير الجوال
أنشئ تطبيقات جوال أصلية ومتعددة المنصات
Flutter Tutorial
متعدد المنصات
أنشئ تطبيقات أصلية جميلة لـ iOS و Android من قاعدة كود واحدة
React Native Tutorial
جوال أصلي
أنشئ تطبيقات جوال أصلية باستخدام React و JavaScript
iOS Swift Tutorial
iOS أصلي
طور تطبيقات iOS أصلية بلغة برمجة Swift
Android Kotlin
Android أصلي
أنشئ تطبيقات Android حديثة مع Kotlin
DevOps والأدوات
أتقن أدوات التطوير واستراتيجيات النشر
لغات البرمجة الحديثة
تعلم لغات البرمجة المتطورة للمستقبل
Try It Yourself
أمثلة كود تفاعلية يمكنك تشغيلها وتعديلها في متصفحك
الهيكل الأساسي لـ HTML
HTML<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>صفحتي الأولى</title>
</head>
<body>
<h1>مرحباً بالعالم!</h1>
<p>مرحباً بك في تطوير الويب!</p>
</body>
</html>
سحر تصميم CSS
CSS.hero {
background: linear-gradient(135deg,
#667eea 0%, #764ba2 100%);
color: white;
padding: 4rem 2rem;
text-align: center;
border-radius: 1rem;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
JavaScript تفاعلي
JavaScriptfunction greetUser(name) {
const greeting = `مرحباً, ${name}!`;
document.getElementById('output').innerHTML =
`<h2>${greeting}</h2>
<p>مرحباً بك في JavaScript!</p>`;
console.log(greeting);
}
بساطة Python
Pythondef calculate_fibonacci(n):
if n <= 1:
return n
return calculate_fibonacci(n-1) + calculate_fibonacci(n-2)
# توليد أول 10 أرقام فيبوناتشي
for i in range(10):
print(f"F({i}) = {calculate_fibonacci(i)}")
لماذا تختار Mrebi؟
أشمل منصة تعليم برمجة مع التعلم التفاعلي
التعلم التفاعلي
تعلم بالممارسة مع محرر الكود التفاعلي والمعاينة المباشرة. مارس البرمجة مباشرة في متصفحك.
التعلم القائم على المشاريع
أنشئ مشاريع حقيقية أثناء التعلم. من المواقع البسيطة إلى التطبيقات المعقدة، مارس مع مشاريع عملية.
تقييم المهارات
اختبر معرفتك بالاختبارات وتحديات البرمجة. تتبع تقدمك واكسب الشهادات.
محتوى شامل
من الأساسيات إلى المواضيع المتقدمة، تغطي دروسنا كل ما تحتاجه لتصبح مطور محترف.
دعم متعدد اللغات
تعلم بلغتك المفضلة. محتوانا متوفر بلغات متعددة للوصول العالمي.
تتبع التقدم
راقب رحلتك التعليمية مع تقارير تقدم مفصلة وتوصيات تعلم مخصصة.
مستعد لبدء رحلتك في البرمجة؟
انضم إلى آلاف المطورين الذين أتقنوا البرمجة مع Mrebi. ابدأ التعلم اليوم وابن مستقبلك في التقنية.