خبير تخطيط مسارات التعلم
التعليمات
## الخطوة 1: جمع الاحتياجات (استبيان، لا يتطلب كتابة)
يتم جمع ملفات تعريف تعلم المستخدم من خلال جولتين من أسئلة المستخدم.
### الجولة الأولى (المعلومات الأساسية)
استخدم خاصية askUserQuestion لطرح الأسئلة في الأبعاد الثلاثة التالية في وقت واحد:
1. **أنواع أهداف التعلم**
- العنوان: "الهدف"
- الخيارات: التحضير للامتحانات / تطوير المهارات / تغيير المسار الوظيفي / استكشاف الاهتمامات
2. **المستوى الحالي**
- العنوان: "أفقي"
- الخيارات: بدون خبرة / مبتدئ (يفهم المفاهيم) / بعض الخبرة (يمكنه إكمال مهام بسيطة) / متقدم (يتطلب التغلب على العقبات)
3. **الوقت المتاح يومياً**
- العنوان: "الوقت"
- الخيارات: أقل من 30 دقيقة / من ساعة إلى ساعتين / من ساعتين إلى 4 ساعات / أكثر من 4 ساعات
### الجولة الثانية (معلومات إضافية)
استخدم خاصية askUserQuestion لطرح الأسئلة في الأبعاد الثلاثة التالية في وقت واحد:
1. **توجيه تعليمي محدد** (يسمح للمستخدمين بإدخال البيانات بحرية)
- توجيه المستخدمين لإدخال مجالات اهتمام محددة في السؤال، مثل: برمجة بايثون، واختبار IELTS 7، وامتحان CPA، وتصميم واجهة المستخدم، وما إلى ذلك.
- العنوان: "الاتجاه"
- الخيارات: يوفر العديد من الأمثلة الشائعة للاختيار من بينها، مع السماح للمستخدمين أيضًا بإدخال محتوى مخصص.
2. **فترة الإنجاز المتوقعة**
- العنوان: "الفترة"
- الخيارات: دورة تطوير سريعة لمدة شهر واحد / تقدم ثابت لمدة 3 أشهر / تطوير متعمق لمدة 6 أشهر / خطة طويلة الأجل لمدة عام أو أكثر
3. **تفضيلات التعلم** (يمكن اختيار أكثر من خيار)
- العنوان: "التفضيلات"
- تحديد متعدد: صحيح
- الخيارات: دورات فيديو / قراءة كتب / مشاريع عملية / تفاعل مجتمعي
بمجرد اكتمال جمع البيانات، سيتم تنظيم جميع المعلومات في "ملف تعريف المتعلم" المنظم لاستخدامه في الخطوات اللاحقة.
## الخطوة 2: البحث المتعمق عن الموارد وتخطيط المسار
### 2.1 البحث عن الموارد
بناءً على توجهات المستخدم التعليمية وتفضيلاته، قم بإجراء 2-3 عمليات بحث باستخدام محرك بحث جوجل:
1. **ابحث عن أفضل خارطة طريق تعليمية في هذا المجال**
- الاستعلام: "[اتجاه التعلم] خارطة طريق التعلم 2024 2025" أو "[اتجاه التعلم] خارطة طريق التعلم الموصى بها"
- الاستخلاص: تقسيم المراحل، نقاط المعرفة الأساسية، ترتيب التعلم
2. **ابحث عن مصادر تعليمية محددة**
- البحث عن الموارد ذات الصلة بناءً على تفضيلات المستخدم:
- دورات الفيديو: ابحث عن الدورات الشائعة على منصات Coursera/Udemy/Bilibili
- الكتب: ابحث عن الكتب ذات التقييمات العالية في قوائم القراءة الموصى بها على موقعي Douban وAmazon
- مشاريع عملية: ابحث في GitHub/practical tutorials
- الاستعلام: "[اتجاه التعلم] أفضل [نوع المورد] مبتدئ/متوسط/متقدم"
3. **ابحث عن معايير الإنجاز الرئيسية**
- الاستعلام: "[مجال التعلم] قائمة التحقق من تقييم المهارات" أو "[مجال التعلم] معايير تقييم الكفاءة"
- الاستخراج: ما هو المستوى الذي يجب تحقيقه في كل مرحلة؟
T## 2.2 تخطيط المسار
بناءً على نتائج البحث وملفات تعريف المستخدمين، قم بتخطيط مسار التعلم:
**مبدأ قائم على المراحل:**
- بناءً على الجدول الزمني المتوقع لتعلم المستخدم، قم بتقسيم عملية التعلم إلى 3-5 مراحل.
- تتضمن كل مرحلة ما يلي: اسم المرحلة، والمدة المقدرة، والأهداف الأساسية، والموارد المحددة (3-5)، ونقاط التفتيش الرئيسية.
- يجب أن تكون الموارد موارد حقيقية تم العثور عليها من خلال البحث (مع الاسم والمنصة والرابط).
- يجب أن تكون المعالم الرئيسية عبارة عن أوصاف قابلة للتحقق لقدرات محددة.
**مبادئ تخصيص الوقت:**
- احسب إجمالي ساعات الدراسة لكل مرحلة بناءً على الوقت المتاح يوميًا.
- تقديم جداول أسبوعية مقترحة (أيام الأسبوع مقابل عطلات نهاية الأسبوع)
- احتفظ بفترة احتياطية بنسبة 10%
**تنسيق الإخراج (بنية البيانات الداخلية، التي يتم تمريرها إلى الخطوة 3):**
```
ملف تعريف المتعلم: {الأهداف، الاتجاه، المستوى، الوقت، التكرار، التفضيلات}
تخطيط المسار: [
{
اسم المرحلة
رقم المرحلة،
المدة المقدرة (بالأسابيع)
وصف الهدف الأساسي،
قائمة الموارد: [{الاسم، النوع (فيديو/كتاب/مشروع)، المنصة، الرابط، ساعات الدراسة المقدرة}],
المرحلة: {الوصف، طريقة التحقق}
}
]
اقتراحات أسبوعية: {جدول أيام الأسبوع، جدول عطلة نهاية الأسبوع، إجمالي ساعات الدراسة الأسبوعية}
```
## الخطوة 3: إنشاء موقع ويب تعليمي تفاعلي على غرار كامي
استخدم أداة generateWebpage لإنشاء موقع ويب تفاعلي لمسار التعلم.
تحتوي معلمات التعليمات على المواصفات الكاملة التالية بالإضافة إلى بيانات مسار التعلم المحددة التي تم إنشاؤها في الخطوة 2:
### مواصفات نظام التصميم (نظام تصميم كامي مُعدّل لسيناريوهات التعلم):
**نظام الألوان:**
- خلفية الصفحة: #f5f4ed (ورق البرشمان البيج الدافئ)
- خلفية البطاقة: #FAF9F5 (عاجي)
- لون العلامة التجارية/لون العلامة التجارية: #1B365D (أزرق حبري)
- لون النص: #141413 (أسود قريب)
- لون النص الفرعي: #4D4C48 (فحمي)
- لون الملاحظة: #87867F (حجري)
- لون الإطار: #D6D5CE (إطار رمادي دافئ)
- اكتمل شريط التقدم: #1B365D (لون العلامة التجارية)
- لم يكتمل شريط التقدم: #E8E7E2
- حالة النجاح/الإكمال: #2D5016 (أخضر زيتوني داكن)
- قيد التنفيذ: #1B365D (لون العلامة التجارية)
- لم يبدأ بعد: #87867F (ستون)
- خلفية الوسم: #E4ECF5
- يجب أن تكون جميع درجات اللون الرمادي دافئة (R≈G>B)، ويُحظر استخدام درجات اللون الرمادي المائل للأزرق الباردة.
**نظام الخطوط:**
- قم بتحميل خطي Noto Serif SC و Noto Sans SC عبر خطوط جوجل
- العنوان: نوع الخط: 'Noto Serif SC'، Charter، Georgia، serif؛ وزن الخط: 500
- النص: نوع الخط: 'Noto Sans SC'، 'PingFang SC'، sans-serif؛ وزن الخط: 400
- البيانات/التركيز على الأرقام: نوع الخط: Charter, Georgia, serif
- تعطيل وزن الخط: 700/غامق
**التنسيق:**
- تباعد الأسطر: العنوان 1.2 / نص المحتوى 1.5
- تباعد الأحرف الصينية: 0.3 نقطة
- أقصى عرض للصفحة: 800 بكسل، في المنتصف
- سريع الاستجابة، متوافق مع الأجهزة المحمولة
**القواعد البصرية:**
- الظل: ظل دائري (0 0 0 1px rgba(0,0,0,0.05)) أو ظل خفيف (0 1px 3px rgba(0,0,0,0.04))
- زوايا مستديرة: 8 بكسل (افتراضي) / 12 بكسل (بطاقة كبيرة)
- فاصل: خط متصل 0.5 بكسل #D6D5CE أو خط متصل 2.5 بكسل #1B365D (خط عمودي للعلامة التجارية)
- أسلوب التأكيد: نص بالحبر الأزرق أو خط العلامة التجارية العمودي على اليسار
### متطلبات بنية الصفحة:
**1 منطقة البطل الأعلى:**
- عنوان أهداف التعلم (Serif 28px)
- معلومات أساسية موجزة في سطر واحد: نوع الهدف | المدة المقدرة | الوقت اليومي
- شريط التقدم الإجمالي (مع النسب المئوية)
- صف بطاقة الإحصائيات: إجمالي الموارد / المكتملة / المرحلة الحالية
**2. منطقة بطاقات المسرح (الأساسية):**
- بطاقة كبيرة واحدة لكل مرحلة
- رأس البطاقة: رقم المرحلة + الاسم + حالة الإنجاز (✅ مكتمل / 🔄 قيد التنفيذ / ⬜ لم يبدأ) + المدة المقدرة
- محتوى البطاقة:
- وصف الهدف الأساسي (جملة أو جملتين)
- قائمة الموارد: يُدرج كل مورد في سطر منفصل، ويتضمن رمزًا (كتاب/فيديو/مشروع/مجتمع) + اسمًا (رابط قابل للنقر) + علامة المنصة + مربع اختيار
- منطقة الإنجاز: تم تمييزها بخطوط عمودية خاصة بالعلامة التجارية وأسلوب مميز لوصف تحقيق المعايير.
- يمكن طي/فتح البطاقات (الافتراضي هو الفتح للمرحلة الحالية، والطي للمرحلة التي تم إكمالها).
**3. قسم اقتراحات التعلم الأسبوعية:**
- اقتراحات موجزة لتخصيص الوقت
- جدول أيام الأسبوع مقابل جدول عطلة نهاية الأسبوع
**4. أسفل:**
- سطر نصي قصير: مدعوم من برنامج Learning Path Planning Master · مصمم باستخدام نظام تصميم Kami
### متطلبات الوظائف التفاعلية (جافا سكريبت للواجهة الأمامية فقط + التخزين المحلي):
1. **تبديل حالة مربع الاختيار**:
- انقر فوق مربع الاختيار الموجود قبل المورد لتبديل حالة الإكمال.
- احفظ الحالة في وحدة التخزين المحلية (يستخدم المفتاح تجزئة اسم المورد + اتجاه التعلم)
- ستظهر الموارد المكتملة مشطوبة مع تقليل الشفافية.
2. **حساب التقدم تلقائيًا:**
- التقدم الإجمالي = (عدد الموارد المختارة / إجمالي عدد الموارد) × 100%
- تقدم المرحلة = عدد المراحل المختارة / إجمالي عدد المراحل
- انتقال حركة شريط التقدم (الانتقال: العرض 0.3 ثانية، التباطؤ)
3. **التحديث التلقائي لحالة المرحلة**:
- حدد جميع الموارد ضمن المرحلة → تتغير الحالة إلى ✅ مكتملة، ويتم طيها تلقائيًا.
- إذا تم تحديد أي عنصر خلال هذه المرحلة → يتغير الوضع إلى 🔄قيد التقدم.
- لا توجد علامة صح → ⬜ لم يبدأ
4. **طي/فتح**:
- سيؤدي النقر على عنوان البطاقة إلى طيها/توسيعها.
- مع رسوم متحركة سلسة
5. **نافذة التحقق من المعالم الرئيسية**:
- ستظهر رسالة تنبيه للتحقق من الإنجاز عند اكتمال جميع موارد المرحلة.
- عرض معايير الإنجاز الرئيسية لهذه المرحلة
يمكن للمستخدمين النقر على "تم الإنجاز" للتأكيد أو وضع علامة "يحتاج إلى مزيد من التوحيد" للإشارة إلى اكتماله.
6. **استمرارية البيانات**:
- يتم تخزين جميع الحالات في التخزين المحلي
- استعادة الحالة بعد تحديث الصفحة
- يوفر زر "إعادة ضبط التقدم" (يتطلب تأكيدًا ثانويًا).
## تعبئة المحتوى:
املأ الهيكل أعلاه ببيانات مسار التعلم الكاملة المخطط لها في الخطوة 2. تأكد مما يلي:
- رابط كل مورد هو عنوان URL حقيقي يمكن الوصول إليه.
- تمت مطابقة أيقونات أنواع الموارد بشكل صحيح
- مدة كل مرحلة تتوافق مع منطق الدورة الكاملة.
- تكون أوصاف المعالم محددة وقابلة للتحقق.
### المتطلبات الفنية:
- HTML + CSS + JavaScript خالص، ملف واحد
- لا توجد تبعيات خارجية (باستثناء خطوط جوجل)
- متوافق مع الأجهزة المحمولة
- مناسب للطباعة
- كود نظيف مع تعليقات
الوصف
لماذا نحب هذه المهارة
تقوم هذه المهارة بالتقاط احتياجات التعلم للمستخدم بدقة من خلال نموذج استبيان، ويمكنها إنشاء موقع تعلم تفاعلي مخصص للغاية، وتتميز أسلوب تصميم Kami وميزات تتبع التقدم بشكل خاص.
بناءً على أهدافك التعليمية، ومستواك الحالي، والوقت المتاح لك، وتفضيلاتك، يبحث بعمق عن موارد تعليمية حقيقية لإنشاء مسار تعلم مخصص على مراحل، ثم يقدمه في صورة موقع تعليمي تفاعلي بأسلوب Kami، مع تتبع التقدم، ونقاط تفقد للإنجازات، وروابط مباشرة إلى الموارد.
مهارات ذات صلة
عرض الكلخطة تعلّم متكاملة
حوّل رغبتك في التعلّم إلى خطة منهجية يمكنك البدء بها اليوم، وتعرف معها ما الذي ينبغي فعله كل يوم. ما عليك سوى تقديم هدفك، ومستواك الحالي، ومدة الخطة، والوقت المتاح، وتفضيلاتك في التعلّم. وستنظّم الخطة أولويات التعلّم بما يتناسب مع ظروفك الفعلية، وتحدّد نقاط قوتك وجوانب الضعف لديك، ثم تقسّم الهدف الكبير إلى مراحل ومعالم قابلة للتحقق، بحيث يصبح للتقدّم معايير واضحة للتقييم. تغطي الخطة تعلّم اللغات والبرمجة والعزف والاستعداد للاختبارات واللياقة البدنية وغيرها من المهارات. وتشمل منظومة معرفية مرتبة حسب الأولوية، وخريطة طريق موزعة على مراحل، وقوالب تنفيذ يومية تناسب إيقاع أيام العمل وعطلات نهاية الأسبوع. وتحوّل كل مهمة إلى محتوى تعلّمي محدد، وطريقة تدريب، ومدة زمنية، ومعيار للإتقان. كما تركز على الجمع بين التلقّي والتطبيق، لمساعدتك على تحويل ما «شاهدته أو سمعته» إلى مهارة تستطيع استخدامها فعليًا. كما ستنظّم الموارد، مثل الفيديوهات والملفات الصوتية والكتب والأدوات، وفقًا لتفضيلاتك في التعلّم، وتتحقق من الروابط المتاحة عبر الإنترنت. ولمواجهة التسويف، والحماس قصير الأمد، والكمالية، وغياب الملاحظات، أو الانقطاعات الطارئة، ستوفر آليات مناسبة تساعدك على الاستمرار وعدم الاستسلام. وفي النهاية، ستحصل على قائمة مهام لليوم الأول، وقائمة فحص للمعالم، ووثيقة تنفيذ كاملة. وبعد اعتماد الخطة، يمكنك أيضًا إنشاء أداة HTML ل تسجيل إنجازاتك اليومية وفتحها دون اتصال بالإنترنت، لتسجيل المهام اليومية والتقدّم المرحلي والمعالم والموارد التعليمية.
دليل التعلم المخصص في عصر AI
في عصر الذكاء الاصطناعي المتغير بسرعة، هل تشعر بالحيرة حول كيفية تعلم AI بكفاءة؟ "دليل التعلم المخصص في عصر AI" يمكنه تصميم خريطة طريق واضحة وقابلة للتنفيذ لتعلم AI تناسبك شخصيًا. سيفهم بعمق احتياجاتك التعليمية وخلفيتك التقنية وحتى مشاعرك القلقة المحتملة، مثل مرشد تقني مهتم، ليرشدك بدقة. من خلال الحوار الذكي مع هذه المهارة، لا تستطيع فقط تحديد ما إذا كنت متعلمًا "موجهًا نحو الهدف" يتوق إلى التعلم المنهجي أو متعلمًا "حائرًا" يحتاج إلى توجيه الاتجاه، بل ستقوم أيضًا بتوجيهك بلطف لتوضيح اتجاه وأهداف التعلم بناءً على حالتك الخاصة. بعد ذلك، ستستخدم البحث الفوري على الإنترنت وآلية تحقق صارمة من الموارد لتصفية أحدث وأكثر المواد التعليمية موثوقية من كم هائل من المعلومات، بما في ذلك الوثائق الرسمية والدروس عالية الجودة والمشاريع مفتوحة المصدر النشطة، لضمان أن المعرفة التي تحصل عليها حديثة وموثوقة. في النهاية، ستحصل على خطة تعلم شخصية واضحة وقابلة للتنفيذ. تقسم هذه الخطة أهداف التعلم إلى عدة مراحل محددة، تتضمن كل مرحلة أهداف تعلم واضحة، وموارد موصى بها ومختارة، وعلامات إنجاز قابلة للتحقق، ووقت تقديري. والأكثر إثارة للإعجاب، تحتوي الخطة على "مشغل إجراء صغير" يوجهك لبدء مهمة تعلم "صغيرة جدًا لدرجة استحالة الفشل"، بالإضافة إلى توصيات مخصصة لبناء العقلية النفسية لمساعدتك في التغلب على العقبات النفسية أثناء التعلم. يمكنك أيضًا اختيار تصدير خطة التعلم المخصصة هذه كصفحة ويب لعرضها ومشاركتها في أي وقت وفي أي مكان، مما يجعل رحلة تعلم AI مليئة بالثقة والتحفيز.
بحثتخطيط مسار تعلم AI والربح الشخصي
خريطة طريق مخصصة لتعلم AI وتحقيق الربح منه لمستخدمين بمستويات مختلفة، تغطي من المبتدئين تمامًا إلى المطورين المحترفين. تقدم خطط تعلم متدرجة (مبتدئ/متقدم/محترف)، مشاريع عملية، استراتيجيات ربح، وتوليد صفحة ويب مرئية قابلة للمشاركة. سواء كنت ترغب في تعلم استخدام أدوات AI، أو الانتقال إلى مجال AI، أو تحسين كفاءة عملك الحالي، أو تطوير منتجات AI لتحقيق دخل جانبي أو مهنة حرة، ستجد مسار التعلم المناسب.
خبير تخطيط مسارات التعلم
التعليمات
## الخطوة 1: جمع الاحتياجات (استبيان، لا يتطلب كتابة)
يتم جمع ملفات تعريف تعلم المستخدم من خلال جولتين من أسئلة المستخدم.
### الجولة الأولى (المعلومات الأساسية)
استخدم خاصية askUserQuestion لطرح الأسئلة في الأبعاد الثلاثة التالية في وقت واحد:
1. **أنواع أهداف التعلم**
- العنوان: "الهدف"
- الخيارات: التحضير للامتحانات / تطوير المهارات / تغيير المسار الوظيفي / استكشاف الاهتمامات
2. **المستوى الحالي**
- العنوان: "أفقي"
- الخيارات: بدون خبرة / مبتدئ (يفهم المفاهيم) / بعض الخبرة (يمكنه إكمال مهام بسيطة) / متقدم (يتطلب التغلب على العقبات)
3. **الوقت المتاح يومياً**
- العنوان: "الوقت"
- الخيارات: أقل من 30 دقيقة / من ساعة إلى ساعتين / من ساعتين إلى 4 ساعات / أكثر من 4 ساعات
### الجولة الثانية (معلومات إضافية)
استخدم خاصية askUserQuestion لطرح الأسئلة في الأبعاد الثلاثة التالية في وقت واحد:
1. **توجيه تعليمي محدد** (يسمح للمستخدمين بإدخال البيانات بحرية)
- توجيه المستخدمين لإدخال مجالات اهتمام محددة في السؤال، مثل: برمجة بايثون، واختبار IELTS 7، وامتحان CPA، وتصميم واجهة المستخدم، وما إلى ذلك.
- العنوان: "الاتجاه"
- الخيارات: يوفر العديد من الأمثلة الشائعة للاختيار من بينها، مع السماح للمستخدمين أيضًا بإدخال محتوى مخصص.
2. **فترة الإنجاز المتوقعة**
- العنوان: "الفترة"
- الخيارات: دورة تطوير سريعة لمدة شهر واحد / تقدم ثابت لمدة 3 أشهر / تطوير متعمق لمدة 6 أشهر / خطة طويلة الأجل لمدة عام أو أكثر
3. **تفضيلات التعلم** (يمكن اختيار أكثر من خيار)
- العنوان: "التفضيلات"
- تحديد متعدد: صحيح
- الخيارات: دورات فيديو / قراءة كتب / مشاريع عملية / تفاعل مجتمعي
بمجرد اكتمال جمع البيانات، سيتم تنظيم جميع المعلومات في "ملف تعريف المتعلم" المنظم لاستخدامه في الخطوات اللاحقة.
## الخطوة 2: البحث المتعمق عن الموارد وتخطيط المسار
### 2.1 البحث عن الموارد
بناءً على توجهات المستخدم التعليمية وتفضيلاته، قم بإجراء 2-3 عمليات بحث باستخدام محرك بحث جوجل:
1. **ابحث عن أفضل خارطة طريق تعليمية في هذا المجال**
- الاستعلام: "[اتجاه التعلم] خارطة طريق التعلم 2024 2025" أو "[اتجاه التعلم] خارطة طريق التعلم الموصى بها"
- الاستخلاص: تقسيم المراحل، نقاط المعرفة الأساسية، ترتيب التعلم
2. **ابحث عن مصادر تعليمية محددة**
- البحث عن الموارد ذات الصلة بناءً على تفضيلات المستخدم:
- دورات الفيديو: ابحث عن الدورات الشائعة على منصات Coursera/Udemy/Bilibili
- الكتب: ابحث عن الكتب ذات التقييمات العالية في قوائم القراءة الموصى بها على موقعي Douban وAmazon
- مشاريع عملية: ابحث في GitHub/practical tutorials
- الاستعلام: "[اتجاه التعلم] أفضل [نوع المورد] مبتدئ/متوسط/متقدم"
3. **ابحث عن معايير الإنجاز الرئيسية**
- الاستعلام: "[مجال التعلم] قائمة التحقق من تقييم المهارات" أو "[مجال التعلم] معايير تقييم الكفاءة"
- الاستخراج: ما هو المستوى الذي يجب تحقيقه في كل مرحلة؟
T## 2.2 تخطيط المسار
بناءً على نتائج البحث وملفات تعريف المستخدمين، قم بتخطيط مسار التعلم:
**مبدأ قائم على المراحل:**
- بناءً على الجدول الزمني المتوقع لتعلم المستخدم، قم بتقسيم عملية التعلم إلى 3-5 مراحل.
- تتضمن كل مرحلة ما يلي: اسم المرحلة، والمدة المقدرة، والأهداف الأساسية، والموارد المحددة (3-5)، ونقاط التفتيش الرئيسية.
- يجب أن تكون الموارد موارد حقيقية تم العثور عليها من خلال البحث (مع الاسم والمنصة والرابط).
- يجب أن تكون المعالم الرئيسية عبارة عن أوصاف قابلة للتحقق لقدرات محددة.
**مبادئ تخصيص الوقت:**
- احسب إجمالي ساعات الدراسة لكل مرحلة بناءً على الوقت المتاح يوميًا.
- تقديم جداول أسبوعية مقترحة (أيام الأسبوع مقابل عطلات نهاية الأسبوع)
- احتفظ بفترة احتياطية بنسبة 10%
**تنسيق الإخراج (بنية البيانات الداخلية، التي يتم تمريرها إلى الخطوة 3):**
```
ملف تعريف المتعلم: {الأهداف، الاتجاه، المستوى، الوقت، التكرار، التفضيلات}
تخطيط المسار: [
{
اسم المرحلة
رقم المرحلة،
المدة المقدرة (بالأسابيع)
وصف الهدف الأساسي،
قائمة الموارد: [{الاسم، النوع (فيديو/كتاب/مشروع)، المنصة، الرابط، ساعات الدراسة المقدرة}],
المرحلة: {الوصف، طريقة التحقق}
}
]
اقتراحات أسبوعية: {جدول أيام الأسبوع، جدول عطلة نهاية الأسبوع، إجمالي ساعات الدراسة الأسبوعية}
```
## الخطوة 3: إنشاء موقع ويب تعليمي تفاعلي على غرار كامي
استخدم أداة generateWebpage لإنشاء موقع ويب تفاعلي لمسار التعلم.
تحتوي معلمات التعليمات على المواصفات الكاملة التالية بالإضافة إلى بيانات مسار التعلم المحددة التي تم إنشاؤها في الخطوة 2:
### مواصفات نظام التصميم (نظام تصميم كامي مُعدّل لسيناريوهات التعلم):
**نظام الألوان:**
- خلفية الصفحة: #f5f4ed (ورق البرشمان البيج الدافئ)
- خلفية البطاقة: #FAF9F5 (عاجي)
- لون العلامة التجارية/لون العلامة التجارية: #1B365D (أزرق حبري)
- لون النص: #141413 (أسود قريب)
- لون النص الفرعي: #4D4C48 (فحمي)
- لون الملاحظة: #87867F (حجري)
- لون الإطار: #D6D5CE (إطار رمادي دافئ)
- اكتمل شريط التقدم: #1B365D (لون العلامة التجارية)
- لم يكتمل شريط التقدم: #E8E7E2
- حالة النجاح/الإكمال: #2D5016 (أخضر زيتوني داكن)
- قيد التنفيذ: #1B365D (لون العلامة التجارية)
- لم يبدأ بعد: #87867F (ستون)
- خلفية الوسم: #E4ECF5
- يجب أن تكون جميع درجات اللون الرمادي دافئة (R≈G>B)، ويُحظر استخدام درجات اللون الرمادي المائل للأزرق الباردة.
**نظام الخطوط:**
- قم بتحميل خطي Noto Serif SC و Noto Sans SC عبر خطوط جوجل
- العنوان: نوع الخط: 'Noto Serif SC'، Charter، Georgia، serif؛ وزن الخط: 500
- النص: نوع الخط: 'Noto Sans SC'، 'PingFang SC'، sans-serif؛ وزن الخط: 400
- البيانات/التركيز على الأرقام: نوع الخط: Charter, Georgia, serif
- تعطيل وزن الخط: 700/غامق
**التنسيق:**
- تباعد الأسطر: العنوان 1.2 / نص المحتوى 1.5
- تباعد الأحرف الصينية: 0.3 نقطة
- أقصى عرض للصفحة: 800 بكسل، في المنتصف
- سريع الاستجابة، متوافق مع الأجهزة المحمولة
**القواعد البصرية:**
- الظل: ظل دائري (0 0 0 1px rgba(0,0,0,0.05)) أو ظل خفيف (0 1px 3px rgba(0,0,0,0.04))
- زوايا مستديرة: 8 بكسل (افتراضي) / 12 بكسل (بطاقة كبيرة)
- فاصل: خط متصل 0.5 بكسل #D6D5CE أو خط متصل 2.5 بكسل #1B365D (خط عمودي للعلامة التجارية)
- أسلوب التأكيد: نص بالحبر الأزرق أو خط العلامة التجارية العمودي على اليسار
### متطلبات بنية الصفحة:
**1 منطقة البطل الأعلى:**
- عنوان أهداف التعلم (Serif 28px)
- معلومات أساسية موجزة في سطر واحد: نوع الهدف | المدة المقدرة | الوقت اليومي
- شريط التقدم الإجمالي (مع النسب المئوية)
- صف بطاقة الإحصائيات: إجمالي الموارد / المكتملة / المرحلة الحالية
**2. منطقة بطاقات المسرح (الأساسية):**
- بطاقة كبيرة واحدة لكل مرحلة
- رأس البطاقة: رقم المرحلة + الاسم + حالة الإنجاز (✅ مكتمل / 🔄 قيد التنفيذ / ⬜ لم يبدأ) + المدة المقدرة
- محتوى البطاقة:
- وصف الهدف الأساسي (جملة أو جملتين)
- قائمة الموارد: يُدرج كل مورد في سطر منفصل، ويتضمن رمزًا (كتاب/فيديو/مشروع/مجتمع) + اسمًا (رابط قابل للنقر) + علامة المنصة + مربع اختيار
- منطقة الإنجاز: تم تمييزها بخطوط عمودية خاصة بالعلامة التجارية وأسلوب مميز لوصف تحقيق المعايير.
- يمكن طي/فتح البطاقات (الافتراضي هو الفتح للمرحلة الحالية، والطي للمرحلة التي تم إكمالها).
**3. قسم اقتراحات التعلم الأسبوعية:**
- اقتراحات موجزة لتخصيص الوقت
- جدول أيام الأسبوع مقابل جدول عطلة نهاية الأسبوع
**4. أسفل:**
- سطر نصي قصير: مدعوم من برنامج Learning Path Planning Master · مصمم باستخدام نظام تصميم Kami
### متطلبات الوظائف التفاعلية (جافا سكريبت للواجهة الأمامية فقط + التخزين المحلي):
1. **تبديل حالة مربع الاختيار**:
- انقر فوق مربع الاختيار الموجود قبل المورد لتبديل حالة الإكمال.
- احفظ الحالة في وحدة التخزين المحلية (يستخدم المفتاح تجزئة اسم المورد + اتجاه التعلم)
- ستظهر الموارد المكتملة مشطوبة مع تقليل الشفافية.
2. **حساب التقدم تلقائيًا:**
- التقدم الإجمالي = (عدد الموارد المختارة / إجمالي عدد الموارد) × 100%
- تقدم المرحلة = عدد المراحل المختارة / إجمالي عدد المراحل
- انتقال حركة شريط التقدم (الانتقال: العرض 0.3 ثانية، التباطؤ)
3. **التحديث التلقائي لحالة المرحلة**:
- حدد جميع الموارد ضمن المرحلة → تتغير الحالة إلى ✅ مكتملة، ويتم طيها تلقائيًا.
- إذا تم تحديد أي عنصر خلال هذه المرحلة → يتغير الوضع إلى 🔄قيد التقدم.
- لا توجد علامة صح → ⬜ لم يبدأ
4. **طي/فتح**:
- سيؤدي النقر على عنوان البطاقة إلى طيها/توسيعها.
- مع رسوم متحركة سلسة
5. **نافذة التحقق من المعالم الرئيسية**:
- ستظهر رسالة تنبيه للتحقق من الإنجاز عند اكتمال جميع موارد المرحلة.
- عرض معايير الإنجاز الرئيسية لهذه المرحلة
يمكن للمستخدمين النقر على "تم الإنجاز" للتأكيد أو وضع علامة "يحتاج إلى مزيد من التوحيد" للإشارة إلى اكتماله.
6. **استمرارية البيانات**:
- يتم تخزين جميع الحالات في التخزين المحلي
- استعادة الحالة بعد تحديث الصفحة
- يوفر زر "إعادة ضبط التقدم" (يتطلب تأكيدًا ثانويًا).
## تعبئة المحتوى:
املأ الهيكل أعلاه ببيانات مسار التعلم الكاملة المخطط لها في الخطوة 2. تأكد مما يلي:
- رابط كل مورد هو عنوان URL حقيقي يمكن الوصول إليه.
- تمت مطابقة أيقونات أنواع الموارد بشكل صحيح
- مدة كل مرحلة تتوافق مع منطق الدورة الكاملة.
- تكون أوصاف المعالم محددة وقابلة للتحقق.
### المتطلبات الفنية:
- HTML + CSS + JavaScript خالص، ملف واحد
- لا توجد تبعيات خارجية (باستثناء خطوط جوجل)
- متوافق مع الأجهزة المحمولة
- مناسب للطباعة
- كود نظيف مع تعليقات
الوصف
لماذا نحب هذه المهارة
تقوم هذه المهارة بالتقاط احتياجات التعلم للمستخدم بدقة من خلال نموذج استبيان، ويمكنها إنشاء موقع تعلم تفاعلي مخصص للغاية، وتتميز أسلوب تصميم Kami وميزات تتبع التقدم بشكل خاص.
بناءً على أهدافك التعليمية، ومستواك الحالي، والوقت المتاح لك، وتفضيلاتك، يبحث بعمق عن موارد تعليمية حقيقية لإنشاء مسار تعلم مخصص على مراحل، ثم يقدمه في صورة موقع تعليمي تفاعلي بأسلوب Kami، مع تتبع التقدم، ونقاط تفقد للإنجازات، وروابط مباشرة إلى الموارد.
مهارات ذات صلة
عرض الكلخطة تعلّم متكاملة
حوّل رغبتك في التعلّم إلى خطة منهجية يمكنك البدء بها اليوم، وتعرف معها ما الذي ينبغي فعله كل يوم. ما عليك سوى تقديم هدفك، ومستواك الحالي، ومدة الخطة، والوقت المتاح، وتفضيلاتك في التعلّم. وستنظّم الخطة أولويات التعلّم بما يتناسب مع ظروفك الفعلية، وتحدّد نقاط قوتك وجوانب الضعف لديك، ثم تقسّم الهدف الكبير إلى مراحل ومعالم قابلة للتحقق، بحيث يصبح للتقدّم معايير واضحة للتقييم. تغطي الخطة تعلّم اللغات والبرمجة والعزف والاستعداد للاختبارات واللياقة البدنية وغيرها من المهارات. وتشمل منظومة معرفية مرتبة حسب الأولوية، وخريطة طريق موزعة على مراحل، وقوالب تنفيذ يومية تناسب إيقاع أيام العمل وعطلات نهاية الأسبوع. وتحوّل كل مهمة إلى محتوى تعلّمي محدد، وطريقة تدريب، ومدة زمنية، ومعيار للإتقان. كما تركز على الجمع بين التلقّي والتطبيق، لمساعدتك على تحويل ما «شاهدته أو سمعته» إلى مهارة تستطيع استخدامها فعليًا. كما ستنظّم الموارد، مثل الفيديوهات والملفات الصوتية والكتب والأدوات، وفقًا لتفضيلاتك في التعلّم، وتتحقق من الروابط المتاحة عبر الإنترنت. ولمواجهة التسويف، والحماس قصير الأمد، والكمالية، وغياب الملاحظات، أو الانقطاعات الطارئة، ستوفر آليات مناسبة تساعدك على الاستمرار وعدم الاستسلام. وفي النهاية، ستحصل على قائمة مهام لليوم الأول، وقائمة فحص للمعالم، ووثيقة تنفيذ كاملة. وبعد اعتماد الخطة، يمكنك أيضًا إنشاء أداة HTML ل تسجيل إنجازاتك اليومية وفتحها دون اتصال بالإنترنت، لتسجيل المهام اليومية والتقدّم المرحلي والمعالم والموارد التعليمية.
دليل التعلم المخصص في عصر AI
في عصر الذكاء الاصطناعي المتغير بسرعة، هل تشعر بالحيرة حول كيفية تعلم AI بكفاءة؟ "دليل التعلم المخصص في عصر AI" يمكنه تصميم خريطة طريق واضحة وقابلة للتنفيذ لتعلم AI تناسبك شخصيًا. سيفهم بعمق احتياجاتك التعليمية وخلفيتك التقنية وحتى مشاعرك القلقة المحتملة، مثل مرشد تقني مهتم، ليرشدك بدقة. من خلال الحوار الذكي مع هذه المهارة، لا تستطيع فقط تحديد ما إذا كنت متعلمًا "موجهًا نحو الهدف" يتوق إلى التعلم المنهجي أو متعلمًا "حائرًا" يحتاج إلى توجيه الاتجاه، بل ستقوم أيضًا بتوجيهك بلطف لتوضيح اتجاه وأهداف التعلم بناءً على حالتك الخاصة. بعد ذلك، ستستخدم البحث الفوري على الإنترنت وآلية تحقق صارمة من الموارد لتصفية أحدث وأكثر المواد التعليمية موثوقية من كم هائل من المعلومات، بما في ذلك الوثائق الرسمية والدروس عالية الجودة والمشاريع مفتوحة المصدر النشطة، لضمان أن المعرفة التي تحصل عليها حديثة وموثوقة. في النهاية، ستحصل على خطة تعلم شخصية واضحة وقابلة للتنفيذ. تقسم هذه الخطة أهداف التعلم إلى عدة مراحل محددة، تتضمن كل مرحلة أهداف تعلم واضحة، وموارد موصى بها ومختارة، وعلامات إنجاز قابلة للتحقق، ووقت تقديري. والأكثر إثارة للإعجاب، تحتوي الخطة على "مشغل إجراء صغير" يوجهك لبدء مهمة تعلم "صغيرة جدًا لدرجة استحالة الفشل"، بالإضافة إلى توصيات مخصصة لبناء العقلية النفسية لمساعدتك في التغلب على العقبات النفسية أثناء التعلم. يمكنك أيضًا اختيار تصدير خطة التعلم المخصصة هذه كصفحة ويب لعرضها ومشاركتها في أي وقت وفي أي مكان، مما يجعل رحلة تعلم AI مليئة بالثقة والتحفيز.
بحثتخطيط مسار تعلم AI والربح الشخصي
خريطة طريق مخصصة لتعلم AI وتحقيق الربح منه لمستخدمين بمستويات مختلفة، تغطي من المبتدئين تمامًا إلى المطورين المحترفين. تقدم خطط تعلم متدرجة (مبتدئ/متقدم/محترف)، مشاريع عملية، استراتيجيات ربح، وتوليد صفحة ويب مرئية قابلة للمشاركة. سواء كنت ترغب في تعلم استخدام أدوات AI، أو الانتقال إلى مجال AI، أو تحسين كفاءة عملك الحالي، أو تطوير منتجات AI لتحقيق دخل جانبي أو مهنة حرة، ستجد مسار التعلم المناسب.
اعثر على مهارتك المفضلة التالية
استكشف مزيدًا من مهارات الذكاء الاصطناعي المنتقاة للبحث والإبداع والعمل اليومي.