🏆 تحديات برمجية

<div class="glass-card overflow-hidden challenge-card" data-level="مبتدئ" data-id="1"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(1)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-green-500/20 text-green-400" id="ch-status-1">#1</span> <div> <h3 class="font-bold text-white">جمع الأرقام الزوجية</h3> <span class="text-xs text-gray-400">مبتدئ · 10 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-1"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-1"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تستقبل قائمة أرقام وتعيد مجموع الأرقام الزوجية فقط.</p> <textarea id="ch-code-1" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def sum_evens(numbers): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(1)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(1)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(1)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-1" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="مبتدئ" data-id="2"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(2)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-green-500/20 text-green-400" id="ch-status-2">#2</span> <div> <h3 class="font-bold text-white">عكس النص</h3> <span class="text-xs text-gray-400">مبتدئ · 10 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-2"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-2"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تعكس نصاً معطى بدون استخدام [::-1].</p> <textarea id="ch-code-2" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def reverse_string(text): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(2)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(2)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(2)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-2" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="مبتدئ" data-id="3"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(3)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-green-500/20 text-green-400" id="ch-status-3">#3</span> <div> <h3 class="font-bold text-white">FizzBuzz المطور</h3> <span class="text-xs text-gray-400">مبتدئ · 15 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-3"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-3"> <p class="text-gray-300 text-sm mb-4">اكتب دالة: مضاعف 3 → "Fizz"، مضاعف 5 → "Buzz"، مضاعف كليهما → "FizzBuzz"، غير ذلك → الرقم كنص.</p> <textarea id="ch-code-3" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def fizzbuzz(n): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(3)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(3)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(3)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-3" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="متوسط" data-id="4"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(4)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-yellow-500/20 text-yellow-400" id="ch-status-4">#4</span> <div> <h3 class="font-bold text-white">عد الكلمات</h3> <span class="text-xs text-gray-400">متوسط · 25 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-4"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-4"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تحسب تكرار كل كلمة في نص وتعيد قاموس.</p> <textarea id="ch-code-4" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def count_words(text): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(4)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(4)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(4)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-4" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="متوسط" data-id="5"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(5)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-yellow-500/20 text-yellow-400" id="ch-status-5">#5</span> <div> <h3 class="font-bold text-white">التحقق من الأقواس</h3> <span class="text-xs text-gray-400">متوسط · 25 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-5"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-5"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تتحقق من أن الأقواس في النص متوازنة: (), [], {}</p> <textarea id="ch-code-5" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def is_balanced(text): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(5)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(5)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(5)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-5" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="متوسط" data-id="6"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(6)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-yellow-500/20 text-yellow-400" id="ch-status-6">#6</span> <div> <h3 class="font-bold text-white">ضغط النصوص (RLE)</h3> <span class="text-xs text-gray-400">متوسط · 30 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-6"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-6"> <p class="text-gray-300 text-sm mb-4">اكتب دالة لضغط النص: "aaabbc" → "a3b2c1"</p> <textarea id="ch-code-6" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def compress(text): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(6)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(6)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(6)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-6" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="مبتدئ" data-id="7"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(7)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-green-500/20 text-green-400" id="ch-status-7">#7</span> <div> <h3 class="font-bold text-white">Palindrome Check</h3> <span class="text-xs text-gray-400">مبتدئ · 10 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-7"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-7"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تتحقق إن كان النص palindrome (يُقرأ من اليسار واليمين بنفس الشكل) بتجاهل المسافات والحالة.</p> <textarea id="ch-code-7" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def is_palindrome(text): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(7)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(7)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(7)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-7" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="متوسط" data-id="8"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(8)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-yellow-500/20 text-yellow-400" id="ch-status-8">#8</span> <div> <h3 class="font-bold text-white">مصفوفة الأعداد الأولية</h3> <span class="text-xs text-gray-400">متوسط · 30 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-8"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-8"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تعيد قائمة الأعداد الأولية حتى n.</p> <textarea id="ch-code-8" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def primes_up_to(n): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(8)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(8)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(8)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-8" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="متوسط" data-id="9"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(9)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-yellow-500/20 text-yellow-400" id="ch-status-9">#9</span> <div> <h3 class="font-bold text-white">Matrix Transpose</h3> <span class="text-xs text-gray-400">متوسط · 25 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-9"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-9"> <p class="text-gray-300 text-sm mb-4">اكتب دالة تقلب مصفوفة (الصفوف تصبح أعمدة).</p> <textarea id="ch-code-9" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def transpose(matrix): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(9)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(9)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(9)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-9" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div> <div class="glass-card overflow-hidden challenge-card" data-level="متقدم" data-id="10"> <div class="p-5 cursor-pointer flex items-center justify-between" onclick="toggleChallenge(10)"> <div class="flex items-center gap-3"> <span class="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold bg-red-500/20 text-red-400" id="ch-status-10">#10</span> <div> <h3 class="font-bold text-white">Binary Search</h3> <span class="text-xs text-gray-400">متقدم · 50 XP</span> </div> </div> <i class="fas fa-chevron-down text-gray-400 transition-transform" id="ch-arrow-10"></i> </div> <div class="hidden border-t border-white/5 p-5" id="ch-body-10"> <p class="text-gray-300 text-sm mb-4">اكتب دالة البحث الثنائي في قائمة مرتبة. أعد الفهرس أو -1.</p> <textarea id="ch-code-10" class="w-full bg-[#1e1e3f] text-green-300 p-4 font-mono text-sm rounded-xl border border-white/5 resize-y focus:outline-none" rows="6" dir="ltr" spellcheck="false">def binary_search(arr, target): # اكتب الحل هنا pass</textarea> <div class="flex gap-2 mt-3 flex-wrap"> <button onclick="runChallenge(10)" class="btn-primary text-sm"><i class="fas fa-play"></i> اختبار الحل</button> <button onclick="showHint(10)" class="btn-secondary text-sm"><i class="fas fa-lightbulb"></i> تلميح</button> <button onclick="showSolution(10)" class="btn-secondary text-sm"><i class="fas fa-eye"></i> الحل</button> </div> <div class="mt-3 bg-[#0d0d1a] p-4 rounded-xl border border-white/5 font-mono text-sm min-h-[60px]" id="ch-result-10" dir="ltr">// شغّل الاختبار لرؤية النتائج</div> </div> </div>