المشاركات

عرض المشاركات من 2024

استخدام Gemini API في مواقع الويب

صورة
   السلام عليكم ..  عنوان الدرس/  استخدام Gemini API في مواقع الويب الاختصاص/    الذكاء الاصطناعي المستوى/  الكل ملاحظة:  اللغة المستخدمة في الدرس هي JavaScript باستخدام React JS الخطوات: 1- نقوم بعمل مشروع React جديد من خلال الاسطر التالية: npx create-react-app gemini-api  cd my-app  npm start 2- تنصيب حزمة google AI على المشروع كالتالي: npm i @google/generative-ai نحتاج إلى مفتاح API للمطور لاستخدام Gemini AI ولكي ننشيء مفتاح API للمطور، نذهب الى الرابط التالي https://aistudio.google.com/app/apikey ثم نقوم بإنشاء المفتاح .. وبمجرد إنشائه، انسخه إلى موقع آمن داخل نظامك لاستخدامه لاحقًا في التطبيق. 3- نرجع الى مشروعنا في react ونفتح ملف App.js ونمسح الكود الذي بداخله ، ثم نقوم باستدعاء المكتبة الخاصة بالكوكل ai كالتالي: import { GoogleGenerativeAI } from '@google/generative-ai' ; 4- نقوم بإنشاء كائن genAI من كلاس GoogleGenerativeAI من خلال تمرير مفتاح API لكي نتمكن من الوصول إلى جميع الدوال التي يقدمها. كالتالي:   const API_KEY ...

تعلم Firebase cloud function

صورة
  السلام عليكم .. عنوان الدرس /   شرح طريقة عمل Firebase Function الاختصاص/  Cloud Computing الموضوع/ قواعد البيانات المستوى/  الكل الأدوات المستعملة: 1-  موقع فايربيس                            2-  برنامج vscode                           3- node js الشرح: يعتبر Cloud Functions الخاص بقاعدة البيانات firebase من البيئات التي تسمح بكتابة الكودات الخاصة بجزء الـ back end ، حيث يقوم بتشغيل الكود وتنفيذ اوامر http request و http response بالاضافة الى وظائف الكلاود الاخرى على google cloud فيما تسمى بخدمة serverless ، يمكن كتابة كود Cloud Function بثلاث لغات برمجية وهي javascrip  و Typescript و python بالاعتماد على اشهر بيئة تشغيلية هي node js  نقوم في هذه المقالة بشرح تطبيقي لكيفية عمل هذه البيئة من تنصيب وتجهيز وكتابة الكود والخ. الخطوات: 1) عمل مشروع جديد في firebase - نقوم بالذهاب الى موقع فاي...