https://adeebco-krcgguzr.manus.space/assets/ProgrammingLanguage-6o9u9crT.js

1import{y as C,r,t as S,j as a,L as k,A as I,E as A,H as G,I as R,J as T,C as h,G as b,T as E}from"./index-C9BAOTn9.js";import{L as f}from"./lightbulb-nX6fHdjW.js";import{B as L}from"./bot-z_cTtmDB.js";import{S as B}from"./send-ENe3TaPI.js";const u={python:{name:"Python",arabic:"بايثون",tone:"#72d7ca",intro:"لغة واضحة وسهلة لبناء البرامج وتحليل البيانات والأتمتة والذكاء الاصطناعي.",basics:["المتغيرات وأنواع البيانات: النصوص والأعداد والقوائم والقواميس","الشروط والحلقات والتحكم في تدفق البرنامج","الدوال والمعاملات وإعادة استخدام الكود","الملفات والاستثناءات وتنظيم المشروع","الكائنات والمكتبات والبيئات الافتراضية"],code:`name = "Adeeb"
2lessons = ["variables", "loops", "functions"]
3
4for lesson in lessons:
5    print(f"{name} learns {lesson}")`},cpp:{name:"C++",arabic:"C++",tone:"#78a9ff",intro:"لغة قوية وسريعة لفهم البرمجة المنظمة والكائنات والذاكرة وبناء التطبيقات عالية الأداء.",basics:["بنية البرنامج ودالة main وأنواع البيانات","الشروط والحلقات والمصفوفات","الدوال والمراجع والمؤشرات","الفئات والكائنات والوراثة","القوالب والمكتبة القياسية وإدارة الذاكرة"],code:`#include <iostream>
6#include <vector>
7using namespace std;
8
9int main() {
10  vector<string> lessons = {"variables", "loops"};
11  for (const auto& lesson : lessons)
12    cout << lesson << endl;
13}`},c:{name:"C",arabic:"لغة C",tone:"#f3a243",intro:"الأساس المتين لفهم الذاكرة والأنظمة والبرمجة الإجرائية بطريقة دقيقة.",basics:["المترجم والدالة main وملفات الرأس","المتغيرات والمحددات وأنواع البيانات","الشروط والحلقات والمصفوفات","الدوال والمؤشرات والسلاسل النصية","الهياكل والملفات وإدارة الذاكرة"],code:`#include <stdio.h>
14
15int main(void) {
16  int total = 0;
17  for (int i = 1; i <= 5; i++) total += i;
18  printf("%d\\n", total);
19  return 0;
20}`},csharp:{name:"C#",arabic:"سي شارب",tone:"#b9b7ff",intro:"لغة حديثة لبناء تطبيقات سطح المكتب والويب والألعاب باستخدام منصة .NET.",basics:["المشروع وnamespace وclass","المتغيرات والأنواع والشروط والحلقات","الدوال والخصائص والمصفوفات","الفئات والواجهات والوراثة","LINQ والملفات والمهام غير المتزامنة"],code:`using System;
21
22class Program {
23  static void Main() {
24    string[] lessons = {"types", "classes"};
25    foreach (var lesson in lessons)
26      Console.WriteLine(lesson);
27  }
28}`}},$={python:T,cpp:R,c:G,csharp:A},z=["افتح بوابة العتاد بفهم المتغيرات والذاكرة.","ابنِ حارساً رقمياً باستخدام الفئات والكائنات.","اكتب الحل البرمجي واجتز اختبار المدينة الرقمية."],M=[{id:"story",label:"القصة",Icon:f},{id:"basics",label:"الأساسيات",Icon:h},{id:"game",label:"التحدي",Icon:b},{id:"assistant",label:"المساعد",Icon:L}];function W(){const[,c]=C("/programming/:slug"),l=c?.slug&&c.slug in u?c.slug:"python",s=u[l],P=$[l],[n,i]=r.useState("story"),[m,j]=r.useState(""),[d,N]=r.useState(""),[g,x]=r.useState(""),[p,y]=r.useState(""),o=S.programming.chat.useMutation({onSuccess:e=>{y(e.reply),x("")}}),w=()=>{const e=m.toLowerCase().replace(/\s+/g,""),t=e.includes("name=")&&e.includes("print(name)");N(t?"إجابة صحيحة! فتحت البوابة التالية وحصلت على نقطة.":"حاول مرة أخرى: أنشئ المتغير name أولاً ثم اطبع قيمته باستخدام print.")};return a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:36",dir:"rtl",className:"min-h-screen bg-[#070a12] px-5 py-8 text-white sm:px-10 sm:py-10",children:[a.jsxs("header",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",className:"mx-auto flex max-w-6xl items-center justify-between",children:[a.jsxs(k,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",href:"/programming",className:"inline-flex items-center gap-2 text-sm text-slate-400 hover:text-white",children:[a.jsx(I,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",className:"h-4 w-4"})," كل لغات البرمجة"]}),a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",className:"flex items-center gap-3",children:[a.jsx("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",className:"grid h-10 w-10 place-items-center rounded-xl",style:{backgroundColor:`${s.tone}22`,color:s.tone},children:a.jsx(P,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",className:"h-5 w-5"})}),a.jsx("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:37",className:"font-display font-bold",children:s.name})]})]}),a.jsxs("main",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:38",className:"mx-auto mt-10 max-w-6xl",children:[a.jsxs("section",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:38",className:"rounded-[2rem] border border-white/10 bg-gradient-to-br from-[#1b315b] via-[#142542] to-[#0d1629] p-8 sm:p-10",children:[a.jsx("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:38",className:"text-sm font-bold",style:{color:s.tone},children:"أكاديمية أديب للتطور"}),a.jsxs("h1",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:38",className:"mt-3 font-display text-4xl font-extrabold",children:["رحلة تعلم ",s.arabic]}),a.jsxs("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:38",className:"mt-4 max-w-3xl text-base leading-8 text-slate-300",children:[s.intro," تعلّم من خلال قصة قصيرة، شرح منظم، تحدٍ تفاعلي ومساعد برمجي."]})]}),a.jsx("nav",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:39",className:"mt-6 grid gap-2 rounded-2xl border border-white/10 bg-[#0e1422] p-2 sm:grid-cols-4",children:M.map(({id:e,label:t,Icon:v})=>a.jsxs("button",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:39",type:"button",onClick:()=>i(e),className:`flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold transition ${n===e?"bg-[#72d7ca] text-[#06231f]":"text-slate-400 hover:bg-white/[0.05] hover:text-white"}`,children:[a.jsx(v,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:39",className:"h-4 w-4"}),t]},e))}),a.jsxs("section",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:40",className:"mt-6 rounded-[1.75rem] border border-white/10 bg-[#0e1422] p-6 sm:p-8",children:[n==="story"&&a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",children:[a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"flex items-center gap-3",children:[a.jsx(f,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"text-[#f3a243]"}),a.jsx("h2",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"font-display text-2xl font-extrabold",children:"رحلة البطل البرمجي"})]}),a.jsx("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"mt-4 leading-8 text-slate-300",children:"تم اختراق مدينة سبرنغفيلد الرقمية. مهمتك فتح البوابات الأربع باستخدام مهارات البرمجة، ثم بناء حل ينقذ المدينة."}),a.jsx("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"mt-6 grid gap-4 md:grid-cols-3",children:z.map((e,t)=>a.jsxs("article",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"rounded-2xl border border-white/10 bg-black/15 p-5",children:[a.jsxs("span",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"text-sm font-bold",style:{color:s.tone},children:["البوابة ",t+1]}),a.jsx("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",className:"mt-3 text-sm leading-7 text-slate-300",children:e})]},e))}),a.jsx("button",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:41",type:"button",onClick:()=>i("basics"),className:"mt-6 rounded-xl bg-[#72d7ca] px-5 py-3 text-sm font-bold text-[#06231f]",children:"ابدأ أول درØ

28³"})]}),n==="basics"&&a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",children:[a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"flex items-center gap-3",children:[a.jsx(h,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",style:{color:s.tone}}),a.jsxs("h2",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"font-display text-2xl font-extrabold",children:["أساسيات ",s.arabic]})]}),a.jsx("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"mt-5 grid gap-3 md:grid-cols-2",children:s.basics.map((e,t)=>a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"flex gap-3 rounded-xl border border-white/10 bg-black/15 p-4",children:[a.jsx("span",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"font-display font-extrabold",style:{color:s.tone},children:t+1}),a.jsx("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"text-sm leading-7 text-slate-300",children:e})]},e))}),a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"mt-6",children:[a.jsx("h3",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",className:"font-display text-lg font-extrabold",children:"مثال تطبيقي"}),a.jsx("pre",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",dir:"ltr",className:"mt-3 overflow-x-auto rounded-xl bg-[#05080d] p-4 text-left text-xs leading-7 text-[#b8f4eb]",children:a.jsx("code",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:42",children:s.code})})]})]}),n==="game"&&a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",children:[a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",className:"flex items-center gap-3",children:[a.jsx(b,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",className:"text-[#f3a243]"}),a.jsxs("h2",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",className:"font-display text-2xl font-extrabold",children:["تحدي ترتيب كود ",s.name]})]}),a.jsxs("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",className:"mt-4 leading-8 text-slate-300",children:["رتّب الفكرة التالية في سطر واحد: أنشئ متغيراً اسمه ",a.jsx("code",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",dir:"ltr",className:"rounded bg-white/10 px-2",children:"name"})," بقيمة Ahmad ثم اطبع المتغير."]}),a.jsx("input",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",value:m,onChange:e=>j(e.target.value),placeholder:"اكتب ترتيب الكود هنا...",className:"mt-5 h-12 w-full rounded-xl border border-white/10 bg-[#070a12] px-4 text-sm text-white outline-none focus:border-[#72d7ca]"}),a.jsxs("button",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",type:"button",onClick:w,className:"mt-4 inline-flex items-center gap-2 rounded-xl bg-[#f3a243] px-5 py-3 text-sm font-bold text-[#1b1205]",children:[a.jsx(E,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",className:"h-4 w-4"})," تحقق من الإجابة"]}),d&&a.jsx("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:43",className:"mt-4 rounded-xl border border-white/10 bg-white/[0.04] p-4 text-sm leading-7 text-slate-300",children:d})]}),n==="assistant"&&a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",children:[a.jsxs("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",className:"flex items-center gap-3",children:[a.jsx(L,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",className:"text-[#72d7ca]"}),a.jsx("h2",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",className:"font-display text-2xl font-extrabold",children:"المعلم البرمجي"})]}),a.jsxs("p",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",className:"mt-4 text-sm leading-7 text-slate-400",children:["اسأل عن ",s.name,"، وسأشرح لك بأسلوب مبسط يناسب مستوى المبتدئ."]}),a.jsx("textarea",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",value:g,onChange:e=>x(e.target.value),placeholder:`مثال: اشرح لي الحلقات في ${s.name}`,rows:4,className:"mt-5 w-full resize-none rounded-xl border border-white/10 bg-[#070a12] p-4 text-sm leading-7 text-white outline-none focus:border-[#72d7ca]"}),a.jsxs("button",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",type:"button",disabled:!g.trim()||o.isPending,onClick:()=>o.mutate({language:"ar-SA",message:g,languageSlug:l}),className:"mt-4 inline-flex items-center gap-2 rounded-xl bg-[#72d7ca] px-5 py-3 text-sm font-bold text-[#06231f] disabled:opacity-40",children:[a.jsx(B,{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",className:"h-4 w-4"}),o.isPending?"جاري الشرح…":"اسأل المعلم"]}),p&&a.jsx("div",{"data-loc":"client/src/pages/ProgrammingLanguage.tsx:44",className:"mt-5 rounded-2xl border border-[#72d7ca]/20 bg-[#72d7ca]/[0.06] p-5 text-sm leading-8 text-slate-200",children:p})]})]})]})]})}export{u as courses,W as default};