كيف أبرمج تطبيق ذكاء اصطناعي - بايثون - رياكت
يمكن الحصول على الكود كاملاً من التعليق المثبت
ستتعلم كيف تبني مشروع ذكاء اصطناعي خاص بك باستخدام api بواسطة اللغات التالية:
- بايثون (فلاسك): باك إند
- جافاسكريبت (رياكت): فرونت إند
- انشاء api خاص باستخدام بايثون
- تخاطب الـ api الخاص مع api برمجية الذكاء الاصطناعي
- معالجة الطلبات باستخدام رياكت
- استخدام رياكت هوكس لتخزين ومعالجة البيانات
مستوى الدرس: متوسط - متقدم
للمبتدئين: يجب أن يكون لديك معرفة أساسية باللغات المذكورة (تابع التعليقات لتعرف الدروس المطلوبة)
دروس هامّة لمتابعتها:
مدخل إلى لغة بايثون • تعليم لغة برمجة بايثون...
برمجة موقع باستخدام بايثون • كيف اصمم موقع انترنت ب...
تعلم رياكت مع تحديثات 2022 • تعلم رياكت بتصميم موقع...
كيف تستخدم الـ api • تعليم استخدام الـAPI ب...
فهرس الدرس:
00:40 ماذا سنتعلم في هذا الدرس
01:30 متطلبات الدرس
02:30 تحضير بيئة العمل
03:50 انشاء باك اند
06:30 انشاء فرونت اند
11:00 انشاء Chatbot API
18:30 انشاء فورم لارسال البيانات
20:45 استخدام useState()
22:10 استخدام useEffect()
27:00 التخاطب بين فرونت إند و باك إند بواسطة الفورم
32:20 استخدام async() await
35:45 تخزين المعلومات السابقة
38:00 تنسيق التطبيق
------------------------------------------------------------------------
اشترك بالقناة لمتابعة الدروس
/ nourhomsi
اشترك في مجموعة المصمم الأول لمناقشة الدروس:
groups/1designer
لمتابعة الحساب:
nourhomsi.com
drnourhomsi
nourhomsi1
drnourhomsi
Пікірлер: 293
لا تكن متابعاً خفياً. اكتب أي تعليق لمساعدة خوارزمية يوتيوب على التعرف على القناة. علق ولو بنقطة للحصول على الكود عبر الرابط الآتي: github.com/drnourhomsi/python_react_api
@e3rb95
Жыл бұрын
شو رأيك ب flutterflow ?
@nourhaji315
Жыл бұрын
شكرا لكل مجهوداتك السيد نورالدين الحمصي التي تقدم شرحات دون اخفاء اي سئ وكانك تشرح لاولادك او اخوتك وهذا قليل من يكشف عن خبرتة دون تحفظ وهذا قليل من المكون العرب الذي لا يسمح لاحد ان يطلع علمة يعيش معة وتموت معة هذة الخبرة على اساس سر المصلح
@user-vj3xc4de9d
Жыл бұрын
NH25 بالتوفيق
@naninaniii6855
Жыл бұрын
🤍🤍🤍
@tajinetopf95
Жыл бұрын
🎉
حقيقتا والله العظيم انك مبدع في كل الدروس الي تنشرها الله يوفقك ويكتب لك الاجر
شكرا على الدرس الرائع والله الي يعجبني فيك انك توصل المعلومه بشكل بسيط وسلس ❤️❤️❤️
ما شاء الله ايش الابداع هاذا والشرح الجميل واصل يا استاذ الله يعطيك العافيه
شكراٌ على جهودك مبدع في كل الدروس الي تنشرها الله يوفقك
والله يااستاذ شرحك دمار. الله يسعدك 🌹
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
دروس كهذه مفيدة جدا لنا المبتدئين لنتخيل كيفية العمل الحقيقي وتوضيح الصورة لنا شكرا جزيلا♥️
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق. أتمنى تكون استفدت
مشالله عليك استاذ والله استمتعت بالفيديو كاملا شيء جميل جدا.
You're teching is very easy to understand, even if the lesson is very complicated :) , thanks and keep the great work
عنجد شكرا .. بس منتمنى بالفيديوهات القادمة تحكي عن كيفية عمل API ChatGPT
واصل على نفس طريقة الاعطاء فهي تعطي الثقة للطالب من ناحية المعلومات المقدمة من قبلك فخوارزمية طريقة إعطائك جدا ناجحة وتوصل أكبر قدر وكم من المعلومات إلى عقل الطالب ❤
جزاك الله خيرا 🙏
يا اخي انت سبب محبتي للبرمجه .. شكراٌ على جهودك المبذوله لتوصيل المعلومه ❤
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق. أتمنى تكون استفدت
@al3ezi
Жыл бұрын
@@NourHomsi اكيد استفدت .. طبعا بعد الله ثم فيديوهاتك التعليميه اتوفقت في قبولي في اكبر شركة تقنيات في اليمن فشكرا لك الف شكر
@Mad_html5
Жыл бұрын
عمل رائع ومجهود جبار✨
جميل جدا يا معلم رح حاول اشتغلها تطبيق بستخدام ال Vue js
شكرا استاذ تستاهل كل الخير
والله ماقصرت سلمت وكرمت وجزاك الله خيراً NH26
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
اتمنى تعمل كورس كامل عن باك إند خاص بلغةjsعلىnode🥰
@iiHaSTe
Жыл бұрын
nodejs ليست لغة بل تقنية
@yamen_727
Жыл бұрын
@@iiHaSTe اعرف هي بيئة تطوير وليس لغة بس كان قصدي عن باك بلغةjs بأستخدام بيئة تطوير node
@NourHomsi
Жыл бұрын
أحاول من فترة تسجيل درس عن نود جي اس ولكن الوقت لم يتاح لي حتى الآن. سأحاول قريباً ان شاء الله
@yamen_727
Жыл бұрын
@@NourHomsi 🥰👍❣️طيب بأنتظارك 🥰❣️
✨عمل رائع ومجهود جبار
بارك الله فيك ❤️
NH26 الله يعطيك العافية استاذ نزر وبارك الله فيك على المعلومات المفيدة يلي عم اتشاركها معنا.
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
شكرا لك استاذ نور🌹
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
والله هده اشياء صعبة اضن مستحيل اتعلمها في وقت وجيز. على العموم شكرا, جزاك الله خيرا
شكرا على هذا الشرح
السلام عليكم دكتور ياريت تحدثنا عن الوظائف المستقبلية في مجال البرمجة خصوصا و علوم الحاسوب عموما أنا جد مهتم بالوظائف عن بعد
الله يفتح عليك
Thanks and keep up the wonderful work
رائع جدا كالعادة يا غالي 🌹
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
ودائما افضل شرح بالعالم
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
شكرا استاذ نور
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
مبدع من فضلك قدم لنا كثر دروس عن الذكاء الاصطناعي عشان المصادر االعرببية تقريبا عير موجودة
@NourHomsi
Жыл бұрын
ان شاء الله
NH25 الى حد هده اللحظة دقيقة 10 الأمور سلسلة وشرح ممتع .. دعني أستمر الأن تحياتي لك من ليبيا 😍
@NourHomsi
Жыл бұрын
بالتوفيق ان شاء الله
راااائع و متميزززز نفتخر بك نور سورية
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
The BEST Channel in KZread
نجم كالعادة منتحرمش
شرح رهيييييب كالعادة استاذ نور المحترم لازلت في انتظار شرح السلسلة الثالثة من React وكيفية عمل الراوت للصفحات وهوك context وكيفية عمل CRUD مع ال API اتمنى ان تشرح لنا كيفية استخدام typeScript مع رياكت وماهي الفواِئد في ذلك شكري لك واحترامي 🙏🙏🙏
@NourHomsi
Жыл бұрын
الجزء الثالث من رياكت سيتم نشره قريباً جداً
@dralmukhtar
Жыл бұрын
@@NourHomsi شكرا استاذنا العزيز
@syriamoon2674
Жыл бұрын
@@NourHomsi بالانتظار شكرا الك كنت اكره الجافاسكربت بس بسبب شرحك حبيتها وخصوصي رياكت تعلمتها منك الله يجزيك الخير
NH26 ربي يسلم اديك ويعطيك العافية يا استاذ نور ويجزيك الخير يارب
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
@anasalrifaiy9788
Жыл бұрын
@@NourHomsi طبعا فدتني كتير شكرا جزيلا، مو بس هلأ، من زمان
NH26 مجهود رائع كالعادة...شكرا لك
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
مشكور
BEFORE ISEE THE VEDIO ,THANK YOU SO MUCH
love you bro❤
اتمنى لو تقدملنا كورس جانغو 🤗
Salam Nour, Great content in Arabic! Would suggest to add to the title, words "API"& "ChatGPT" . Greeting form Morocco.👍👍
NH26 درس مفيد جدا بارك الله فيك .. أتمنى أن يكون هنالك دورة شاملة مدفوعة لتهيئة المبرمج لدخول سوق العمل تحياتي لك من ليبيا ❤️
@NourHomsi
Жыл бұрын
فكرة جيدة جدا. قمت بتسجيلها عندي
دخيل قلبك ياا ريس
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
رائع
NH25 واجهتني العديد من المشاكل المتعلقه ب Devtools اتمنى الشرح المفصل لها لان شرحك واضح للناس المحترفه
@NourHomsi
Жыл бұрын
بالتأكيد. الدرس تم تسجيل نصفه تقريباً. قريبا ان شاء الله
شكرا جزيلا
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
السلام عليكم كله مفهوم وبسيط شكرا لك NH25
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
ياريت لو تكمل كورس الفلاسك
NH25 أستاذ استمر في تطوير الذكاء الاصطناعي
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
NH26 شكراً كتير استاذ نور
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
thank you
تحياتي اخي نور و شكرن الشرح اخي بالله سوال انا بدي اتعلم البرمجه شو تنصحني اخي هلق عندي سوي معرفه بل تطبيقات اتعلم الموقع ولا التطبيق شو تنصحني اخي بدي كورس بكون يعلم
سلام عليكم يعطيك الصحة ممكن مساعذة ارجوك اعملنا فيديو عن dns spoofing بالبايتون وعن كيفيه استعمال cookies
شكرا
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
دائما ماميز استاذ نور شكرا على المعلومات القيمة nh25
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
good work
THANKS!!!!!!!!!!!
NH26 Thanks and keep up the wonderful work
NH26 Thanks for video 🔥👑
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
NH26 ابداع حقيقي ..
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
اسطوره
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
NH25 شرح بسيط و رائع شكرا أستاذ
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
@sarmadali9493
Жыл бұрын
@@NourHomsi محتوى رائع بكل معنى الكلمة
NH25 واجهت شوي صعوبة بس حليته الحمد الله
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏 أتمنى أكون أفدتك
NH26 بحبك❣🇱🇧
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
NH26 مشكور استاذنا الغالي ...اظن ان سرعة الشرح ناتجة عن خوفك على المبرمجين من التأثر بقدرة الذكاء الاصطناعي على تهديد وظائفهم ....وبالتالي اوضحت كيف يمكن استغلال هذا لاخير في مساعدتنا على تسريع المهام...
@NourHomsi
Жыл бұрын
سرعة الشرح بسبب أن جميع المعلومات المذكورة قد تم تفصيلها مسبقا. هذا الدرس يعتبر تطبيق عملي لأشياء تعلمناها مسبقاً
تمام
سلام عليكم ورحة الله ❤❤ عالعافية استاذ همام ممكن تعمل فيديو عن تجربتك في العمل في مجال الجرافيك وتصميم وبرمجة المواقع وهل انت عملت فريلانسر وعملت في شركات وكبف اكتسبت الخبرة مع الوقت ومصادر تعليمك ومشاريعك والاشياء التي عملتها وكيف حصلت على اول عمل ووظيفة لك ارجو الاهتمام بهذا الموضوع لو سمحت 😍😍🔥🔥😘😘
@NourHomsi
Жыл бұрын
فكرة رائعة. سأسجل الفيديو في الفترة القادمة ان شاء الله
@Nicola_Tesla452
Жыл бұрын
@@NourHomsi اه والله استاذ نور محتاجين فيديو من هذه النوعية بجد
اعمل نفس التجربه بس لل Flutter
ياريت يابشمهندس بقي لو تشرحلنا ازاي نعمل تطبيق لتحويل الصور بذكاء الاصطناعي تبقي عملت معانا التمام
@NourHomsi
Жыл бұрын
اعطيني مثال لما تريد. لم افهم الطلب
@magamer6404
Жыл бұрын
@@NourHomsi حضرتك عارف ترند اللي شغال تحويل صور الشخصية بذكاء الاصطناعي مش ممكن نعمل موقع يحول الصور بذكاء الاصطناعي من خلال بايثون
👏🏻👏🏻
@NourHomsi
Жыл бұрын
👏
استاذ نور ممكن تعطيني اسم الثيم اللي بتستخدمه في vscode؟ وجزاك الله خيرا
NH26 نريد درس عن برمجة تطبيق من التصميم الى الاستضافة
@NourHomsi
Жыл бұрын
تابع هذا الدرس: kzread.info/dash/bejne/aJybpKh9hLfddc4.html
سبحان الله
شكرا جدا على الفيديو والشرح الجميل NH26 ولاكن عندي سؤال هل هذا التطبيق يعطيني أجابه جميع الاسئله مثل chatgpt
@NourHomsi
Жыл бұрын
هذا التطبيق يستخدم نسخة محددة من الموقع الأصلي. غالباً يعطيك النتائج المماثلة ولكن ليس لجميع الأسئلة
هندسه هل ممكن عمل برنامج بالذكاء الصناعي للتعلم من الانترنت والاجابه
NH26 مرحبا دكتور نور السلسلة رائعة و هذا ماكنت انتظره منك شكرا اولا و اخيرا . لدي سؤال ماهو اسم THEME الموجودة في برنامج vscode
@NourHomsi
Жыл бұрын
One Dark Flat Pro
NH26 شكرا + نريد تطوير الذكاء الاصطناعي
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
مافي كورس محدث ٢٠٢٣ لبرنامج in design 🤔
NH26 machaalla alik
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
لو ممكن تعمل فيديو شرح عن رفع تطبيق فلاسك الى سيرفير
@NourHomsi
Жыл бұрын
search: deploy flask app on linux server
❤️❤️❤️❤️❤️❤️❤️
@NourHomsi
Жыл бұрын
👏
باشا هل تعلم ابرمجه الان ليه قيمه مهمه مع الذكاء الصناعي ام يتم التركيز علي شئ معين
شكرا لك استاذ نور nh25
@NourHomsi
Жыл бұрын
شكراً للمتابعة 👏
❤️
@NourHomsi
Жыл бұрын
👏
شکرا
@NourHomsi
Жыл бұрын
شكراً لمرورك والتعليق
NH26شرح رهيب🔥 سلمت يداك ولكن هل يمكن عمل الباك اند عن طريق ?php?
@abdulrahmankhaled8009
Жыл бұрын
ولو ينفع بالphp ... ممكن تعطيني الفكره التي خطرت ببالك؟
@NourHomsi
Жыл бұрын
اذا شاهدت بداية الفيديو فقط لحين الانتهاء من انشاء الـ ايه بي آي. نفس المبدأ والخوارزمية تماماً يمكن استعمالها في بي اتش بي. فقط سيتغير طريقة الكتابة. وعلى فكرة، كتابتها بالـ بي اتش بي أسهل بكثييييييير
@NourHomsi
Жыл бұрын
فكرة مشابهة، تابع هذا الدرس ابتداء من هذه الدقيقة kzread.info/dash/bejne/X3qOsKSjo83HiMo.html
NH25 بعد اذنك حطلنا روابط الدروس الي عندك بالترتيب لحتى نكون قادرين نعمل هيك موقع لحالنا
@NourHomsi
Жыл бұрын
روابط ماذا؟
هل ممكن رابط للكود كاملا اغير بس فيه API الخاص بي لاني مو مبرمج بس عايز اعمل الابلكيشن دي ممكن تساعدني؟
NH26 شو بتنصحني كورس متكامل وورد برس حتى مرحلة متقدمة في الحماية والتطوير والتسريع
@NourHomsi
Жыл бұрын
ابحث في يوديمي عن كورس متكامل
❤️❤️❤️❤️❤️❤️
@NourHomsi
Жыл бұрын
👏
NH26 مرحبا دكتور نور اول شي شكراً على الشرح الجميل بس كان عندي سؤال هل يصير اربط whatsapp api مع GPT-3 api بحيث لما الشخص يرسل رساله في الواتساب تروح الرساله لل GPT-3 api ثم يعمل request عشان الجواب يرجع للشخص الي سأل في الواتساب يعني الفكره تشبه مشروع Chatbot يعمل بنظام WhatsApp AI مع GPT-3 ، باستخدام Mantium & whatsbot API
@NourHomsi
Жыл бұрын
والله الفكرة ذكية ورائعة جداً. بالتأكيد يمكن تطبيقها باستخدام بايثون. رح قوم بالبحث عن كيف ممكن طبقها وأعدك بفيديو قريب جداً. شكراً للمساهمة فيصل
nh25 غند الدقيقة 10:51 عندي مشكلة بالfrontend فى الterminal وكمان مش بيظهرلي زي التبويب بتاعك وبرده ولا زي الى فى الconsole
@NourHomsi
Жыл бұрын
استخدم cmd
السلام عليكم اخي نور، شكرا جزيلا على المجهود القيم الذي تنشره. عندي سوال في الفديو هذا قمت بربط باكاند+ فرنتاند + أ ب آ. فرنتاند معمول على ريكت معناه يفتح في المتصفح هل يمكن انشاء فرنتاند عن طريق برنامج يثبت مع واجه على سبيل المثال في PyQT؟ شكرا جزيلا مسبقا.
NH25 مشكور على هذا المجهود ، سألي إجابه السؤال الذي يرجع لنا من chatgpt هل هو نفس الإجابة التي بترجع لو سألت في الموقع الرسمي
@NourHomsi
Жыл бұрын
طبعا.
اخي بس زكاتك بدعيلك كثير ازا لاقيتلي شغل ب لغة بايثون بتجيب فلوس كويس
@NourHomsi
Жыл бұрын
👏
يعني اصبح لي كتير وانا طالب هندسة اتصالات واخب البرامجة لكن اريد التعمق فيها كثيرا والتواصل معك
NH26 ممكن تشرح لنا ماهي الملفات التي يجب أن تكون في أي موقع و كيف تضيف الإعلانات في موقعك
@NourHomsi
Жыл бұрын
ملفات ماذا؟
Senior Full Stack Developer (Web/Mobile) ماهي الخبرات، المهارات والشهادات أو ما يعادلها المطلوبة لكي نعلن عن هكذا موظف، يرجى افادتنا لو تكرمت استاذ نور. تحياتي.
كيف اركب الهوست في الموقع عشان اعتمده