الذكاء الاصطناعي هيعملك موقعك.. بدون برمجة!

يا مساء الفل يا شباب! بما إننا داخلين على 2026 والدنيا كلها بتتحول للديجيتال، يبقى لازم يكون عندك موقع خاص بيك. بس أنا عارف إن في مشكلتين كبار بيقابلونا في الحتة دي:

1. مشكلة البرمجة: إنك لازم تكون مبرمج أو تدفع لمبرمج عشان يعملك الموقع.
2. مشكلة الهوست (الاستضافة): هترفع الموقع ده على الإنترنت إزاي؟ وغالباً ده بيبقى بفلوس يا معلم.

أنا بقى جاي النهارده عشان أحل لك المشكلتين دول! مش هتبرمج ولا هتكتب كود، ومش هتدفع ولا مليم في الاستضافة. وفي خلال ساعة واحدة بس، بعد ما تخلص الدرس ده، هيكون معاك موقع كامل تقدر تعرض عليه كل أعمالك ومشاريعك، وتبعته لأصحابك وللشركات اللي عايز تقدم فيها شغل، وده أحسن مليون مرة من أي سي في تقليدي.

الحاجة الوحيدة اللي محتاجها منك هي وقتك، تستثمر ساعة واحدة بس في نفسك، وإن شاء الله هيكون عندك موقع عالمي. ومش محتاج أقولك أهمية إن يكون عندك موقع؛ أي شغلانة بتشتغلها، لازم يكون عندك مكان تعرض فيه شغلك، وده بيدي ثقة رهيبة للعميل إنه يتعامل معاك.

فلو جاهز، يلا بينا نشوف هنعمل الموقع ده إزاي!

الخطوة الأولى: معلوماتك جاهزة يا معلم!

أول حاجة هنعملها، هندخل على شات جي بي تي (ChatGPT). هنا بقى هنقوله كل حاجة عننا: اسمنا إيه، بندرس إيه، بنحب إيه، اتعلمنا إيه قبل كده، عملنا مشاريع إيه، وفي أي مجال شغالين فيه (مبرمج، جرافيك ديزاينر، مونتير، أي حاجة!). اكتب كل اللي نفسك فيه، ومتقلقش، اكتب بالعربي عادي جداً.

طيب افرض إنك مش عارف تبدأ تكتب إيه أو تجمع معلوماتك إزاي؟ بسيطة! ممكن تطلب من شات جي بي تي هو اللي يسألك أسئلة. يعني قول له كده بالحرف: “أنا عاوزك تسألني أسئلة أجاوبك عليها عشان أقدر أطلع كل المعلومات وأحطها عندي في بورتفوليو.”

لما تدوس إنتر، شات جي بي تي هيبدأ يسألك أسئلة زي: اسمك الكامل، اللقب الوظيفي، بلدك، إيميلك، نبذة تعريفية عنك، المهارات الخاصة بيك (Skills). ابدأ جاوب على كل الأسئلة دي، وبرضه اكتب بالعربي زي ما أنت عايز.

بعد ما تخلص كل المعلومات دي، هتفتح شات جديد في شات جي بي تي، وتقول له: “ترجم لي المعلومات اللي أنا اديتها لك دي باللغة الإنجليزية.” هتدي له كل المعلومات اللي كتبتها بالعربي، وهو هيترجمها لك. طبعاً، راجع الترجمة عشان تتأكد إن كل حاجة صحيحة. ولو عايز تحط لينكات السوشيال ميديا بتاعتك (فيسبوك، تويتر، لينكد إن)، ممكن تديها له وهو هيضيفها.

لما يخلص ترجمة، هتاخد كل الكلام ده كوبي (نسخ).

الخطوة الثانية: سحر البرومبت (التعليمات السحرية)

بعد ما ترجمنا كل معلوماتنا، هنفتح شات جديد تاني في شات جي بي تي. هنا بقى هتيجي أهم خطوة، وهي إنك هتدي له “برومبت” (Promt) أو تعليمات خاصة لعمل الموقع. البرومبت ده بيقول له إنه يعمل لك موقع ويب باستخدام الـ HTML والـ CSS والجافا سكريبت (مش محتاج تفهم يعني إيه دلوقتي، المهم إنه هيعمل موقع!).

البرومبت ده بيكون فيه خانات فاضية زي:

• Name: اسمك
• Title: لقبك الوظيفي (Senior, Junior, مجال عملك)
• Intro: نبذة تعريفية عنك
• About Me: عني
• Skills: مهاراتك
• Projects: مشاريعك
• Experience: خبراتك
• Services: الخدمات اللي بتقدمها
• Career: أهدافك المهنية

طبعاً أنت مش هتكتب كل ده بإيدك تاني. أنت هتاخد البرومبت ده، وهتقول لشات جي بي تي كلمة مهمة جداً (ممكن تكتبها بالعربي): “أنا عاوزك تطبق المعلومات اللي أنا اديتها لك دي على الأمر اللي تحت وتكتبه تاني.” وبعدين تلزق (Paste) المعلومات اللي ترجمتها قبل كده، وتدوس إنتر.

شات جي بي تي هيقوم يحول لك كل المعلومات بتاعتك دي ويحطها في البرومبت ده بشكل جاهز. هتاخد آخر برومبت ده كله كوبي (نسخ).

الخطوة الثالثة: الأداة الخارقة: انتي جرافيتي (Anti-Gravity IDE)

دلوقتي هنستخدم أداة اسمها Anti-Gravity IDE. دي أداة عاملة زي برامج المبرمجين، بس الفرق إنها بتشتغل بالذكاء الاصطناعي. هتدخل على جوجل وتكتب “Anti-Gravity IDE” وتدخل على الموقع بتاعهم. هتدوس على “Download for Windows” أو “for Mac” وتبدأ تحملها وتثبتها على جهازك. عملية التثبيت سهلة جداً زي أي برنامج عادي.

بعد ما تحملها وتظبطها، هنعمل إيه؟

1. اعمل فولدر جديد: روح على الديسك توب أو أي مكان، واعمل فولدر جديد وسميه مثلاً “Portfolio” (بلاش تسميه بالعربي).
2. افتح الفولدر في Anti-Gravity: افتح برنامج Anti-Gravity، هتلاقيه شكله بسيط. هتدوس على كلمة “Open Folder” (لو ملقيتهاش هتلاقيها في قائمة File). اختار الفولدر اللي لسه عامله بتاع “Portfolio” ودوس “Select Folder”.
3. ابدأ سحر الذكاء الاصطناعي: هتلاقي البرنامج فتح لك. دوس على “Yes, I trust” (أو أي رسالة تأكيد تظهرلك). هتختار من فوق “Gemini 3 Pro High” (لو الليميت بتاعه خلص، ممكن تختار “Claude Sonnet 4.5”).
4. ادي له البرومبت الأخير: هنا بقى هتلزق (Paste) آخر برومبت اللي طلعناه من شات جي بي تي بكل معلوماتك، وتدوس إنتر.

بص يا معلم! على طول Anti-Gravity هيبدأ يكريت لك الأكواد الخاصة بالموقع (HTML, CSS, JavaScript). هتلاقي على الشمال ظهرت ملفات الموقع زي index.html (ده فيه هيكل الموقع)، وفولدر css جواه style.css (ده بتاع الألوان والتنسيق)، وفولدر js جواه script.js (ده بتاع الحركات والتفاعلات).

الأداة دي مش بس بتعمل الأكواد، دي كمان بتختبر الموقع بنفسها! هتلاقيها بتفتح الموقع اللي عملته، وتشوفه شغال ولا لأ، وتدوس على الدارك مود عشان تتأكد إن كل حاجة تمام. أول ما الشاشة الزرقاء دي تختفي، يبقى الموقع بتاعك خلص وكل حاجة شغالة زي الفل.

الخطوة الرابعة: تعديل الموقع وتظبيطه

بعد ما الموقع يخلص، هتلاقي شكله ظهرلك في الأداة. ممكن تلاقي فيه أقسام زي About Me, Technical Skills, Featured Projects. أول حاجة ممكن تلاحظها هي إن الموقع مش “Responsive” (يعني شكله على الموبايل مش زي شكله على الكمبيوتر). عشان تتأكد، دوس كليك يمين في أي مكان في الموقع، واختار “Inspect” (فحص)، وبعدين اختار أيقونة الموبايل من فوق، واختار مثلاً “iPhone 14”. لو لقيت الكلام مش متظبط أو طالع بره، يبقى محتاج يتظبط.

هترجع لـ Anti-Gravity، وتدوس على “Accept All” لو فيه أي تغييرات معلقة، وبعدين تكتب له في الشات بتاعه: “The website is not responsive” أو ممكن تقول له بالعربي: “الشكل اللي موجود على الموبايل مش زي الشكل اللي موجود على شاشة الكمبيوتر.” ودوس “Send”. هو هيبدأ يشوف المشكلة ويصلحها لك تاني، وهتلاقيه بيصغر الشاشة عشان يتأكد إن الموقع بقى ريسبونسيف.

تغيير المحتوى بنفسك:

لو عايز تغير اسمك أو أي نص مكتوب في الموقع، مش لازم تقول للذكاء الاصطناعي يعملها. الموضوع أسهل من كده بكتير:

1. في Anti-Gravity، هتلاقي ملف اسمه index.html. دوس عليه.
2. هتلاقي فيه كل المحتوى المكتوب. لو عايز تغير اسم “محمد أحمد عبد الله” مثلاً لـ “أحمد عادل”، هتاخد “محمد أحمد عبد الله” كوبي.
3. دوس Ctrl + F (أو Cmd + F لو ماك) للبحث. الصق الاسم اللي خدته كوبي.
4. هتلاقيه معلم لك عليه. امسحه واكتب “أحمد عادل”.
5. دوس Ctrl + S عشان تحفظ التغييرات.
6. ارجع للموقع واعمل “Refresh” (تحديث للصفحة)، هتلاقي الاسم اتغير.

نفس الكلام ينطبق على أي نص تاني زي “Flutter Developer” أو أي حاجة عايز تغيرها. لكن لو التغيير في الألوان أو شكل التصميم، سيب الأداة هي اللي تعمله.

إضافة صورتك:

عايز تحط صورتك في الموقع؟ بسيطة!

1. في شات Anti-Gravity، دوس على علامة الـ +، واختار “Images”.
2. هيفتح لك فولدر الصور، اختار صورتك ودوس عليها مرتين.
3. بعد ما الصورة تظهر، اكتب له: “Put this image in the website” أو “حط الصورة دي في الموقع.”
4. دوس “Send”، وهو هيحط لك الصورة في المكان المناسب، وممكن كمان يعملها بشكل متحرك (Animated) زي ما حصل معانا!

الخطوة الخامسة: موقعك على الإنترنت ببلاش!

دلوقتي الموقع بتاعنا جاهز، ومحتاجين نرفعه على الإنترنت عشان أي حد يقدر يدخل عليه. هنستخدم خدمة مجانية اسمها Netlify.

1. ادخل على جوجل واكتب “Netlify” (هتلاقي كل اللينكات تحت).
2. دوس على أول لينك، وبعدين “Sign Up” لو معندكش حساب، أو “Sign In” لو عندك. سجل دخولك.
3. بعد ما تعمل تسجيل دخول، هتلاقي صفحة بسيطة جداً. فاكر الفولدر اللي عملناه على الديسك توب وسميناه “Portfolio”؟ كل اللي عليك إنك هتمسك الفولدر ده كله كده، وترميه في الصفحة دي في Netlify.

بس كده! مبروك عليك! Netlify هيرفع الموقع بتاعك ويديك لينك. لو دوست على اللينك ده، هيفتح لك الموقع بتاعك على الإنترنت. تقدر تبعت اللينك ده لأي حد في العالم.

تغيير اسم الدومين (عنوان الموقع):

المشكلة الوحيدة إن اسم الموقع اللي Netlify بيديهولك بيبقى غريب شوية. إحنا عايزين نخليه باسمك، زي “ahmedadel.netlify.app” مثلاً. هنعمل إيه؟

1. ارجع لصفحة Netlify اللي أنت فيها.
2. دوس على “Go to Domain Management”.
3. هتلاقي كلمة “Options”، دوس عليها واختار “Edit Project Name”.
4. امسح الاسم الغريب اللي موجود، واكتب اسمك أو اسم مناسب ليك، زي “ahmedadel-portfolio” أو “ahmedadel-pro”.
5. دوس “Save”. لو قالك الاسم ده متاخد، جرب اسم تاني لحد ما تلاقي اسم متاح.

دلوقتي الموقع بتاعك بقى ليه دومين (عنوان) باسمك، وتقدر تبعت اللينك ده لأي حد في أي مكان!

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

لو في أي حاجة وقفت معاك، متتكسفش تسأل شات جي بي تي أو Anti-Gravity. هما هيساعدوك بشكل كبير جداً، وهتلاقي الموضوع أبسط مما تتخيل.

يا رب تكون استفدت من الدرس ده، ويكون معاك موقعك الخاص دلوقتي!

لو عايز تاخد خطوة حقيقية، مكانك معانا! انضم لإيكو سيستم ذكاء صباعي: www.zka2soba3y.com ونادي الجينيس: www.gbc4.com. واتساب: 01157611470