امتداد VS Code لتعليم البرمجة بالعربية مع شرح تفاعلي وكتابة تلقائية.
✨ المميزات
📝 كتابة تلقائية للكود حرفاً حرفاً
🧠 شرح تفاعلي باللغة العربية
🎯 تسليط الضوء على السطور أثناء الشرح
⚡ سرعة قابلة للتعديل (10-500ms)
⏸️ إيقاف تلقائي عند الشرح
🌐 دعم 3 لغات: Python, JavaScript, TypeScript
🚀 كيفية الاستخدام
الطريقة 1: من Command Palette
افتح VS Code
اضغط Ctrl+Shift+P
اكتب: "🚀 ابدأ الشرح التفاعلي"
اختر ملف Python
شاهد الشرح والكتابة التلقائية!
الطريقة 2: من قائمة السياق
افتح ملف Python
انقر بزر الماوس الأيمن على الملف
اختر: "⚡ بدء سريع من الملف الحالي"
الطريقة 3: من شريط الحالة
انقر على زر "ابدأ الشرح" في أسفل اليمين
⚙️ الإعدادات
اضبط الإعدادات من:
Ctrl+Shift+P → "⚙️ إعدادات Live Coding"
أو من الإعدادات العامة:
Ctrl+, → ابحث عن "Live Coding"
الإعدادات المتاحة:
سرعة الكتابة: 10-500ms لكل حرف
الإيقاف التلقائي: تفعيل/تعطيل الإيقاف عند الشرح
اللغة الافتراضية: Python, JavaScript, TypeScript
📝 تنسيق الملفات المدعوم
استخدم تعليقات خاصة في ملفاتك:
# explain: هذا شرح للمفهوم
print("مرحباً بالعالم")
# explain: يمكنك إضافة أسئلة أيضاً
x = 5 + 3
# Live Coding Pro 🚀
**Live Coding Pro** is a powerful VS Code extension designed for teaching programming through **interactive explanations** and **real-time auto-typing**, with full support for **Arabic and English**.
This tool is ideal for:
- 👨🏫 Programming instructors
- 🎥 Programming YouTubers
- 🧑🎓 Online learning platforms
- 🏫 Coding bootcamps and academies
It helps transform code into a **step-by-step learning experience**, perfect for tutorials, courses, and recorded lessons.
---
## ✨ Features
- 📝 **Auto-typing** code character by character
- 🧠 **Interactive explanations** (Arabic & English)
- 🎯 **Highlighting current lines** during explanation
- ⚡ **Adjustable typing speed** (10–500ms per character)
- ⏸️ **Auto-pause** when explanations appear
- 🌐 **Support for 3 languages**:
- Python
- JavaScript
- TypeScript
- 🌍 **Bilingual interface**: Arabic 🇸🇦 & English 🇬🇧
- 🎥 **Perfect for recording tutorials and YouTube content**
- 🧩 **Great for online programming platforms**
---
## 🚀 How to Use
### Method 1: From Command Palette
1. Open VS Code
2. Press `Ctrl + Shift + P`
3. Type: **"🚀 Start Interactive Explanation"**
4. Choose a Python / JavaScript / TypeScript file
5. Watch the explanation and auto-typing!
---
### Method 2: From Context Menu
1. Open a supported file
2. Right-click inside the editor
3. Select: **"⚡ Quick Start from Current File"**
---
### Method 3: From Status Bar
- Click on **"Start Explanation"** at the bottom-right corner of VS Code
---
## ⚙️ Settings
You can customize Live Coding Pro from:
- `Ctrl + Shift + P` → **"⚙️ Live Coding Settings"**
- Or: `Ctrl + ,` → Search for **"Live Coding"**
### Available Settings:
- **Typing Speed**: 10–500ms per character
- **Auto Pause**: Enable / Disable pause on explanations
- **Default Language**: Python, JavaScript, TypeScript
- **Interface Language**: Arabic / English
- **Enable Sound Effects**: Keyboard typing sounds (optional)
---
## 📝 Supported File Format
Use special comments inside your code to control explanations.
### Arabic Format:
```python
# explain: هذا شرح للمفهوم
print("مرحباً بالعالم")
# explain: يمكنك إضافة أسئلة أيضاً
x = 5 + 3
