← Back to Blog
|5 min read

كيف تبدأ برمجة بالذكاء الاصطناعي مجاناً (VS Code)

beginnervscodeaifreeguide

ابدأوا برمجة بالـ AI ببلاش — VS Code + مجلد جديد + موقع بسيط. لا تنتظروا اشتراك مدفوع.

الفيديو: نزّلوا VS Code (مجاني) → فولدر مشروع → اطلبوا موقعاً بسيطاً → شوفوه يشتغل في المتصفح. هذا كافٍ للبداية. لاحقاً: Gemini CLI (مجاني أيضاً).

راجعوا Claude Code أول مرة وتطبيق Gemini ببلاش.

متى يكفي هالمسار؟

  • أول مرة تبنون شيء بالكود
  • بدكم نتيجة مرئية اليوم
  • ما عندكم ميزانية اشتراكات بعد

قبل ما تبدأوا

  • Visual Studio Code من Microsoft (مجاني)
  • متصفح
  • 30 دقيقة بدون توقع «تطبيق متجر»

الخطوة 1: ثبّتوا VS Code وافتحوا فولدر

لقطة من الفيديو: VS Code
لقطة من الفيديو: VS Code

File → Open Folder → مجلد جديد مثل my-first-site.

لقطة من الفيديو: مشروع جديد
لقطة من الفيديو: مشروع جديد

الخطوة 2: أول برومبت (موقع بسيط)

لقطة من الفيديو: البرومبت
لقطة من الفيديو: البرومبت

استخدموا Copilot مجاني / ChatGPT / Gemini — أي مساعد عندكم:

Create a simple single-page website in this folder: Arabic title, one section about me, clean CSS. Open instructions to preview in browser.

الخطوة 3: شغّلوا وعدّلوا

لقطة من الفيديو: الموقع يعمل
لقطة من الفيديو: الموقع يعمل

افتحوا index.html في المتصفح. اطلبوا تعديلاً صغيراً:

Change colors to dark theme and fix RTL for Arabic text.

الخطوة 4: الخطوة التالية (اختياري)

لقطة من الفيديو: Gemini CLI لاحقاً
لقطة من الفيديو: Gemini CLI لاحقاً

Gemini CLI مجاني وقوي — جرّبوه بعد ما تفهمون حلقة: فولدر → طلب → معاينة.

شاهد الفيديو

شاهد الفيديو على YouTube

احفظوا الدليل قبل أول فولدر.