Zen Eddin Allaham
-
المساهمات
925 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
37
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو Zen Eddin Allaham
-
في يوتيوب لا يوجد فيديو لتعلم Tailwind الأصدار 4 لقد بحثت كثيراً ولم اجده -
هل ايضاً Bootstrap 5 يجب علي تعلمه وايضاً Canvas في HTML
-
هل نسخة الثالثة صالحة لتعلم او يعني اتعلم النسخة الثالثة بدلاً من النسخة الرابعة
-
ماهي احدث نسخة حالياً من هذه المكتبة
-
انا تعلمت HTML CSS لكنbootstrap 5 لم اتعلمها وايضاً مكتبة Tailwindcss وايضاً canvas في HTML هل هذا الامر كافي ام يجب علي تعلمهم
-
AI (2).zip
-
لقد انتظرت وقتاً طويلاً ولم تنحل المشكلة
-
const api = "" const inp = document.getElementById('input') const images = document.querySelector('.images') const getImage = async () => { // make a request to openoia api const methods ={ method: "POST", headers:{ "Content-Type":"application/json", "Authorization":`Bearer ${api}` }, body:JSON.stringify( { "prompt":inp.value, "n":3, "size":"1024x1024" } ) } const res = await fetch("https://api.openai.com/v1/images/generations" , methods) // parse the response as json const data = await res.json() const listImages = data.data; images.innerHTML = ''; listImages.map(photo => { const container = document.createElement('div') images.append(container) const img = document.createElement('img') container.append(img) img.photo.url }) } لقد عدلت كما وضحت لي لكن عند ضغط على زر بعد ملئ الحقل تختفي div ولا يظهر شيء
-
لقد استخدمت openai ولم يعمل الكود const api = ""; const inp = document.getElementById('input') const images = document.querySelector('.images') const getImage = async () => { // make a request to openoia api const methods ={ method: "POST", headers:{ "Content-Type":"application/json", "Authorization":`Bearer ${api}` }, body:JSON.stringify( { "prompt":inp.value, "n":3, "size":"256x256" } ) } const res = await fetch("https://api.openai.com/v1/images/generations" , methods) // parse the response as json const data = await res.json() const listImages = data.data; images.innerHTML = ''; listImages.map(photo => { const container = document.createElement('div') images.append(container) const img = document.createElement('img') container.append(img) img.photo.url }) } هاد هو كود جافا سكريبت AI.zip
- 13 اجابة
-
- 1
-
-
لقد استخدمت openai ولم يعمل الكود const api = "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"; const inp = document.getElementById('input') const images = document.querySelector('.images') const getImage = async () => { // make a request to openoia api const methods ={ method: "POST", headers:{ "Content-Type":"application/json", "Authorization":`Bearer ${api}` }, body:JSON.stringify( { "prompt":inp.value, "n":3, "size":"256x256" } ) } const res = await fetch("https://api.openai.com/v1/images/generations" , methods) // parse the response as json const data = await res.json() const listImages = data.data; images.innerHTML = ''; listImages.map(photo => { const container = document.createElement('div') images.append(container) const img = document.createElement('img') container.append(img) img.photo.url }) } هاد هو كود جافا سكريبت
-
كيف يمكنني توليد صور بستخدام JavaScript حيث اريد اي نص يتم ادخاله في حقل ينفذ في div الفارغ ويظهر صور على حسب المحتوى الذي تم ادخاله
- 13 اجابة
-
- 1
-
-
<!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> <link rel="stylesheet" href="index.css"> <title>Document</title> </head> <body dir="rtl"> <header class="container"> <h1>عالم</h1> <nav> <a class="active" href="">الرئيسية</a> <a href="">المعلومات</a> <a href="">العمل</a> <a href="">تواصل</a> </nav> </header> <section class="hero"> <div class="tex"> <p>أنشئ صورك بستخدام تقنيات الذكاء الأصطناعي</p> <button>أبدأ الأن</button> <button>ابحث اكثر</button> </div> </section> هذا هو المشروع desktop.zip
-
*{ padding: 0; margin: 0; box-sizing: border-box; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } body{ background: url(ص.jpg) no-repeat; background-size: cover; background-position: center; width: 100%; height: 100vh; background-color: rgba(255,255,255,0.15); backdrop-filter: blur(4px) brightness(110%); } .container{ width: 100%; height: 10%; background-color: #490183; display: flex; justify-content: space-between; align-items: center; padding: 20px; position: fixed; } .container h1{ color: white; font-weight: bolder; padding-right: 5rem; } .container nav a{ color: white; text-decoration: none; padding: 10px; transition: all 0.3s ease; } .container nav a:hover{ background: #ffffff5e; } .hero{ display: flex; justify-content: center; align-items: center; padding: 20rem 10rem; font-size: 30px; color: white; font-weight: 700; } button{ padding: 1rem 2rem; border: none; background-color: #490183; color: white; border-radius: 10px; margin-top: 10px;; cursor: pointer; font-weight: 600; transition: all 0.3s ease; } button:hover{ background-color: white; color: #490183; } .main{ width: 100%; height: 100vh; } .main h1{ text-align: center; font-size: 40px; margin-top: 100px; } i{ text-align: center; }
-
لقد استخدمت : Position: fixed; ومن المفترض ان يصبح قسم header ثابت لكن لم يحدث ذلك
- 8 اجابة
-
- 2
-
-
الصورة موجودا في body
-
كيف ان ارجع حجم شاشة طبيعية
- 3 اجابة
-
- 3
-
-
كيف يمكنني ان اجعل خلفية شفافية قليلاً
- 4 اجابة
-
- 3
-
-
عند اتمام الدورة بنجاح و الحصول على عمل هل سأحتاج الى لغة الانجليزية حيث لغتي الانجليزية متوسطة
- 3 اجابة
-
- 2
-
-
شكرا لكم ظننت ان React يجب استخدامها في كل مواقع سواء كان كبير او صغير
-
من المفترض ان React تسهل بناء المواقع ولكن لم اشعر بهذا لقد جربت ان أنشئ موقع من خلال مكتبة React لقد احسست انها اصعب واستغرقت وقت
- 3 اجابة
-
- 2
-
-
هل يمكن الأعمتاد على JavaScript بدلاً من node اقصد يمكنني ان انشئ غرفة دردشة بستخدام شجرة DOM
- 9 اجابة
-
- 1
-
