انشاء برنامج توليد صور بالذكاء الاصطناعي بال html - css - javascript

في هذا الفيديو، سنتعلم كيفية إنشاء برنامج توليد صور بالذكاء الاصطناعي باستخدام HTML و CSS و JavaScript.

جميع الروابط هنا :
openai:
https://openai.com/
___________________
openai introduction :
https://platform.openai.com/docs/intr...
___________________
openai api keys :
https://platform.openai.com/api-keys
___________________
openai reference images :
https://platform.openai.com/docs/api-...
___________________



للتواصل معي على حسابي على instagram :
  / abdelrahman_noufal  
___________________
أكاديمية نوفيل لتعليم البرمجة :
https://nouvil.net/
___________________
جروب الفيسبوك الخاص بنا :
  / 1810581845642171  
___________________
حسابي على الفيسبوك للاهمية فقط :
  / abdelrahman.g.nofal  
___________________


خطوات عمل ai images generator using html and css and js :
البرنامج مكون من واجهة مستخدم بسيطة تم عملها بال html and css
و تم الاستعانة ب openai او chatgpt في توليد الصور باستخدام api key من شات جي بي تي مخصص لانشاء صور بالذكاء الاصطناعي
و من خلال الجافاسكريبت قمنا بعمل برنامج يقوم بعمل request ل openai لكي يتم استخدام ai المخصص بهم في توليد الصور
______________
توقيت الفيديو
00:00 ai images generator using js
01:28 انشاء ملفات المشروع
02:59 html code
04:45 css style
12:28 images style
16:08 openai api create images
17:15 get api key
18:00 get images using javascript
19:57 request to the OpenAI API
24:23 Parse the response as JSON
26:09 build html elements
28:50 اصلاح مشكلة تكرار الصور
29:22 الانتهاء من المشروع و تجربته