Vibe Coding · درس

إعداد أداتك الأولى

ثبّت مساعدك واضبط إعداداته

الدرس 4 من 413 خطوة

إعداد أداتك الأولى درس مجاني في Vibe Coding على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Vibe Coding، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Vibe Coding 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

Let's Get You Started

You know the families and how to match them. Now let's actually set one up. We'll keep it simple with a browser tool — by the end you'll have sent your first prompt.

Choosing Your First Tool

The easiest start is a chat assistant in your web browser: no setup, just a chat box. Look for a free tier, pick one, and stick with it for now.

Create Your Account

Most tools ask you to sign up with an email so they can save your chats. Use a real email you can access in case you need to confirm it.

Find the Chat Box

Once signed in, look for the text box, usually at the bottom of the screen. That's where you type your requests — everything starts there. Spot it before moving on.

Your First Prompt

Let's send a friendly first message to check everything works. Type the prompt below, press Enter, and read the reply. You just talked to your AI assistant! 🎉

Hi! I'm brand new to building software with AI. In two sentences, tell me one fun thing we could build together.

Ask It to Build Something Small

Now try a tiny real task: ask for a small piece of code you can copy. Notice it returns code and an explanation. Small wins build confidence.

Write a tiny web page that shows the words "Hello, world!" in big blue letters. Give me one HTML file and explain it briefly.

Refine With Follow-Ups

The real power is the follow-up. You don't need it perfect the first time — just ask for changes. The tool remembers the chat, so you keep improving the same result.

Nice! Now make the text green instead of blue, and add a button below it that says "Click me".

Saving What You Make

When you like the code, save it: copy it into a file on your computer, or just keep the chat open so your history stays. Copying is a perfectly fine start.

Trying It in a Browser

To see an HTML file work, save it with a .html name and double-click to open it in your browser. Not ready for files? Many tools let you preview right in the chat.

How do I open the HTML file you gave me so I can see it in my web browser? Explain step by step for a beginner.

Good Habits From Day One

Start with these habits: be specific, read the reply (don't copy blindly), ask follow-ups instead of restarting, and save your wins. They make every tool work better.

Where to Go Next

You've got a working tool and a first creation! From here, keep practicing, try an agent for bigger apps, and explore an IDE assistant for real projects.

Quick Check

One last check to wrap up the course.

Recap

You did it! You chose a browser chat assistant, found the chat box, sent a first prompt, built a tiny page, and learned to refine with follow-ups. Now choose the right tool with confidence.

البدء مجانًا

تعلم JavaScript مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
25
الدروس
100

الأسئلة الشائعة

هل درس «إعداد أداتك الأولى» مجاني؟

نعم — نص درس «إعداد أداتك الأولى» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Vibe Coding، انتقل إلى CoddyKit PRO. تتضمن دورة Vibe Coding 4 دروس في المجموع.

ماذا ستتعلم في «إعداد أداتك الأولى»؟

ثبّت مساعدك واضبط إعداداته تتمرن على Vibe Coding مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Vibe Coding؟

لا تُشترط خبرة سابقة. Vibe Coding على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.

كم من الوقت يستغرق درس «إعداد أداتك الأولى»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Vibe Coding هذا؟

نعم. كل درس في Vibe Coding يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. مشهد البرمجة بالذكاء الاصطناعي
  2. المحادثة مقابل الوكيل مقابل مساعد IDE
  3. مطابقة الأدوات مع المهام
  4. إعداد أداتك الأولى
← العودة إلى Vibe Coding