تعلم أقوى وأحدث أدوات البرمجة في العصر الحديث Firebase Studio

عاوزك تستعد معايا يا ريس ان شاء الله علشان هاخدك معايا في رحله لتعلم الفاير بيز استوديو ولو بتسال ايه هو الفاير بيز استوديو فده وكيل ذكاء اصطناعي جديد عاملاه شركه جوجل الوكيل ده خاص بالبرمجه وعمل التطبيقات طيب واحد هيسالني طيب يعني ايه وكيل اصطناعي اصلا هقول لك انا شرحت الموضوع ده بالتفصيل الفيديو اللي فات ووضحت الفرق بينه وبين الاي اي موديل بنصحك بشده تشوف الفيديو ده طبعا ولكن باختصار الاي ايجنت او وكيل الذكاء الاصطناعي فده زي شخص متخصص كده في اداء مهمه معينه بتطلبها منه الاول للاخر بيحل لك جميع المشاكل اللي بتقابله وبيسلمك اللي انت طالبه على المفتاح وعلشان يعمل كده بيروح يستخدم الاي اي موديلز زائد بعض الادوات والتقنيات الحديثه المدمجه معاه اللي بتخليه يتصرف زي البشر بالظبط علشان ينجز لك المهمه دي المهم ما علينا روح شوف الفيديو وانت تفهم اكتر طيب هتكتب هنا يا ريس فاير بيز استوديو في المتصفح سيبك من الرابط الاول ده هو الرابط الثاني بالشكل ده تعالى شوف يا ريس الجمال اللي عاملاه شركه جوجل اولا بتقول لك ان الوكيل بتاعنا يقدر يعمل لك فول ستاك ابلكيشن يعني الواجهه الاماميه بالداتابيز بكل اللي تحبه وده علشان هو بيستخدم خدمات الفاير بيس بتاعه جوجل كلها كمان الاي اي ايجنت ده او وكيل الذكاء الاصطناعي بتاعهم يقدر يعمل لك تطبيقات ويب او مواقع كامله وكمان يقدر يعمل تطبيقات موبايل بالشكل ده وكل ده في مكان واحد يا ريس وطبعا الايجنت بتاعهم ده بيستخدم جيميناي طبعا كاي اي موديل بيستعين بيه في شغله وهو شغال فاحنا جوجل كلنا في بعضينا المهم فكك من الحوارات دي كلها تعال ندخل في الثقيل هدوس جيت ستارتد طيب جميل لاحظ ان انت بتكون مسجل بحساب جيميل بالشكل ده عندك هنا الدارك مود واللايت مود خلينا في الدارك مود احلى طيب هنا كده بتكلم الوكيل بتقول له اعمل لي كذا وبتشرح له فكرتك المبدئيه بالتفصيل فخلينا نكسل ونروح نجيب فكره من تشات جي بي تي طيب علشان نخلي الموضوع بسيط النهارده خلينا نقول لتشات جي بي تي اوصف لنا تطبيق لتو دو اب وبعدين بتقول له المفروض التطبيق ده يكون فيه كذا وكذا مثلا مش هتفرق دلوقتي كل واحد على حسب فكرته بعدين تشات جي بي تي بيبدا يديلك وصف احترافي شويه للتطبيق بتاعك بكل المميزات اللي طلبتها بتيجي تاخد الوصف ده كوبي كده وتروح تقول له يا عم الايجنت اعمل لي التطبيق ده وبتشيل طبعا الكلام الزياده اللي مالوش لازمه في الوصف وبعدين بتدوس بروتوتايب وذ اي اي علشان يبدا يعمل لك بروتوتايب مبدئي للتطبيق بتاعك لاحظ قبل ما نعمل كده هتلاقي عندك هنا ممكن تعمل انشاء لاي اي بيئه عمل خاصه باي لغه او فريم وورك من دول وساعتها هينشئ لك بيئه عمل فاضيه وهيفتح لك زي فيجوال استوديو كود كده عشان تبدا التطوير عليه لو انت مبرمج وحابب تكتب كود بايدك كمان ممكن تعمل امبورت لريبو من على جيت هاب مثلا وتشتغل عليه ولكن خلينا نرجع للوكيل بتاعنا يا عم عشان هو اللي هيشتغل بدلنا هندوس بروتوتايب وفي المرحله دي يا معلم هو بيبدا يحلل الكلام اللي انت كاتبه ويفهمه وبيبدا يتعامل معاك كانه شخص انت بتقول له اعمل لي الشغلانه الفلانيه فبيبدا يقول لك بص انا بقترح عليك اسم التطبيق بتاعك يكون اسمه كذا وشايف اننا ممكن نحط المميزات واحد انين 3 وشايف ان الستايل والالوان بتاعه التطبيق والخطوط والكلام ده هيكون بالشكل الفلاني ساعتها ممكن توافق وتقول له اتكل على الله او تعدل لو حبيت من هنا فممكن نغير اسم التطبيق نخليه مثلا فوكس برو او ممكن نخليه فوكس اكس بتهق لي اشيك طيب المميزات برضو ممكن نضيف مميزات اكتر بالشكل ده لو حبيت وبالنسبه للستايل فممكن نغير لون التطبيق الاساسي نروح ندور على كر بالتس على النت ونروح ناخد كوبي لاي كود لون احنا حابينه بالشكل ده ونيجي نحطه هنا بالشكل ده تمام ونعمل سيف وتيجي تراجع تاني وتدوس بروتوتايب ذس اب طيب شوف بقى يا ريس ايه اللي بيحصل الايجنت بيبدا شغل في المشروع وانت عمال تتفرج عليه اللي بيحصل دلوقتي قدامك بيسموه فايب كودين وده مصطلح حديث الفكره ان الذكاء الاصطناعي عمال شغال بيكتب في كود وبينشئ في ملفات المشروع انت عمال تتفرج عليه لاحظ ان هنا هتلاقي اسم كل ملف هو شغال فيه دلوقتي وكمان هنا هتلاقي جميع الملفات اللي هو انشاها في المشروع حتى الان تمام هو كده خلص التطبيق نظرا لان التطبيق بتاعنا بسيط كفكره مبدئيه ولكن تعالوا نلعب معاه شويه لاحظ هبدا اجرب واضيف تاسكات ولاحظ هو تحت بيقول لك عدد التاسكات اللي عندك كام ولكن انا عاوز اضيف كذا ميزه في التطبيق بتاعي دلوقتي اولا عاوز اضيف ميزه اني ادوس على تسك معينه واعلم عليها كاني خلصتها وكمان اضيف ضيف ميزه اني ممكن احذف التسكات اللي انا ضفتها براحتي فهبدا اكلمه واقول له يا معلم ضيف لي الميزتين دول تمام هجرب هتلاحظ انه ضاف لي ميزه ان انا ممكن احذف تاسك معينه ولكن لسه ماضافش ميزه ان ممكن اعلم على تاسك او احددها على اساس انها انتهت هحاول اقول له تاني اعمل لي الميزه دي واجرب ممكن ما يفهمكش فجرب مره واتنين وغير في اللي انت كاتبه وحاول لحد ما توصل للي انت عاوزه تمام جدا وصلنا للي احنا عاوزينه مبدئيا عاوز اضيف كمان ميزه وهو اني اكتب هنا كمان عدد التسكات الكلي بجانب عدد التسات اللي انتهت ودي فرصه اعرفكم على الاداه الجامده جدا دي بدل ما توصف له بالكلام هنا لا انت ممكن ترسم له اللي انت عاوزه ازاي شايف الايقونه دي اسمها انوتيت هتيجي تدوس عليها اوتوماتيك هتلاقيه خد لك زي سكرين شوت كده للتطبيق بتاعك في اللحظه دي وادال لك شويه ادوات كده فوق بحيث انك تقدر ترسم له وتشرح له وتكتب له انه يضيف لك حاجه في حته معينه او يعدل الحته دي وهكذا وهو المفروض هيفهمك بالاي اي وانا قلت لك الفيديو اللي فات ان الاي ايجنت بيحطوا فيه تقنيات علشان يكون زي البشر كده يعرف محتوى الصور والفيديوهات والميديا اللي قدامه بشكل ذكي جدا علشان لو احتاج الكلام ده وهو بينفذ مهمته المهم انا قلت له ان انا عاوز خلفيه المهمه اللي لسه ما اكتملتش تكون بالاحمر علشان اميزها وبعد ما اخلص شرح بالرسم هدوس سند دروين هيبدا ياخد مني الرسمه ويحاول يفهمها علشان يعمل لي التعديلات اللي طلبتها لاحظ عمل لي خلفيه المهمه اللي اكتملت هي اللي بالاحمر وده دليل انه ما فهمش كمان ما حطليش عدد المهمات اللي اكتملت تحت هاخد سكرين شوت في اللحظه دي تاني علشان اوضح له اكتر ان المهمه دي اللي اكتملت خليها بالاخضر واللي لسه ما اكتملتش فخليها بالاحمر وهاجي اقول له حطلي يا معلم عاد المهمات اللي اكتملت هنا كمان تمام جدا بالنسبه للون المهام اللي اكتملت واللي لسه ما اكتملتش ولكنه لسه ما حطش عدد المهمات اللي اكتملت تحت لو تلاحظ ودي الحته اللي عاوز اوصلها لكم يا شباب دلوقتي من تجربتي الشخصيه هو لحد دلوقتي بيقدر يفهمك اكث من التشات اكث من الشرح على الصوره فممكن تتعب كتير لو حاولت تعمل حاجه من خلال الرسم فيفضل انك تتشات معاه اسرع فانا هنا قلت له حط لي عدد التاسكات اللي اكتملت كمان في الفوتر لاحظ لو حصل معاك خطا اثناء التنفيذ هتدوس تراي اجين وهو هيتعامل لوحده ما تقلقش وبرده لو حابب ترجع لاي نسخه من التطبيق او تعمل رول باك تقدر تعمل ريستور لاي نقطه من نقاط الحوار بينك وبينه من هنا تمام خلينا نعمل تراي اجين تمام ضاف لي الكومبليتد تاسكس كمان هنا عندي اهي ولو جربت هلاقي الدنيا تمام لحد دلوقتي طيب اللي فوق ده عباره عن انترفيس لمتصفح او صفحه ويب بحيث بحيث لو التطبيق بتاعك فيه مسارات متعدده او اكث من صفحه وحابب تختبرها كمان لو دوست هنا كده تقدر تفتح النافذه دي في صفحه لوحدها ومن هنا تقدر تشوف التطبيق بتاعك بشكل كامل كمان تقدر تعمل انسبكت وتروح تختبر الريسبونسيف وتشوف التطبيق بتاعك على الموبايل والاحجام المختلفه طيب تمام جدا تعالوا نرجعاني للموظف بتاعنا او الاي اي ايجنت بتاعنا طيب كده خد بالك انا هنا بتعامل كاني انا صاحب الشغلانه والاي اي ايجنت كانه هو المبرمج اللي بيسلمني الشغل. طيب انا لو فاهم في البرمجه بقى وعاوز اخد الايجنت او ابرمج انا بايدي تعال يا ريس ودوس هنا وسويتش تو كود وساعتها هينقلك يا ريس للبروجكت كامل بالشكل ده هيفتحهولك على فيجوال استوديو كود حرفيا بكل مميزات الفيجوال استوديو كود ولاحظ ان البروجكت وغالبا معظم البروجكتس اللي بتتعمل او اللي هو بيعملها بتكون معموله بالنكست جي اس طيب هيفتح لك جنبك كده جوجل جيميناي علشان لو حبيت يساعدك لو رحت مثلا لمجلد السورس في مجلد الاب تقدر تشوف ملفات المشروع في الديفلوبمنت ملف البيدج دوت تي اس اكس هو الملف الرئيسي اللي بيكون مكتوب فيه التطبيق وهتلاقي عندك الكومبوننتس فوق اللي عامل لها امبورت والجميل برده ان مستخدم التيل ويند سي اس اس في الستايلين ولكن ما علينا علشان ما انتوش الناس دلوقتي هنا تقدر تسال جيميناي في اي حاجه وهنا تقدر تشوف التطبيق بتاعك لايف بالشكل ده كمان ممكن تتصفح الكود وتحدد منه جزئيه معينه وتروح تقول لجيميناي اشرح لي الجزئيه دي طيب خليني اوريك الفرق هنا لو انت عاوز تضيف حاجه للتطبيق بتاعك وحبيت تعمل كده من خلال جيميناي على طول وليكن قلت لجيميناي ضيف لي سويتش بوتون اقدر منه احول الدارك واللايت مود شوف بقى جيميناي هيعمل ايه اولا هيبدا يلف على ملف ملف ويشوف كل ملف عاوز يتعدل وممكن تراجع التعديلات اللي هتحصل في الملف ده مثلا وبعدين تقول له ابديت فايل وهيجيب لك الملف اللي بعده يقول لك ده كمان عاوز يتعدل وهكذا يا معلم بنفس واقعد راجع وراه ووافق وفي الاخر هيجيب لك زي تقرير مختصر كده بالملفات اللي اتعدلت وعدل فيها ايه؟ طيب لو رحنا على التطبيق هنلاقي التطبيق بتاعنا ما بيشتغلش واقعد انت بقى ايه اقرا في الاخطاء دي وعدلها واستخدم جيميناي يا معلم او الاي اي موديل مش انت اللي عامل لي فيها دكر وسيبوني وانا الديفلوبر وبتاع ماشي اشرب يا معلم هو ده الفرق بين انك تستخدم الاي اي ايجنت والاي اي موديل وهو ده بالضبط اللي انا شرحته الفيديو اللي فات علشان كده بقول لك مهم جدا انك تشوف الفيديو ده علشان تفهم الحوار ماشي ازاي. طيب بعد محاوله لتصليح الكود الكود هنج وانا مش هفضل مستنيه كتير. علشان كده خلينا نوقف العمليه دي ونعمل ديتاتش وخلينا نروح نسويتش للايجنت او الموظف بتاعنا الغلبان ونقول له الحقنا يا نجم احنا اتبهدلنا من بعدك. هيقول لي انا عارف ان عندك مشاكل اصلحها لك هقول له ماشي فيكس للايرورز تمام هقول له فيكس تاني لاحظ ان هو بيصلح المشاكل في جميع الملفات والمشروع كله مش ملف ملف زي جيميناي وعلى فكره انا قصد اني اوريك ده وده علشان تفهم وتستوعب اللي احنا قلناه الفيديو اللي فات بشكل عملي طيب الطبي اشتغل ولكن لاحظ هتلاقي السويتش بوتون اللي كان بيحاول جيميناي هنا ان هو يحطه لي ولكنه منظر كده على الفاضي دي مش شغال للاسف ولكن بقيه التطبيق شغال تمام جدا طيب خلينا نعمل ايه يا معلم نروح نرجع بالتطبيق للنسخه اللي قبل ما نستخدم جيميناي قبلها على طول بالشكل ده تمام هو كده المفروض رجع علشان نشوف التغيير خلينا نعمل ريفريش لمتصفح تمام قوي انا عاوز اضيف دلوقتي زرار هنا يحول لي بين الدارك واللايت مود فخلينا زي ما اعلمنا نروح نجرب نحاول نشرح له بالرسم بالشكل ده كده مثلا لاحظ يا نجم ما عملش حاجه وده السبب اني قلت لك انه لسه ما بيفهمش بالرسم بشكل قوي فخلينا نروح نكتب له الكلام ده تمام جدا ادي الزرار يا معلم والفانكشن شغاله مبدئيا ولكن لاحظ ان الوان التطبيق والنصوص في الدارك مود مش واضحه وهو ده اللي هحاول اقوله له علشان يظبطه ولاحظ معايا هنا بقول له ان لون النص ده نوت كلير يعني مش واضح تمام جدا الراجل فهمني وظبط للدنيا والتطبيق في الدارك مود بقى شكله شيك جدا وخلينا نجرب الدارك واللايت مود ونروح نفتح المتصفح علشان نختبر ونشوف شكل التطبيق بتاعنا كمان على الموبايلات والاحجام الثانيه هيكون عامل ازاي تمام جدا الدنيا شغاله تمام الله ينور طيب جميل جدا خلينا نرجع للموظف بتاعنا او الاستوديو بتاعنا لو عاوز تعمل بابلش بقى او تنشر التطبيق بتاعك النهائي بتعمل ايه فالشيء الجميل هنا انك ممكن تنشره من هنا جوجل عندها خدمه استضافه للتطبيقات من ضمن خدمات الفاير بيز اللي بتقدمها ولكن لو دوست نكست هيقول لك انك لازم تنشئ حساب والحساب ده مدفوع علشان تستخدم الخدمه دي طبعا مش كل الناس عندها الامكانيه دي ولكن الموضوع بسيط جدا هنا هتنشئ حساب وترفع بقى تطبيقاتك يا معلم للعامه فالجميل هنا دلوقتي ان التطبيق كامل هيعمله لك الاي اي ايجنت هنا بالفرونت اند والباك اند طبعا هيستخدم فيه الفاير بيز فانت هتاخد فول ستاك ابلكيشن على المفتاح زي ما بيقولوا كمان الرفع والاصضافه انت مش هتتعب فيهم هيعمله لك وهيدي لك الرابط تقدر تدخل على التطبيق بتاعك من اي مكان طيب فكك من ده بالنسبه لملفات المشروع لو عاوز احملها عندي واتصرف انا بعد كده فانا في الحقيقه بتمنى قريب ان جوجل تحط هنا امكانيه انك تقدر تصدر ملفات المشروع وتاخدها عندك على الجهاز ولكن الكلام ده مش موجود واشك اصلا ان هم هيعملوا كده ده اذا كان اصلا انا شاكك ان هم هيسيبوا الفاير بيز استوديو ده ببلاش كده على طول ولكن في طريقه ان شاء الله ممكن ناخد بيها ملفات المشروع لو رحت للديفلوبر مود او الكود وفتحت الترمنال واتصلت بريبو على الجيت هاب مثلا ساعتها ممكن تعمل بوش على الريبو ده وبعدين تسحب المشروع عندك على الجهاز بعد كده وبعدين ابقى سطب جميع الديبندنسيز عندك على الجهاز بعد كده طبعا انت فاهمني اوعى تقول مش فاهمني طيب لو عاوزين نجرب نشرح الطريقه دي في فيديو عرفوني تحت في الكومنتات طيب خلينا نرجع للفاير بيز استوديو الصفحه اللي في الاول خالص دلوقتي يا ريس تقدر تشوف جميع المشاريع اللي انت شغال عليها تحت بعض هنا بالشكل ده كمان في حاجه قويه وظريفه عاوز اوريها لك ممكن بدل ما توصف له بالكلام في البدايه التطبيق اللي انت عاوز تعمله لا ممكن ترفع له صوره وتقول له انا عاوز اعمل حاجه شبه كده وخلينا نجرب هبحث عن ديزاينز مختلفه لتو دو اب مثلا هروح مثلا الاقي شكل التصميم ده عجبني هاجي احمله عندي على الجهاز واجي اقول له اعمل لي تو دو اب شبه ده وتمام يا ريس هيبدا يحلل الصوره ويشوف المميزات اللي في التطبيق علشان يعمل لك زيها طبعا ممكن تراجع وتعدل ولكن هنقول له يلا توكل على الله هيشتغل يا ريس لحد ما يطلع لك النموذج المبدئي للتطبيق ده اسم التطبيق تقدر تضيف عنوان للتاسك هنا وتقدر تضيف وصف للتاسك هنا كمان جميل جدا تقدر تختار كمان الفئه او الكاتيجوري بتاعه المهمه دي وهنا ممكن تحدد تاريخ ويوم معين وهنا ممكن تحدد ساعه معينه في اليوم ده حاجه في منتهى الجمدان وطبعا التاسكات هتظهر هنا جميل جدا خلينا نضيف كمان واحده جميل لاحظ الجمال بقى انه حاطط لك ايقونه هنا بتعبر عن الكتيجوري بتاعه كل مهمه طيب جميل واحد هيسالني ايوه بس هو ما طلعش نفس الصوره اللي في نفس التطبيق اللي في الصوره بالظبط ما هو دي بقى الحته اللي عاوز اوصلها لك هو بيحلل محتوى الصوره بعدين بيحاول يتعرف على المميزات اللي في التطبيق ده ويتعرف كمان على الالوان الاساسيه بتاعته فكانك بالضبط واصف له المميزات دي من من خلال نص وبتديه له بعدين بيحاول ينفذ المميزات دي من خلال منتج هو بيعمله انما ما تتوقعش انه يعمل لك التطبيق بنفس الشكل كده من اول مره ولكن اقعد انت حاول معاه وامشي معاه واحده لحد ما توصل للشكل اللي انت عاوزه بالمواميزات اللي انت عاوزها في الاخر وبس كده يا شباب بتمنى ان الرحله دي تكون اتعلمت منها حاجات كتير فهمت ازاي تستخدم الفاير بيز استوديو بكل مميزاته بقيت مستريح اكث وانت بتتعامل معاه فهمت الدنيا وصلت لفين دلوقتي والادوات اللي بقينا بنستخدمها بقى شكلها عامل ازاي خلاص احنا داخلين على عصر الاي ايجنتس دلوقتي مش الاي اي موديلز فبتمنى ان الفيديو ده يكون زي ميني كورس كده تكوني اتعلمت فيه جميع اسرار وخبايا الفاير بيز استوديو وبتمنى الفيديو ده يكون فعلا مفيد للجميع ان شاء الله الفتره الجايه هحاول اقدم لكم محتوى خاص بالذكاء الاصطناعي اكث وازاي نستخدمه اخر التطورات اللي بتحصل ما تنساش طبعا تشترك وتفعل زر الجرس علشان تتابعنا ادعم الفيديو عن طريق اللايك لو عجبك وشير الفيديو علشان غيرك يستفيد وفي الختام اللهم صل وسلم على خير الانام كان معكم صبري حسني واشوفكم في فيديوهات ثانيه اجمل الله ولذلك الحين اسودكم الله والسلام عليكم ورحمه الله.