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

Published: 09 November 2023
on channel: Abdelrahman Gamal
105,877
3.1k

في هذا الفيديو، سنتعلم كيفية إنشاء برنامج توليد صور بالذكاء الاصطناعي باستخدام 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 الانتهاء من المشروع و تجربته


Watch video انشاء برنامج توليد صور بالذكاء الاصطناعي بال html - css - javascript online without registration, duration hours minute second in high quality. This video was added by user Abdelrahman Gamal 09 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 105,877 once and liked it 3.1 thousand people.