SKIP TO CONTENT

دروس تفاعلية

تعلّم vibe coding من خلال دروس عملية خطوة بخطوة بإرشاد مساعدنا الودود. أتقن البرمجة باللغة الطبيعية بالوتيرة التي تناسبك.

Vibe Coding Guide
"مرحبًا! أنا مرشدك في تعلّم vibe coding. تابعني عبر هذه الدروس التفاعلية!"

تصفّح جميع الدروس

اعثر على الدرس المثالي لمستواك واهتماماتك

Introduction to Vibe Coding
مبتدئ
5 فصول
45 mins

مقدمة في Vibe Coding

تعلّم أساسيات vibe coding وكيفية استخدام اللغة الطبيعية لإنشاء أول تطبيق لك.

التقدم80%
Building Web Applications
متوسط
8 فصول
2 hours

بناء تطبيقات الويب

أنشئ تطبيقات ويب متجاوبة باستخدام vibe coding مع أطر العمل الحديثة وأفضل الممارسات.

التقدم30%
Data Management & APIs
متوسط
6 فصول
1.5 hours

إدارة البيانات وواجهات API

تعلّم كيفية التعامل مع البيانات بفعالية ودمج واجهات API الخارجية في مشاريع vibe coding الخاصة بك.

لم يبدأ بعد
Advanced Prompt Engineering
متقدم
10 فصول
3 hours

هندسة الأوامر المتقدمة

أتقن فن صياغة الأوامر الفعّالة لتوليد الكود الذي تحتاجه بالضبط للمشاريع المعقّدة.

لم يبدأ بعد
Mobile App Development
متوسط
9 فصول
2.5 hours

تطوير تطبيقات الجوّال

أنشئ تطبيقات جوّال أصلية لنظامي iOS وAndroid باستخدام تقنيات vibe coding.

لم يبدأ بعد
Debugging & Optimization
متوسط
4 فصول
1 hour

تصحيح الأخطاء والتحسين

تعلّم استراتيجيات فعّالة لتصحيح الكود المُولَّد عبر vibe coding وتحسينه.

لم يبدأ بعد
Introduction to HTML
مبتدئ
6 فصول
1 hour

مقدمة في HTML

تعلّم أساسيات HTML لإنشاء أول صفحة ويب لك بإرشاد واضح خطوة بخطوة.

لم يبدأ بعد
Formatting with CSS
مبتدئ
5 فصول
1 hour

التنسيق باستخدام CSS

أضف أسلوبًا ولونًا إلى صفحات الويب الخاصة بك بتقنيات CSS سهلة الفهم.

لم يبدأ بعد
Responsive Design
متوسط
5 فصول
1.5 hours

التصميم المتجاوب

اجعل موقعك يبدو رائعًا على جميع الأجهزة من حواسيب سطح المكتب إلى الهواتف الذكية.

لم يبدأ بعد
JavaScript Fundamentals for Professionals
متوسط
5 فصول
2 hours

أساسيات JavaScript للمحترفين

أتقن مفاهيم JavaScript الأساسية مع تطبيقات أعمال عملية.

لم يبدأ بعد
DOM Manipulation
متوسط
6 فصول
2 hours

التعامل مع DOM

تعلّم كيفية تحديث صفحات الويب ديناميكيًا لإنشاء تطبيقات أعمال تفاعلية.

لم يبدأ بعد
Data Visualization
متوسط
7 فصول
2.5 hours

تمثيل البيانات بصريًا

أنشئ مخططات ورسومًا بيانية احترافية لعرض بيانات الأعمال بفعالية.

لم يبدأ بعد
Game Coding Basics
مبتدئ
5 فصول
1.5 hours

أساسيات برمجة الألعاب

أنشئ أول لعبة تفاعلية لك باستخدام JavaScript بطريقة ممتعة وجذّابة.

لم يبدأ بعد
Animation Basics
مبتدئ
6 فصول
1.5 hours

أساسيات الرسوم المتحركة

تعلّم كيفية إنشاء رسوم متحركة رائعة لألعابك ومواقعك.

لم يبدأ بعد
Game Mechanics
متوسط
7 فصول
2 hours

آليات الألعاب

صمّم آليات ألعاب جذّابة مثل النقاط والمستويات والقدرات الخارقة.

لم يبدأ بعد
What is Vibe Coding?
مبتدئ
4 فصول
30 mins

ما هو Vibe Coding؟

اكتشف كيف تنشئ برمجيات بوصف ما تريده بلغة إنجليزية بسيطة. لا حاجة لأي خبرة برمجية.

لم يبدأ بعد
Your First Web Page
مبتدئ
5 فصول
45 mins

صفحة الويب الأولى لك

ابنِ صفحة ملف شخصي باستخدام HTML وCSS المُولَّدين بالذكاء الاصطناعي. تعلّم قراءة مخرجات الكود وتعديلها.

لم يبدأ بعد
Making Things Interactive
مبتدئ
5 فصول
45 mins

اجعل الأشياء تفاعلية

أضف أزرارًا وعدّادات وسلوكًا ديناميكيًا إلى صفحاتك باستخدام أوامر JavaScript.

لم يبدأ بعد
Building a Real App
مبتدئ
5 فصول
60 mins

بناء تطبيق حقيقي

تخرّج من الصفحات إلى التطبيقات. ابنِ لوحة معلومات للطقس وكتاب وصفات باستخدام أوامر منظّمة للذكاء الاصطناعي.

لم يبدأ بعد
Your Vibe Coding Toolkit
مبتدئ
5 فصول
40 mins

مجموعة أدوات Vibe Coding الخاصة بك

أتقن الأدوات والتقنيات وأنماط الأوامر التي يستخدمها محترفو vibe coding كل يوم.

لم يبدأ بعد
The Art of Negotiation with AI Agents
مبتدئ
4 فصول
15 mins

فن التفاوض مع وكلاء الذكاء الاصطناعي

توقّف عن التوسّل للذكاء الاصطناعي للحصول على النتائج. تعلّم 4 تكتيكات تفاوض استراتيجية — تحديد الدور، والقيود، والسياق، والتكرار — تجعل الذكاء الاصطناعي ينفّذ ما تحتاجه بالضبط.

لم يبدأ بعد
Quick Tip: Upgrading to Claude Sonnet 4.6 for Faster Agentic Tasks
مبتدئ
1 فصول
10 mins

نصيحة سريعة: الترقية إلى Claude Sonnet 4.6 لمهام وكيلية أسرع

يأتي Claude Sonnet 4.6 ببحث وكيلي أذكى — رموز أقل، وزمن استجابة أقل، وبالجودة نفسها. تعلّم كيفية ترقية مشاريعك الحالية في أقل من 10 دقائق.

لم يبدأ بعد
From Pixel to Product
مبتدئ
4 فصول
30 mins

من البكسل إلى المنتج

اردم الفجوة بين Figma والكود. تعلّم كيف تُترجم أنظمة التصميم إلى مكوّنات CSS.

لم يبدأ بعد
CSS Without the C
مبتدئ
3 فصول
35 mins

CSS بلا تعقيد

اكتب أنماطًا نظيفة وقابلة للصيانة دون تعلّم لغة برمجة. ابنِ تخطيطات حقيقية، لا مجرد هوامش.

لم يبدأ بعد
Responsive Reality
متوسط
4 فصول
30 mins

واقع التجاوب

أتقن استعلامات الوسائط والتصميم المرن. ابنِ مرة واحدة، واعمل في كل مكان.

لم يبدأ بعد
Animation & Interaction
متوسط
4 فصول
30 mins

الرسوم المتحركة والتفاعل

أضف الحياة إلى تصاميمك مع الرسوم المتحركة والانتقالات والتفاعلات الدقيقة في CSS.

لم يبدأ بعد
Ship Your Portfolio
متوسط
4 فصول
25 mins

أطلق معرض أعمالك

أطلق أول مشروع حي لك. تعلّم الاستضافة وأساسيات SEO وكيفية الحديث عن عملك.

لم يبدأ بعد
The $0 MVP
مبتدئ
4 فصول
30 mins

نموذج MVP بـ 0 دولار

ابنِ أول تطبيق لك بأدوات مجانية. صمّم وبرمج واستضف دون إنفاق فلس واحد.

لم يبدأ بعد
From Idea to App
مبتدئ
3 فصول
30 mins

من الفكرة إلى التطبيق

حوّل تعريف مشكلتك إلى برنامج يعمل فعليًا. النموذج الذهني الذي يفصل المنفّذين عن المفرطين في التفكير.

لم يبدأ بعد
Add Payments in 10 Minutes
متوسط
4 فصول
35 mins

أضف المدفوعات خلال 10 دقائق

اقبل بطاقات الائتمان دون بناء نظام دفع. احصل على أول دولار خلال ساعات.

لم يبدأ بعد
Users, Data, Dashboards
متوسط
4 فصول
35 mins

المستخدمون والبيانات ولوحات المعلومات

اعرف من يستخدم تطبيقك ولماذا. تتبّع القمع والاحتفاظ والإيرادات.

لم يبدأ بعد
Launch Day Playbook
متوسط
4 فصول
30 mins

دليل يوم الإطلاق

من التلميع قبل الإطلاق إلى الزخم بعد الإطلاق. كيف يدير أفضل المؤسسين عطلات الإطلاق.

لم يبدأ بعد
PRD to Prototype
مبتدئ
4 فصول
35 mins

من PRD إلى نموذج أولي

حوّل مستند PRD إلى نموذج أولي قابل للنقر بمساعدة الذكاء الاصطناعي. أطلق الدليل، لا المواصفات.

لم يبدأ بعد
Internal Tools Fast
متوسط
3 فصول
30 mins

أدوات داخلية سريعة

ابنِ لوحات معلومات إدارية وأدوات داخلية من المواصفات دون انتظار فريق الهندسة.

لم يبدأ بعد
Data Viz for PMs
متوسط
4 فصول
35 mins

تمثيل البيانات بصريًا لمديري المنتجات

أنشئ لوحات معلومات حية من بيانات CSV وAPI. اعرض الرؤى، لا جداول البيانات.

لم يبدأ بعد
Automate Your Workflow
متوسط
3 فصول
30 mins

أتمتة سير عملك

ابنِ روبوتات Slack وأتمتة البريد الإلكتروني ومهام cron. حرّر وقتك للتركيز على الاستراتيجية.

لم يبدأ بعد
Ship to Stakeholders
متوسط
3 فصول
25 mins

أطلق لأصحاب المصلحة

انشر وشارك وكرّر مع ملاحظات حقيقية. استبدل العروض المكوّنة من 20 شريحة بنماذج عاملة.

لم يبدأ بعد
Landing Pages in Minutes
مبتدئ
4 فصول
30 mins

صفحات هبوط خلال دقائق

ابنِ وأطلق صفحات هبوط محسّنة للتحويل دون فتح تذكرة عمل.

لم يبدأ بعد
Email Automation Builder
مبتدئ
3 فصول
25 mins

منشئ أتمتة البريد الإلكتروني

أنشئ تسلسلات بريد إلكتروني تنقيطية بقوالب جاهزة. أتمتة رعاية العملاء دون كود.

لم يبدأ بعد
SEO Content Engine
متوسط
4 فصول
35 mins

محرّك محتوى SEO

ابنِ مدوّنة بوسوم وصفية وخرائط موقع مُولَّدة تلقائيًا. تصدّر النتائج دون فريق SEO.

لم يبدأ بعد
Analytics Dashboard
متوسط
3 فصول
30 mins

لوحة معلومات التحليلات

ابنِ لوحة معلومات مخصّصة لمقاييس التسويق. امتلك تصوّر بياناتك بصريًا.

لم يبدأ بعد
The Full Funnel
متوسط
4 فصول
35 mins

القمع التسويقي الكامل

اربط صفحة الهبوط بالبريد الإلكتروني بالتحليلات من البداية إلى النهاية. أتمتة تسويق متكاملة.

لم يبدأ بعد
CSV to Web App
مبتدئ
4 فصول
35 mins

من CSV إلى تطبيق ويب

ارفع ملف CSV وأنشئ مستكشف بيانات تفاعلي. تجاوز SQL.

لم يبدأ بعد
API-Powered Dashboards
متوسط
3 فصول
30 mins

لوحات معلومات مدعومة بـ API

اتّصل بواجهات API حقيقية وابنِ مخططات حية. بيانات لحظية ورؤى لحظية.

لم يبدأ بعد
Interactive Visualizations
متوسط
4 فصول
35 mins

تصورات تفاعلية

ابنِ تصورات D3/Recharts بمساعدة الذكاء الاصطناعي. اجعل البيانات تروي قصة.

لم يبدأ بعد
Shareable Reports
متوسط
3 فصول
25 mins

تقارير قابلة للمشاركة

أنشئ تقارير PDF وHTML من البيانات. أتمتة تقاريرك الأسبوعية.

لم يبدأ بعد
Deploy Your Data App
متوسط
3 فصول
25 mins

انشر تطبيق بياناتك

أطلق لوحة معلومات بيانات متاحة للجمهور. من localhost إلى العالم.

لم يبدأ بعد
Your First Interactive Lesson
مبتدئ
4 فصول
30 mins

درسك التفاعلي الأول

أنشئ تطبيق اختبار بتصحيح فوري. ابنِ ما سيحبّه طلابك فعليًا.

لم يبدأ بعد
Gamify Your Content
مبتدئ
3 فصول
25 mins

حوّل محتواك إلى لعبة

ابنِ ألعابًا تعليمية بسيطة. اجعل التعلّم مشوّقًا، لا مملًا.

لم يبدأ بعد
Student Progress Tracker
متوسط
4 فصول
35 mins

متتبّع تقدّم الطلاب

ابنِ لوحة معلومات للصف مع تتبّع التقدم. اعرف أين يقف كل طالب.

لم يبدأ بعد
Content That Adapts
متوسط
3 فصول
30 mins

محتوى يتكيّف

أنشئ محتوى تكيّفيًا يتأقلم مع مستوى الطالب. تعلّم مخصّص على نطاق واسع.

لم يبدأ بعد
Share With Your School
متوسط
3 فصول
25 mins

شارك مع مدرستك

انشر ووزّع على الطلاب. من حاسوبك إلى متصفحاتهم.

لم يبدأ بعد

مسارات التعلّم

اتبع مسارات تعليمية منظَّمة لإتقان vibe coding من مستوى المبتدئ حتى الاحتراف

مسار المبتدئين

ابدأ رحلتك في vibe coding بالأساسيات والمفاهيم الأولية

  • 1
    مقدمة في Vibe Coding
  • 2
    بناء تطبيقات بسيطة
  • 3
    فهم أساسيات الأوامر
  • 4
    مشروعك الكامل الأول

المسار المتوسط

عمّق مهاراتك وتعامل مع مشاريع أكثر تعقيدًا بثقة

  • 1
    تطبيقات ويب متقدمة
  • 2
    إدارة البيانات وواجهات API
  • 3
    أساسيات تطوير الجوّال
  • 4
    تصحيح الأخطاء والتحسين

المسار المتقدم

أتقن التقنيات المتطوّرة وابنِ تطبيقات بمستوى المؤسسات

  • 1
    هندسة الأوامر المتقدمة
  • 2
    هندسة المؤسسات
  • 3
    دمج نماذج الذكاء الاصطناعي
  • 4
    الأداء والتوسّع

مسارات تعلّم مخصّصة لكل فئة

اختر المسار التعليمي الأنسب لخلفيتك وأهدافك. كل مسار مصمَّم ليمنحك التجربة الأكثر صلة باحتياجاتك.

كبار السن (55+)

تعلّم بالوتيرة التي تناسبك مع إرشاد واضح خطوة بخطوة وأمثلة عملية.

  • 1
    مقدمة في HTML
  • 2
    التنسيق باستخدام CSS
  • 3
    التصميم المتجاوب
  • 4
    صفحات ويب تفاعلية

الباحثون عن تغيير المهنة

طوّر مهاراتك بسرعة من خلال تطبيقات احترافية وأمثلة وثيقة الصلة بسوق العمل.

  • 1
    أساسيات JavaScript
  • 2
    التعامل مع DOM
  • 3
    تمثيل البيانات بصريًا
  • 4
    تطبيقات الأعمال

الشباب (13-25)

تعلّم من خلال دروس ممتعة وتفاعلية قائمة على الألعاب مع ملاحظات فورية.

  • 1
    أساسيات برمجة الألعاب
  • 2
    أساسيات الرسوم المتحركة
  • 3
    آليات الألعاب
  • 4
    ألعاب متعددة المستويات

المصممون

حوّل تصاميمك إلى مواقع وتطبيقات حقيقية تعمل فعليًا — دون أي خبرة برمجية.

  • 1
    أنشئ صفحة هبوط عبر المحادثة
  • 2
    من Figma إلى الكود
  • 3
    تخطيطات متجاوبة
  • 4
    انشر معرض أعمالك

رواد الأعمال

ابنِ وأطلق نموذجك الأولي MVP خلال عطلة نهاية الأسبوع — من الفكرة إلى أول عميل يدفع.

  • 1
    ابنِ صفحة قائمة انتظار
  • 2
    تسجيل دخول المستخدمين ولوحات المعلومات
  • 3
    دمج المدفوعات
  • 4
    أطلق وكرّر

مديرو المنتجات

صمّم النماذج الأولية للميزات بنفسك وتحدّث بلغة مهندسيك بطلاقة.

  • 1
    من PRD إلى نموذج أولي
  • 2
    أدوات داخلية
  • 3
    لوحات معلومات اختبار A/B
  • 4
    عروض لأصحاب المصلحة

المسوّقون

ابنِ الأدوات التي لطالما تمنيت أن يبنيها فريق التطوير — صفحات هبوط، لوحات معلومات، وأتمتة.

  • 1
    صفحات هبوط سريعة
  • 2
    قوالب البريد الإلكتروني
  • 3
    منشئ مدوّنة محسّنة لـ SEO
  • 4
    لوحات معلومات التسويق

محللو البيانات

تجاوز SQL — ابنِ لوحات معلومات تفاعلية يستخدمها أصحاب المصلحة فعليًا.

  • 1
    من CSV إلى تطبيق ويب
  • 2
    مخططات API الحية
  • 3
    تصورات D3
  • 4
    انشر لوحة معلومات

المعلمون

ابنِ دروسًا تفاعلية وأدوات تعليمية سيحبها طلابك.

  • 1
    دروس تفاعلية
  • 2
    تطبيقات الاختبارات
  • 3
    تتبّع التقدم
  • 4
    محتوى تكيّفي

دروس الرسوم المتحركة

تعلّم من خلال حلقات كرتونية متحركة وجذّابة يقدّمها مرشدنا الودود. مثالية للمتعلمين البصريين وطريقة ممتعة لفهم المفاهيم المعقّدة.

Cartoon Tutorials Preview
Vibe Coding Guide

هل أنت مستعد للتعلّم؟

انطلق في رحلة vibe coding اليوم. ستوجّهك دروسنا التفاعلية في كل خطوة، من المفاهيم الأساسية إلى التقنيات المتقدمة.