تعلم البرمجة
بأذكى طريقة

<div class="glass-card p-6"> <div class="text-green-400 text-3xl mb-4"><i class="fas fa-terminal"></i></div> <h3 class="text-xl font-bold mb-2 text-white">تيرمنال تفاعلي حقيقي</h3> <p class="text-gray-400 text-sm leading-relaxed">نفذ أكوادك مباشرة في المتصفح مع Pyodide - بدون تثبيت أي شيء!</p> </div> <div class="glass-card p-6"> <div class="text-purple-400 text-3xl mb-4"><i class="fas fa-robot"></i></div> <h3 class="text-xl font-bold mb-2 text-white">ذكاء اصطناعي يعلّمك</h3> <p class="text-gray-400 text-sm leading-relaxed">Workers AI يصحح أكوادك فوراً ويشرح الأخطاء بالعربية.</p> </div> <div class="glass-card p-6"> <div class="text-blue-400 text-3xl mb-4"><i class="fas fa-map-signs"></i></div> <h3 class="text-xl font-bold mb-2 text-white">مسارات تعلم مخصصة</h3> <p class="text-gray-400 text-sm leading-relaxed">AI يرسم لك مساراً مخصصاً بناءً على هدفك ومستواك.</p> </div> <div class="glass-card p-6"> <div class="text-yellow-400 text-3xl mb-4"><i class="fas fa-bolt"></i></div> <h3 class="text-xl font-bold mb-2 text-white">تحديات يومية</h3> <p class="text-gray-400 text-sm leading-relaxed">تحدٍ برمجي جديد كل يوم مع نقاط ولوحة متصدرين.</p> </div> <div class="glass-card p-6"> <div class="text-pink-400 text-3xl mb-4"><i class="fas fa-wrench"></i></div> <h3 class="text-xl font-bold mb-2 text-white">أدوات مطورين مجانية</h3> <p class="text-gray-400 text-sm leading-relaxed">16+ أداة برمجية تعمل في المتصفح: منسق JSON، Regex والمزيد.</p> </div> <div class="glass-card p-6"> <div class="text-cyan-400 text-3xl mb-4"><i class="fas fa-language"></i></div> <h3 class="text-xl font-bold mb-2 text-white">كود بالعربي</h3> <p class="text-gray-400 text-sm leading-relaxed">اكتب بالعربي وحوّله لكود حقيقي - ميزة فريدة لا تجدها في أي منصة.</p> </div>

<a href="/courses/python-basics" class="glass-card p-6 block group"> <div class="bg-gradient-to-br from-yellow-500/20 to-green-500/20 w-14 h-14 rounded-xl flex items-center justify-center text-2xl mb-4">🐍</div> <h3 class="text-lg font-bold mb-2 text-white group-hover:text-purple-400 transition">أساسيات بايثون</h3> <div class="flex items-center gap-3 text-sm text-gray-400"> <span class="tag">مبتدئ</span> <span>12 درس</span> </div> </a> <a href="/courses/javascript-fundamentals" class="glass-card p-6 block group"> <div class="bg-gradient-to-br from-yellow-500/20 to-orange-500/20 w-14 h-14 rounded-xl flex items-center justify-center text-2xl mb-4">⚡</div> <h3 class="text-lg font-bold mb-2 text-white group-hover:text-purple-400 transition">أساسيات جافاسكربت</h3> <div class="flex items-center gap-3 text-sm text-gray-400"> <span class="tag">مبتدئ</span> <span>12 درس</span> </div> </a> <a href="/courses/html-css" class="glass-card p-6 block group"> <div class="bg-gradient-to-br from-orange-500/20 to-red-500/20 w-14 h-14 rounded-xl flex items-center justify-center text-2xl mb-4">🌐</div> <h3 class="text-lg font-bold mb-2 text-white group-hover:text-purple-400 transition">HTML و CSS</h3> <div class="flex items-center gap-3 text-sm text-gray-400"> <span class="tag">مبتدئ</span> <span>10 درس</span> </div> </a> <a href="/courses/react-basics" class="glass-card p-6 block group"> <div class="bg-gradient-to-br from-cyan-500/20 to-blue-500/20 w-14 h-14 rounded-xl flex items-center justify-center text-2xl mb-4">⚛️</div> <h3 class="text-lg font-bold mb-2 text-white group-hover:text-purple-400 transition">أساسيات React</h3> <div class="flex items-center gap-3 text-sm text-gray-400"> <span class="tag">متوسط</span> <span>10 درس</span> </div> </a> <a href="/courses/nodejs-express" class="glass-card p-6 block group"> <div class="bg-gradient-to-br from-green-500/20 to-emerald-500/20 w-14 h-14 rounded-xl flex items-center justify-center text-2xl mb-4">🟢</div> <h3 class="text-lg font-bold mb-2 text-white group-hover:text-purple-400 transition">Node.js و Express</h3> <div class="flex items-center gap-3 text-sm text-gray-400"> <span class="tag">متوسط</span> <span>10 درس</span> </div> </a> <a href="/courses/prompt-engineering" class="glass-card p-6 block group"> <div class="bg-gradient-to-br from-purple-500/20 to-pink-500/20 w-14 h-14 rounded-xl flex items-center justify-center text-2xl mb-4">🧠</div> <h3 class="text-lg font-bold mb-2 text-white group-hover:text-purple-400 transition">هندسة الأوامر</h3> <div class="flex items-center gap-3 text-sm text-gray-400"> <span class="tag">مبتدئ</span> <span>10 درس</span> </div> </a>